/* Contact page — small additions on top of styles.css (same tokens & design language) */

/* form card: eyebrow above the title, required-field key under the intro */
.form-card .eyebrow{display:block;margin-bottom:6px}
.form-card .form-key{display:block;margin-top:2px;font-size:.82rem;color:var(--muted)}
.form-card .form-key .req{color:var(--danger);font-weight:700}
.form-card .form-intro,.form-card .form-note{text-wrap:balance}

/* tablet (stacked layout): use the width — details in two columns, enquiry cards side by side */
@media (min-width:641px) and (max-width:900px){
  .contact-details{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}
  .contact-details .ib-address{grid-row:span 2}
  .contact-details .enquiry-cards{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:10px}
}

/* quote form: submit button while the enquiry is being sent */
#quote-form .btn[aria-busy="true"]{opacity:.75;cursor:progress;transform:none}