/* ============================================================================
   Contact page — page-specific styles (tokens only, no hard-coded colors)
   Linked AFTER app.css on contact.html only.
   ============================================================================ */

/* Direct-email line under the form heading */
.contact-email{ display:inline-flex; align-items:center; gap:var(--sp-2);
  margin-bottom:var(--sp-5); font-weight:600; color:var(--ink-2); }
.contact-email .ic{ display:grid; place-items:center; width:20px; height:20px; color:var(--blue-500); }
.contact-email .ic svg{ width:20px; height:20px; }
.contact-email a{ color:var(--blue-600); text-decoration:underline; text-underline-offset:2px; }
.contact-email a:hover{ color:var(--blue-700); }

/* Success confirmation shown after submit (replaces the form) */
.contact-done{ text-align:center; }
.contact-done .eyebrow{ display:block; margin-bottom:var(--sp-2); }
.contact-done .lead{ margin-inline:auto; max-width:44ch; }