:root{--bg:#f4f1eb;--panel:#fff;--text:#141414;--muted:#4a4a4a;--brand:#123c69;--brand-dark:#0b2746;--accent:#f2b705;--border:#d6d1c8;--success:#1d6b3a}*{box-sizing:border-box}html{font-size:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.65}a{color:var(--brand);font-weight:700}a:focus,button:focus{outline:5px solid var(--accent);outline-offset:4px}.skip-link{color:#fff;z-index:999;background:#000;padding:14px 18px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:12px;left:12px}.container{max-width:1120px;margin:0 auto;padding:24px}.site-header{background:var(--brand);color:#fff}.site-header h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.site-header p{margin:0;font-size:1.15rem}.site-header nav{margin-top:18px}.site-header nav a{color:#fff;border:2px solid #fff;border-radius:999px;padding:10px 16px;text-decoration:none;display:inline-block}.hero,.card,.accessibility-panel,.step{background:var(--panel);border:2px solid var(--border);border-radius:22px;margin:22px 0;padding:24px;box-shadow:0 8px 24px #00000014}.card.recommended{border:4px solid var(--success)}h2{color:var(--brand-dark);margin-top:34px;font-size:1.9rem}h3{color:var(--brand-dark);margin-top:0;font-size:1.35rem}.assistant-response{white-space:pre-wrap;border-left:10px solid var(--brand);background:#fff;border-radius:14px;padding:20px;font-size:1.08rem}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.badge{background:#f8f8f8;border:1px solid #999;border-radius:999px;margin:4px 4px 4px 0;padding:5px 10px;font-size:.95rem;display:inline-block}.button-link,.access-button{background:var(--brand);color:#fff;border:3px solid var(--brand-dark);cursor:pointer;border-radius:14px;margin:6px 6px 6px 0;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.warning{background:#fff8db;border:2px solid #a47800;border-radius:14px;padding:16px}.site-footer{color:var(--muted);border-top:2px solid var(--border)}@media (max-width:640px){body{font-size:18px}.container,.hero,.card,.accessibility-panel,.step{padding:18px}}.accessibility-panel{border:4px solid var(--brand-dark)}.accessibility-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.access-button[aria-pressed=true]{background:var(--accent);color:#111;border-color:#111}.accessibility-status{margin-bottom:0;font-weight:700}html.supervision-text-large body{font-size:24px}html.supervision-text-xlarge body{font-size:28px}html.supervision-spacing body{letter-spacing:.04em;word-spacing:.12em;line-height:1.95}html.supervision-contrast{--bg:#000;--panel:#111;--text:#fff;--muted:#f2f2f2;--brand:#ffd400;--brand-dark:#fff;--accent:#0ff;--border:#fff;--success:#0f8}html.supervision-contrast body{color:#fff;background:#000}html.supervision-contrast .site-header{color:#fff;background:#000;border-bottom:5px solid #ffd400}html.supervision-contrast .hero,html.supervision-contrast .card,html.supervision-contrast .accessibility-panel,html.supervision-contrast .step,html.supervision-contrast .assistant-response{color:#fff;background:#111;border-color:#fff}html.supervision-contrast h2,html.supervision-contrast h3,html.supervision-contrast h4{color:#fff}html.supervision-contrast a{color:#ffd400}html.supervision-contrast .button-link,html.supervision-contrast .access-button{color:#000;background:#ffd400;border-color:#fff}html.supervision-contrast .badge{color:#fff;background:#000;border-color:#fff}.field-label{margin:12px 0 6px;font-weight:700;display:block}.assistant-textarea{width:100%;min-height:140px;font:inherit;border:3px solid var(--brand-dark);color:#111;background:#fff;border-radius:14px;padding:14px;line-height:1.5}.assistant-textarea:focus{outline:5px solid var(--accent);outline-offset:4px}.assistant-result{margin-top:20px}html.supervision-contrast .assistant-textarea{color:#fff;background:#000;border-color:#fff}.micro-audio-test audio{width:100%;margin-top:10px}.transcription-box{margin-top:20px}.assistant-result-box{border:2px solid var(--border);background:var(--panel);border-radius:16px;margin-top:20px;padding:18px}.assistant-result-text{white-space:pre-wrap;font-family:inherit;font-size:1rem;line-height:1.7}