/* v13.3 contact hardening — inherits the approved visual system */
#contact .contact-form{display:grid;gap:18px}
#contact .contact-field{display:grid;gap:7px}
#contact .contact-field label{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.78}
#contact .contact-field input,#contact .contact-field textarea{width:100%;box-sizing:border-box;background:rgba(12,10,12,.68);color:inherit;border:1px solid rgba(255,255,255,.18);border-radius:2px;padding:12px 13px;font:inherit}
#contact .contact-field input:focus,#contact .contact-field textarea:focus{outline:1px solid currentColor;outline-offset:2px}
#contact .contact-field textarea{resize:vertical;min-height:150px}
#contact .contact-form .action{justify-self:start;cursor:pointer}
#contact .contact-form .action[disabled]{opacity:.55;cursor:wait}
#contact .contact-status{min-height:1.4em;margin:0;opacity:.9}
#contact .contact-status[data-state="error"]{text-decoration:underline}
#contact .contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#characters details[id]{scroll-margin-top:96px}
@media(max-width:700px){#contact .contact-field input,#contact .contact-field textarea{font-size:16px}}