/* Atlas front door forms (9 Nov 2026, frontdoor_contact.py), in this door's colors. */
.cx{--cx-ink:#14213D;--cx-ink2:#2B3A5C;--cx-ground:#FFFDF6;--cx-sunk:#FFF8DD;--cx-line:#E5DFC8;--cx-main:#14213D;--cx-main-d:#2B3A5C;--cx-on:#FFFFFF;--cx-link:#1B4597;--cx-field:#4A5568;--cx-r:16px;--cx-btn-r:12px;--cx-err:#B3261E;--cx-ok:#1E6B3A}
.hc .cx{--cx-ink:#000;--cx-ink2:#000;--cx-line:#000;--cx-field:#000;--cx-ground:#fff;--cx-sunk:#fff}
.cx{color:var(--cx-ink);font-family:'Atkinson Hyperlegible',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.cx h2{font-family:'Lexend',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.cx-form{display:grid;gap:14px;max-width:640px;margin-top:14px}
.cx-f label,.cx-chk{display:block;font-weight:700;margin-bottom:6px;font-size:1rem}
.cx-f .cx-opt{font-weight:400;color:var(--cx-ink2)}
.cx-f input,.cx-f select,.cx-f textarea{box-sizing:border-box;width:100%;font:inherit;font-size:1rem;padding:11px 13px;border:2px solid var(--cx-field);border-radius:calc(var(--cx-r) / 2);background:#fff;color:#111;min-height:48px}
.cx-f textarea{min-height:140px;resize:vertical}
.cx-f input:focus-visible,.cx-f select:focus-visible,.cx-f textarea:focus-visible,.cx button:focus-visible,.cx-chk input:focus-visible{outline:3px solid var(--cx-link);outline-offset:2px}
.cx-f [aria-invalid=true]{border-color:var(--cx-err)}
.cx-e{color:var(--cx-err);font-weight:600;font-size:.95rem;margin:6px 0 0}
.cx-e[hidden]{display:none}
.cx-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.cx-row{grid-template-columns:1fr}}
.cx-chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.cx-chk input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--cx-main)}
.cx button[type=submit]{justify-self:start;font:inherit;font-weight:700;font-size:1rem;min-height:48px;padding:12px 24px;border:2px solid var(--cx-main);border-radius:var(--cx-btn-r);background:var(--cx-main);color:var(--cx-on);cursor:pointer}
.cx button[type=submit]:hover{background:var(--cx-main-d);border-color:var(--cx-main-d)}
.cx button[disabled]{opacity:.6;cursor:wait}
.cx-status{font-weight:600;min-height:1.4em;margin:0}
.cx-status:focus{outline:none}
.cx-status.ok{color:var(--cx-ok)}.cx-status.err{color:var(--cx-err)}
.cx-note{color:var(--cx-ink2);font-size:.95rem;margin:0}
.cx-hp{display:none!important}
.cx-band{background:var(--cx-sunk);border-top:1px solid var(--cx-line);padding:36px 0}
.cx-band .cx-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 32px;align-items:start}
@media (max-width:820px){.cx-band .cx-in{grid-template-columns:1fr}}
.cx-band h2{margin:0 0 6px;font-size:1.45rem;line-height:1.25}
.cx-band p{margin:0}
.cx-band .cx-form{margin-top:0;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end}
.cx-band .cx-form .cx-status,.cx-band .cx-form .cx-note,.cx-band .cx-form .cx-e{grid-column:1/-1}
@media (max-width:640px){.cx-band .cx-form{grid-template-columns:1fr}}
@media print{.cx-band,#write{display:none!important}}
