.sc-grid {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 1rem
}

@media (max-width: 768px) {
    .sc-grid {
        grid-template-columns:1fr
    }
}

.sc-field {
    display: flex;
    flex-direction: column
}

.sc-label {
    font-weight: 600;
    margin-bottom: .25rem
}

/* If your theme lacks input-group styles, this keeps suffix readable */
.input-group {
    display: flex;
    align-items: stretch
}

.input-group > .form-control {
    flex: 1 1 auto
}

.input-group-append {
    display: flex
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-left: 0;
    border-radius: 0 .25rem .25rem 0;
    background: #f8f9fa
}