.contact-page { --content-max: 600px; --page-top-gap: var(--space-6); display: grid; gap: var(--section-gap); }
.contact-page > * { min-width: 0; }
.contact-intro { margin-bottom: var(--space-6); }
.contact-intro h1 { margin-bottom: var(--space-3); }
.contact-intro p, .contact-help { color: var(--subtle); }
#contact-form { display: grid; gap: var(--space-4); }
#contact-form input, #contact-form select, #contact-form textarea { width: 100%; }
.contact-help { font-size: var(--font-size-small); line-height: var(--line-height-small); }
.contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#contact-status { padding: var(--space-3); border: var(--border-style); overflow-wrap: anywhere; }
#contact-status[data-state="error"] { color: var(--danger); }
#contact-status[data-state="success"] { color: var(--success); }