/* Quiet, focused presentation. Keep every quiz and privacy control available. */
body:has(.intro) header{display:none}
body:has(.intro) main{margin-top:0;min-height:0;padding-top:clamp(40px,10vh,100px)}
body:has(.intro) .intro{padding-top:0;padding-bottom:0}
body:has(.intro) footer{margin-top:40px}
footer summary{font-size:.875rem;color:var(--muted);cursor:pointer;padding:8px 0;width:fit-content}
footer details[open] summary{margin-bottom:12px}
body{background:var(--bg)}
header{max-width:820px;border:0;padding:24px 28px;gap:16px}
.brand{font-size:.875rem;letter-spacing:.1em}
header .quiet{font-size:.875rem}
main{max-width:780px;margin:32px auto 24px;min-height:60vh}
.intro{padding:36px 0;max-width:640px}
h1{font-size:clamp(2rem,4.3vw,3rem);line-height:1.2;max-width:660px}
.intro p{font-size:1rem;max-width:540px}
.intro .cta{margin-top:24px;min-width:220px}
.eyebrow{font-size:.875rem;letter-spacing:.06em;text-transform:none}
.privacy-line{margin-top:18px;font-size:.875rem!important}
.question h1{font-size:clamp(1.6rem,3.2vw,2.1rem)}
.progress-head{color:var(--muted);font-size:.875rem}
.progress{height:2px;margin-bottom:30px}
.answers{gap:10px}
.answer{padding:17px 20px;border-color:#44353c;background:transparent;border-radius:8px}
.answer[aria-pressed=true]{background:#2d1e25;border-color:var(--gold)}
.letter{display:none}
button,.cta{border-radius:8px}
.cards{grid-template-columns:1fr;gap:16px}
.card{padding:24px;border-color:#44353c;border-radius:10px;background:transparent}
.card h3{margin:0 0 8px;font-size:1.4rem}
.card p{margin:0 0 20px}
.card .cta{align-self:flex-start}
.result-title{font-size:clamp(1.8rem,3.6vw,2.5rem)}
.divider{background:#44353c;margin:28px 0}
footer{max-width:780px;border:0;margin:24px auto 0;padding:20px 28px}
.fine{font-size:.875rem;line-height:1.5;max-width:620px}
@media(max-width:600px){header{padding:20px;align-items:center}.brand{font-size:.875rem;letter-spacing:.04em}header .quiet{margin-left:auto;font-size:.875rem;max-width:130px;text-align:right}main{margin-top:18px}.intro{padding:22px 0}.intro .cta{width:100%}.card{padding:20px}.card .cta{width:100%}footer{padding:16px 20px}}