/* Uses the shared ENNEAGAME palette; no animation is needed to answer. */
[hidden]{display:none!important}
.test-hero{padding-block:40px 28px}.test-hero h1{font-size:clamp(36px,6vw,60px)}
.test-hero.test-active{padding-block:20px}.test-hero.test-active h1{font-size:28px}
.test-hero.test-active .eyebrow{display:none}
.test-shell{max-width:760px;margin:0 auto;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.test-shell h2{font-size:clamp(21px,3vw,30px);line-height:1.6;margin:8px 0 24px}
.test-shell h3{font-size:23px;margin:24px 0 10px}
.test-shell p{color:var(--muted)}.test-shell strong{color:var(--text)}
.test-progress{color:var(--gold-2)!important;font-size:13px;margin:0}
.test-help,.test-loading{font-size:13px;line-height:1.7;color:var(--muted)}
.test-loading{margin:16px 0 0}.test-note{font-size:14px;color:var(--muted);line-height:1.8}
#test-intro-copy .test-note{margin-block:12px 20px}
.answer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;margin:24px 0}
.answer-options legend{font-size:14px;margin-bottom:12px;color:var(--muted)}
.answer-options label{display:flex;align-items:center;gap:9px;padding:16px 12px;border:1px solid var(--line);border-radius:10px;min-height:54px;cursor:pointer;font-size:15px}
.answer-options label:has(input:checked){border-color:var(--gold-2);background:var(--surface-2)}
.answer-options label:focus-within{outline:2px solid var(--gold-2);outline-offset:3px}
.answer-options input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0}
.test-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
button.button{font-family:inherit;font-size:15px;cursor:pointer;min-height:48px}
button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
#load-error{padding:16px;border:1px solid var(--line);margin-top:16px}
#load-error p{margin:0 0 12px}
.result-profile{border-block:1px solid var(--line);margin:24px 0;padding:0 0 22px}
.result-profile dt{font-weight:600;color:var(--gold-2);margin-top:16px}
.result-profile dd{margin:6px 0;color:var(--muted)}
.result-scores>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.result-scores dt{font-size:14px}.result-scores dd{margin:0;display:flex;align-items:center;gap:10px;font-size:13px;font-variant-numeric:tabular-nums}
.score-track{display:block;height:5px;background:var(--surface-2);flex:1}.score-track>span{display:block;background:var(--gold);height:100%}
#save-status{min-height:24px;font-size:13px}
.test-section{padding-bottom:48px}
@media(max-width:560px){.test-shell{padding:22px 18px}.answer-options{grid-template-columns:1fr;gap:8px}.answer-options label{padding:12px;min-height:48px}.test-actions>.button{flex:1;text-align:center;justify-content:center}.test-hero{padding-top:28px}.result-scores>div{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}