/* Contact page form (/contact/): the field styles come from start.css (.fld, .req-form, .req-err). */
@layer components{
  .contact-form{margin:0 0 1.4em;font-size:1rem;line-height:1.5}
  .contact-form .kicker{margin-bottom:0}
  .fld-hint{font-size:.82rem;color:var(--muted)}
  .cf-consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:.9rem;color:var(--ink-2)}
  .cf-consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent-text)}
  .cf-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
  .fld [aria-invalid="true"]{border-color:light-dark(oklch(.49 .17 25),oklch(.74 .16 25))}
  .contact-done{margin:0 0 1.4em}
  .contact-done:focus{outline:none}
}