.audit-shell { max-width: 960px; }
.audit-shell [hidden] { display: none !important; }
.audit-shell .field { min-width: 0; }
.audit-shell .field-error { color: #ffb8b8; font-size: .9rem; min-height: 1.3em; }
.audit-shell [aria-invalid="true"] { border-color: #ffb8b8; }
.audit-consent { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: start; margin-top: 20px; }
.audit-consent input { width: 22px; height: 22px; margin-top: 3px; accent-color: var(--hx-cyan); }
.audit-shell .form-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.audit-shell button:disabled { opacity: .5; cursor: not-allowed; }
.audit-shell :focus-visible { outline: 3px solid var(--hx-cyan); outline-offset: 4px; }
.audit-shell textarea[readonly] { min-height: 420px; }
.audit-shell .contact-note { margin-bottom: 24px; }
.audit-shell .form-status { margin-top: 20px; overflow-wrap: anywhere; }
@media (max-width: 600px) { .audit-shell .contact-form { padding: 22px 16px; } .audit-shell .button { white-space: normal; text-align: center; } }

#audit-fields { border: 0; padding: 0; margin: 0; min-width: 0; }

/* Reuse the accepted homepage theme; these adaptations are audit-page only. */
.page-audit .audit-hero { min-height: auto; }
.page-audit .hx-hero-layout { min-height: 540px; padding-block: 60px; }
.page-audit .hx-hero h1 { font-size: clamp(2.6rem,4.5vw,5rem); }
.page-audit .hx-logo-aura { animation-iteration-count: 1; }
.page-audit .audit-shell .contact-form { border-color: var(--hx-line); background: var(--hx-panel); }
.page-audit .audit-shell .contact-note { border-color: var(--hx-cyan); background: rgba(8,124,255,.04); }
.page-audit .audit-shell h2 { line-height: 1.12; }
.page-audit .audit-shell .button:not(.hx-button-primary) { border-color: var(--hx-line); color: var(--hx-ice); background: var(--hx-obsidian); }
.page-audit .audit-shell .button:not(.hx-button-primary):hover { border-color: var(--hx-cyan); background: rgba(8,124,255,.12); }
.page-audit .field :is(input,select,textarea):focus { border-color: var(--hx-cyan); box-shadow: 0 0 0 3px rgba(37,231,255,.12); }
.page-audit .skip-link { background: var(--hx-cyan); }
.page-audit .nav-toggle { border-color: var(--hx-line); color: var(--hx-cyan); }
@media (max-width: 820px) { .page-audit .hx-hero-layout { min-height: auto; padding-block: 40px; } }