/* Chapter quizzes. Uses the color tokens of the guide (index.html). */
.quiz{max-width:72ch}
.qintro{color:var(--mute)}
.qlevel{display:inline-block;border:1px solid var(--line);background:var(--soft);color:var(--accent);border-radius:999px;padding:1px 10px;font-size:.82rem;font-weight:600;margin-right:6px}
.qq{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px 16px;margin:12px 0;min-width:0}
.qq legend{font-weight:600;padding:0 6px}
.qn{display:inline-block;min-width:1.7em;text-align:center;border-radius:999px;background:var(--soft);color:var(--accent);margin-right:6px;font-size:.88rem}
.qopts{display:grid;gap:8px;margin-top:6px}
.qopt{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:9px 12px;font:inherit;font-size:.95rem;cursor:pointer}
.qopt:hover:not(:disabled){border-color:var(--accent);background:var(--soft)}
.qopt:disabled{cursor:default;color:var(--ink);opacity:1}
.qopt.right{border-color:var(--out);box-shadow:inset 0 0 0 1px var(--out)}
.qopt.right::before{content:"\2713  ";color:var(--out);font-weight:700}
.qopt.wrong{border-color:var(--support);box-shadow:inset 0 0 0 1px var(--support)}
.qopt.wrong::before{content:"\2717  ";color:var(--support);font-weight:700}
.qfb{margin-top:8px;font-size:.93rem;color:var(--mute)}
.qfb:empty{display:none}
.qsum{border-left:4px solid var(--accent);background:var(--soft);padding:10px 14px;border-radius:0 8px 8px 0;margin:14px 0}
.qsum p{margin:0 0 8px}
.qsum .btn{margin-right:6px}