/* ===== Find your pattern — interactive router (26 Aug 2026) ===== */
.quizwrap{max-width:680px;margin:0 auto}
.quizcard{background:var(--panel);border:1px solid var(--rule);border-radius:6px;padding:clamp(22px,4vw,40px);box-shadow:0 1px 0 rgba(43,42,36,.03)}
.quizcard .qmeta{font-family:var(--sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.quizcard .q{font-family:var(--serif);font-size:clamp(21px,2.6vw,26px);line-height:1.3;color:var(--ink);margin:0 0 22px}
.quizcard .opt{display:block;width:100%;text-align:left;font-family:var(--serif);font-size:18px;line-height:1.35;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:14px 18px;margin:0 0 10px;cursor:pointer;transition:border-color .15s,background .15s}
.quizcard .opt:hover,.quizcard .opt:focus-visible{border-color:var(--sage);background:#fff;outline:none}
.quizcard .opt:focus-visible{box-shadow:0 0 0 3px var(--sage-light)}
.quizprogress{display:flex;gap:6px;margin:0 0 18px}
.quizprogress i{flex:1;height:4px;border-radius:2px;background:var(--rule-soft)}
.quizprogress i.done{background:var(--sage)}
.quiznav{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.quiznav .linkbtn{background:none;border:none;font-family:var(--sans);font-size:14px;color:var(--ink-soft);cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.quiznav .linkbtn:hover{color:var(--ink)}
.quiznav .btn-restart{font-family:var(--sans);font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:6px;cursor:pointer}
.quiznav .btn-restart:hover,.quiznav .btn-restart:focus-visible{border-color:var(--sage);background:#fff;outline:none}
.quiznav-end{justify-content:flex-end;margin-top:14px}
/* result */
.qresult .lean{font-family:var(--serif);font-size:clamp(24px,3vw,32px);line-height:1.2;margin:0 0 6px;color:var(--accent,var(--ink))}
.qresult .leansub{font-family:var(--serif);font-style:italic;color:var(--ink-soft);font-size:18px;margin:0 0 18px}
.qresult .why{border-left:3px solid var(--accent,var(--gold));padding:4px 0 4px 16px;margin:0 0 22px;color:var(--ink)}
.qresult .why p{margin:0 0 8px}
.qbook{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:16px;margin:0 0 14px}
.qbook img{width:120px;height:auto;display:block}
.qbook .eyebrow{margin:0 0 4px}
.qbook h3{font-family:var(--serif);font-size:20px;margin:0 0 6px}
.qbook p{margin:0 0 10px;font-size:16px;color:var(--ink-soft)}
.qbook .btnrow{margin:0;gap:10px}
.qread{font-size:16px;margin:8px 0 18px}
.qnote-small{font-family:var(--sans);font-size:13.5px;line-height:1.5;color:var(--ink-soft);border-top:1px solid var(--rule-soft);padding-top:14px;margin-top:6px}
@media (max-width:520px){.qbook{grid-template-columns:88px 1fr}.qbook img{width:88px}}
/* sample chapter (SS page) — moved from inline styles */
.samplechapter summary{cursor:pointer;font-family:var(--serif);font-weight:600;padding:12px 0}
.samplechapter .samplepages{margin-top:16px}
.samplechapter .samplepages img{max-width:100%;height:auto;display:block;margin:0 auto 18px;border:1px solid var(--rule);border-radius:4px}