/* Contact page. Base palette, type, header, fields and Turnstile styles come from ../health-check/health-check.css. */
.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: start; }
.contact-intro h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
.contact-privacy { margin-top: 20px; max-width: 52ch; line-height: 1.6; }
#contact-form { display: grid; gap: 16px; margin-top: 4px; }
#contact-form .q { padding: 14px 16px 16px; }
#contact-form .q legend { font-size: 14px; }
#contact-form .q:focus { outline: 2px solid var(--blue); outline-offset: 4px; }
#contact-form .choices { padding-top: 6px; }
#contact-form textarea { margin-top: 0; min-height: 160px; }
.field label .optional { font-weight: 400; }
.field .small { margin: 0; }
.contact-done { display: grid; gap: 12px; }
.contact-done p { font-size: 16px; line-height: 1.65; }
.text-link { font-weight: 600; }
.hc-footer a { color: inherit; }

@media (max-width: 860px) {
  .contact-grid { grid-template-columns: 1fr; gap: 28px; }
}