/* ARMD visual vocabulary; the diagnostic flow and content stay independent. */
:root,html[data-theme="light"]{color-scheme:light;--ground:#f4f7fb;--ground-2:#e9eff9;--panel:#fff;--line:#cbd5e5;--ink:#101c36;--ink-soft:#4e5d75;--ink-mute:#4e5d75;--gold:#254de0;--gold-soft:#254de0;--rust:#a65320;--sans:'Figtree',Arial,sans-serif;--serif:var(--sans);--diagnostic-ease:cubic-bezier(.22,1,.36,1)}
html[data-theme="dark"]{color-scheme:dark;--ground:#080f20;--ground-2:#192944;--panel:#111d32;--line:#364761;--ink:#f1f5ff;--ink-soft:#b6c3da;--ink-mute:#b6c3da;--gold:#254de0;--gold-soft:#f1f5ff;--rust:#e5aa72}
body{background:var(--ground)}body::before{display:none}
.brand{letter-spacing:.03em}.brand-sfx{letter-spacing:.03em;font-size:13px;font-weight:500}
h1{font-weight:400;line-height:1.12;letter-spacing:-.04em}
.kicker,.qsect,.res-kicker,.card h3{font-size:12px;font-weight:500;letter-spacing:.03em;color:var(--ink-soft)}
.qtext{letter-spacing:-.025em;line-height:1.25}.qhelp{font-size:14px;line-height:1.6}
.btn{border-radius:8px;letter-spacing:0;transition:background-color 250ms var(--diagnostic-ease),border-color 250ms var(--diagnostic-ease),color 250ms var(--diagnostic-ease)}
.btn:hover{background:#1f41c2;transform:none}.btn.ghost:hover{background:var(--ground-2);color:var(--ink)}
.option,.axis-pole{background:var(--panel);border-radius:12px;transition:background-color 250ms var(--diagnostic-ease),border-color 250ms var(--diagnostic-ease)}
.option:hover{background:var(--ground-2);transform:none}.option.on{background:color-mix(in srgb,var(--gold) 10%,var(--panel))}.option.on .mark{color:#fff}
.option .olabel{font-weight:500}.options.axis .option.on .olabel{color:var(--ink)}
.card{background:var(--panel);border-radius:16px}.row .k{letter-spacing:.03em}.fire .tag{border-radius:6px;letter-spacing:.03em;color:var(--ink-soft)}
.axis-pole b{color:var(--ink);letter-spacing:.03em}.fit{border-radius:0 8px 8px 0}
.cta{background:var(--panel);border:1px solid var(--line);border-radius:16px;color:var(--ink)}
.cta h3{color:var(--ink);letter-spacing:-.025em}.cta p{color:var(--ink-soft);line-height:1.6}
.field input{border-radius:8px;background:var(--ground);color:var(--ink);min-width:0;width:100%;flex:1 1 220px}
.field input::placeholder{color:var(--ink-mute);opacity:1}
.btn:focus-visible,.option:focus-visible,.backlink:focus-visible,.field input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:600px){.cta,.card{padding:22px 20px}.field .btn{justify-content:center;width:100%}.brand-sfx{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fade,.stagger>*{animation:none;opacity:1}.btn,.option,.prog>i{transition:none}}