/* Contact form field CSS — carried over VERBATIM from design/Contact.dc.html's
 * <helmet><style> block (the `.cf-input` / `.cf-label` classes the form uses).
 * support.js injected these globally; the React port has no helmet so they are
 * reattached here and imported via app/globals.css. */
.cf-input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--border-default);border-radius:10px;font-family:var(--font-sans);font-size:15px;color:var(--gray-900);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;}
.cf-input:focus{border-color:var(--at-blue);box-shadow:0 0 0 3px rgba(19,86,152,.15);}
.cf-input::placeholder{color:var(--gray-400);}
.cf-label{display:block;font-size:13.5px;font-weight:600;color:var(--gray-700);margin-bottom:8px;}