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

.terms-grid .panel { margin: 0; }
.terms-grid form, .panel > form { display: grid; gap: 16px; }
.terms-grid label, .panel > form label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: .8rem;
    font-weight: 700;
}
.section-heading { margin: 30px 0 14px; }
.customer-details { margin-bottom: 20px; }
.context { display: block; max-width: 520px; overflow-wrap: anywhere; white-space: normal; }

@media (max-width: 980px) {
    .terms-grid { grid-template-columns: 1fr; }
}