/* Quiz page — extends redesign-home.css vars/nav/footer/btn/wrap */

.q-topbar{background:var(--paper);padding:16px var(--gut);text-align:center;border-bottom:1px solid var(--line)}
.q-topbar .brand{justify-content:center;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-family:var(--sans);font-weight:600}

.q-hero{padding:150px 0 60px;text-align:center;background:var(--paper);border-bottom:1px solid var(--line)}
.q-hero .wrap{max-width:820px}
.q-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5.2vw,50px);line-height:1.08;letter-spacing:-.02em;color:var(--ink)}
.q-hero p{font-family:var(--sans);font-size:18px;color:var(--ink-2);margin-top:22px;line-height:1.55}
.q-hero .btn{margin-top:30px}
.q-hero .q-note{font-size:14px;color:var(--muted);margin-top:16px}

.q-trust{padding:26px var(--gut);text-align:center;background:var(--paper)}
.q-trust p{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--muted)}

.q-phases{padding:64px 0 68px;background:#fff}
.q-phases h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.6vw,38px);letter-spacing:-.02em;text-align:center;color:var(--ink)}
.q-phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.q-phase{border:1px solid var(--line);background:var(--paper);padding:24px 22px;border-radius:10px}
.q-phase .n{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--accent)}
.q-phase h3{font-family:var(--serif);font-size:20px;font-weight:600;margin-top:6px;color:var(--ink)}
.q-phase p{font-family:var(--sans);font-size:15px;color:var(--ink-2);margin-top:8px;line-height:1.5}
.q-phases-body{max-width:680px;margin:34px auto 0;text-align:center;font-family:var(--sans);font-size:17px;color:var(--ink-2);line-height:1.6}
.q-phases-cta{text-align:center;margin-top:26px}

.q-about{padding:56px var(--gut);text-align:center;background:var(--paper)}
.q-about .wrap{max-width:720px}
.q-about h3{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--ink)}
.q-about p{font-family:var(--sans);font-size:17px;color:var(--ink-2);margin-top:14px;line-height:1.6}

.q-test{padding:40px 0 56px;background:#fff}
.q-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.q-test blockquote{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink);line-height:1.4}
.q-test cite{display:block;font-family:var(--sans);font-style:normal;font-size:14px;color:var(--muted);margin-top:10px}

.q-quiz{padding:64px var(--gut) 72px;text-align:center;background:var(--ink)}
.q-quiz .wrap{max-width:640px}

.q-quiz-progress{margin-bottom:34px}
.q-quiz-progress-bar{height:4px;border-radius:2px;background:rgba(241,235,224,.15);overflow:hidden}
.q-quiz-progress-fill{height:100%;width:20%;background:var(--accent);border-radius:2px;transition:width .35s ease}
.q-quiz-progress span{display:block;margin-top:10px;font-family:var(--sans);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(241,235,224,.55)}

.q-quiz-q{display:none}
.q-quiz-q.is-active{display:block;animation:qFadeIn .3s ease}
@keyframes qFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.q-quiz-q h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,3vw,28px);color:var(--paper);line-height:1.3}
.q-quiz-options{margin-top:26px;display:flex;flex-direction:column;gap:10px}
.q-quiz-opt{padding:16px 20px;border:1px solid rgba(241,235,224,.25);border-radius:8px;background:rgba(241,235,224,.05);color:var(--paper);font-family:var(--sans);font-size:15px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.q-quiz-opt:focus{background:rgba(241,235,224,.05);outline:none}
.q-quiz-opt:hover{background:rgba(241,235,224,.12);border-color:rgba(241,235,224,.45)}
.q-quiz-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.q-quiz-opt.is-selected{background:var(--accent);border-color:var(--accent);color:#fff}

.q-quiz-result-gate .eyebrow,.q-quiz-result-reveal .eyebrow{color:var(--accent);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.q-quiz-result-gate h3,.q-quiz-result-reveal h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3.2vw,32px);color:var(--paper)}
.q-quiz-result-gate p,.q-quiz-result-reveal p{font-family:var(--sans);font-size:16px;color:rgba(241,235,224,.75);margin-top:12px;line-height:1.55}
.q-quiz-reveal-cover{width:120px;height:auto;border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.35);margin:0 auto 18px}
.q-quiz-reveal-ctas{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.q-quiz-reveal-ctas .btn{margin-top:0}
.q-quiz-result-reveal .btn-out{border-color:rgba(241,235,224,.35);color:var(--paper)}
.q-quiz-result-reveal .btn-out:hover{background:rgba(241,235,224,.1)}

.q-quiz-result-gate form{margin-top:22px;display:flex;flex-direction:column;gap:10px;max-width:400px;margin-left:auto;margin-right:auto}
.q-quiz-result-gate input{padding:15px 18px;border:1px solid rgba(241,235,224,.3);border-radius:6px;font-size:16px;font-family:var(--sans);background:rgba(241,235,224,.06);color:var(--paper)}
.q-quiz-result-gate input::placeholder{color:rgba(241,235,224,.5)}
.q-quiz-result-gate button{padding:16px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;font-family:var(--sans);cursor:pointer;transition:background .3s}
.q-quiz-result-gate button:focus{background:var(--accent);outline:none}
.q-quiz-result-gate button:hover{background:var(--accent-d)}
.q-quiz-result-gate button:focus-visible{outline:2px solid var(--paper);outline-offset:2px}
.q-quiz-result-gate .q-placeholder-note{color:rgba(241,235,224,.45);font-size:12px;text-align:center}
.q-quiz-result-gate button:disabled{opacity:.6;cursor:default}
.q-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.q-quiz-all-books{margin-top:40px;font-family:var(--sans);font-size:13px;color:rgba(241,235,224,.5);text-align:center;line-height:1.6}
.q-quiz-all-books a{color:rgba(241,235,224,.75);text-decoration:underline;text-underline-offset:2px}
.q-quiz-all-books a:hover{color:var(--paper)}

@media(max-width:880px){
  .q-phase-grid{grid-template-columns:repeat(2,1fr)}
  .q-test-grid{grid-template-columns:1fr}
}