:root{--paper:#faf4ea;--ink:#12283d;--ink-soft:#4a5c70;--ink-faint:#7a8899;--rule:#e4d9c6;--g6:#e6f1fb;--g7:#b5d4f4;--g8:#85b7eb;--g9:#378add;--g10:#185fa5;--g11:#0c447c;--g12:#042c53}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}.quiz-wrap{max-width:600px;min-height:60vh;margin:0 auto;padding:64px 24px 120px}.intro{text-align:center;padding-top:32px}.intro .eyebrow{color:var(--g10);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:13px;font-weight:500;display:block}.intro h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 18px;font-family:Fraunces,serif;font-size:32px;font-weight:700;line-height:1.2}.intro p{color:var(--ink-soft);max-width:44ch;margin:0 auto 36px;font-size:15.5px;line-height:1.6}.btn{background:var(--g10);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:13px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:var(--g11)}.btn:focus-visible{outline:2px solid var(--g11);outline-offset:3px}.btn:disabled{background:var(--rule);color:var(--ink-faint);cursor:not-allowed}.btn-ghost{color:var(--g10);border:1px solid var(--g10);cursor:pointer;background:0 0;border-radius:9px;padding:11px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.btn-ghost:hover{background:#fff}.btn-ghost:focus-visible{outline:2px solid var(--g10);outline-offset:3px}.progress-label{color:var(--ink-faint);text-align:center;margin-bottom:10px;font-size:13px;font-weight:500}.progress-track{background:var(--rule);border-radius:3px;height:6px;margin-bottom:40px;overflow:hidden}.progress-fill{background:var(--g10);border-radius:3px;height:100%;transition:width .3s}.q h2{text-wrap:balance;text-align:center;margin:0 0 28px;font-family:Fraunces,serif;font-size:24px;font-weight:600;line-height:1.3}.options{flex-direction:column;gap:10px;margin-bottom:36px;display:flex}.option{border:1.5px solid var(--rule);cursor:pointer;color:var(--ink);background:#fff;border-radius:11px;padding:15px 20px;font-size:15px;display:block;position:relative}.option:hover{border-color:var(--g8)}.option input{opacity:0;pointer-events:none;position:absolute}.option input:checked~.option-text{color:var(--g11);font-weight:500}.option:has(input:checked){border-color:var(--g10);background:var(--g6)}.option:has(input:focus-visible){outline:2px solid var(--g10);outline-offset:2px}.q-nav{justify-content:space-between;align-items:center;display:flex}.q-nav .spacer{flex:1}.review{text-align:center;padding-top:40px}.review h2{margin:0 0 14px;font-family:Fraunces,serif;font-size:28px;font-weight:700}.review p{color:var(--ink-soft);margin:0 0 32px;font-size:15px}.review .actions{flex-direction:column;align-items:center;gap:12px;display:flex}.results-top{text-align:center;margin-bottom:56px;padding-top:24px}.results-top .eyebrow{color:var(--g10);text-transform:uppercase;letter-spacing:.06em;margin-bottom:28px;font-size:13px;font-weight:500;display:block}.chart{max-width:280px;margin:0 auto}.chart-inner{gap:16px;height:220px;display:flex}.axis{color:var(--ink-faint);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;padding-bottom:0;font-size:11px;display:flex}.bars-col{border-left:1px solid var(--rule);border-bottom:1px solid var(--rule);background-image:repeating-linear-gradient(to bottom, var(--rule-soft,#eee6d6) 0, var(--rule-soft,#eee6d6) 1px, transparent 1px, transparent 25%);background-position:top;flex:1;justify-content:center;align-items:flex-end;gap:28px;display:flex;position:relative}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;width:56px;height:100%;display:flex}.bar-value{color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:13px;font-weight:600}.bar-fill{border-radius:6px 6px 0 0;width:100%;transition:height .6s}.bar-fill.sat{background:var(--g11)}.bar-fill.act{background:var(--g9)}.bar-labels{justify-content:center;gap:28px;margin-top:10px;padding-left:36px;display:flex}.bar-labels span{text-align:center;width:56px;font-family:Fraunces,serif;font-size:15px;font-weight:600}.results-detail{border-top:1px solid var(--rule);padding-top:40px}.results-detail h3{color:var(--g10);text-transform:uppercase;letter-spacing:.06em;text-align:center;margin:0 0 16px;font-size:13px;font-weight:500;display:block}.results-detail h4{text-align:center;text-wrap:balance;margin:0 0 14px;font-family:Fraunces,serif;font-size:26px;font-weight:700}.results-detail p{color:var(--ink-soft);text-align:center;max-width:48ch;margin:0 auto 32px;font-size:15.5px;line-height:1.65}.results-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.results-actions a{color:var(--g10);font-size:14px;font-weight:500;text-decoration:none}.results-actions a:hover{text-decoration:underline}.review-list{border-top:1px solid var(--rule);margin-top:56px;padding-top:40px}.review-card{border:1px solid var(--rule);background:#fff;border-radius:14px;margin-bottom:16px;padding:24px 26px}.review-num{color:var(--g9);margin:0 0 6px;font-family:Fraunces,serif;font-size:12.5px;font-weight:600}.review-card h5{color:var(--ink);margin:0 0 10px;font-family:Fraunces,serif;font-size:18px;font-weight:600;line-height:1.3}.review-fact{color:var(--ink-soft);margin:0 0 18px;font-size:13.5px;line-height:1.55}.review-options{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.review-opt{border:1px solid var(--rule);color:var(--ink-soft);border-radius:9px;padding:10px 14px;font-size:14px}.review-opt.picked{border-color:var(--g10);background:var(--g6);color:var(--g11);font-weight:500}.lean-line{align-items:center;gap:10px;display:flex}.lean-line span{color:var(--ink-faint);font-family:Fraunces,serif;font-size:12px;font-weight:600}.lean-track{background:var(--rule);border-radius:2px;flex:1;height:4px;position:relative}.lean-dot{background:var(--g10);width:12px;height:12px;box-shadow:0 0 0 1px var(--g10);border:2px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (width<=560px){.quiz-wrap{padding:44px 20px 96px}.intro h1{font-size:26px}.q h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
