/* contact.html — page-specific form styling. Uses system.css tokens; not shared. */
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media(max-width:780px){.contact-grid{grid-template-columns:1fr}}

.field{display:grid;gap:.5rem;margin-bottom:1.25rem}
.field label{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{font-family:var(--sans);font-size:1rem;background:var(--paper);
  border:1px solid var(--rule);border-radius:2px;padding:.75rem .9rem;min-height:44px;color:var(--ink);width:100%}
.field textarea{min-height:150px;resize:vertical}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}

.contact-direct .spec:first-of-type{border-top:1px solid var(--ink)}
.contact-direct a{border-bottom:1px solid var(--accent)}