.quiz h1{margin-top:0}.quiz .facts{color:var(--muted);flex-wrap:wrap;gap:8px 24px;padding:0;list-style:none;display:flex}.quiz .facts strong{color:var(--text);font-size:1.2rem}.checklist{margin:16px 0;padding:0;list-style:none}.checklist li{padding-left:30px;position:relative}.checklist li+li{margin-top:8px}.checklist li:before{content:"✓";background:var(--brand-soft);width:20px;height:20px;color:var(--brand);border-radius:50%;place-items:center;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:1px;left:0}.guide-note{border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 8px 8px 0;margin:0;padding:12px 16px}.quiz-status{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-weight:600;display:flex}.quiz-progress{background:var(--border);border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.quiz-progress>div{background:var(--brand);height:100%;transition:width .2s}.quiz-timer{font-variant-numeric:tabular-nums}.quiz-timer.low{color:var(--bad)}.quiz-question{margin:0 0 4px;font-size:1.3rem}.quiz-question:focus{outline:none}.quiz-options{border:0;margin:20px 0 0;padding:0}.quiz-options legend{margin-bottom:14px;padding:0}.quiz-option{margin-bottom:10px}.quiz-option input{opacity:0;pointer-events:none;position:absolute}.option-label{border:1px solid var(--control);cursor:pointer;border-radius:8px;gap:12px;padding:12px 14px;display:flex}.option-label:hover{border-color:var(--brand)}.option-letter{border:1px solid var(--control);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-grid}.quiz-option.checkbox .option-letter{border-radius:6px}.quiz-option input:checked+.option-label{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}.quiz-option input:checked+.option-label .option-letter{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.quiz-option input:disabled+.option-label{cursor:default}.quiz-option input:disabled:not(:checked)+.option-label{opacity:.55}.quiz-options.explain .quiz-option input:disabled+.option-label{opacity:1}.quiz-options.explain .quiz-option.is-correct .option-label{border-color:var(--ok);background:var(--ok-soft)}.quiz-options.explain .quiz-option.is-wrong .option-label{border-color:var(--bad);background:var(--bad-soft)}.quiz-options.explain .quiz-option.is-correct input:checked+.option-label .option-letter{background:var(--ok);border-color:var(--ok)}.quiz-options.explain .quiz-option.is-wrong input:checked+.option-label .option-letter{background:var(--bad);border-color:var(--bad)}.option-tag{white-space:nowrap;margin-left:auto;font-size:.8rem;font-weight:700}.is-correct .option-tag{color:var(--ok)}.is-wrong .option-tag{color:var(--bad)}.quiz-options.explain .quiz-option.is-wrong .option-label{border-style:dashed;border-width:2px}.quiz-options.explain .quiz-option.is-correct .option-label{border-width:2px}.option-explanation{color:var(--muted);margin:6px 0 0 54px;font-size:.925rem}.quiz-verdict{border-radius:999px;margin:8px 0 0;padding:2px 10px;font-size:.875rem;font-weight:700;display:inline-block}.quiz-verdict.ok{background:var(--ok-soft);color:var(--ok)}.quiz-verdict.bad{background:var(--bad-soft);color:var(--bad)}.quiz-report{margin-top:20px}.quiz-list{margin:12px 0 0;padding:0;list-style:none}.quiz-list li+li{margin-top:6px}.quiz-list button{border:1px solid var(--control);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.quiz-list button:hover{border-color:var(--brand)}.quiz-list .mark{flex:none;width:1.5em;font-weight:700}.quiz-list .q-title{flex:1}.quiz-list .ok button{border-left:5px solid var(--ok)}.quiz-list .bad button{border-left:5px solid var(--bad);background:var(--bad-soft)}.quiz-list .ok .mark,.quiz-list .bad .mark{border-radius:50%;place-items:center;width:26px;height:26px;font-size:.9rem;display:grid}.quiz-list .ok .mark{background:var(--ok);color:var(--on-ok)}.quiz-list .bad .mark{background:var(--bad);color:var(--on-bad);border-radius:6px}.quiz-list .label{white-space:nowrap;flex:none;font-size:.8rem;font-weight:700}.quiz-list .ok .label{color:var(--ok)}.quiz-list .bad .label{color:var(--bad)}.result-filter{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.result-filter .btn{min-height:36px;padding:4px 14px;font-size:.9rem}.result-filter .btn[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}@media (width<=560px){.result-filter .btn{flex:auto}.quiz-list .label{display:none}}.pace-status{border-radius:999px;align-items:center;gap:8px;margin:4px 0 12px;padding:4px 12px;font-weight:700;display:inline-flex}.pace-status.ahead{background:var(--ok-soft);color:var(--ok)}.pace-status.on-track{background:var(--brand-soft);color:var(--brand)}.pace-status.behind{background:var(--bad-soft);color:var(--bad)}.pace-meters{gap:12px;margin:20px 0;display:grid}.meter-label{justify-content:space-between;margin-bottom:4px;font-size:.9rem;display:flex}.meter-label strong{font-variant-numeric:tabular-nums}.meter{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.meter>div{background:var(--brand);border-radius:5px;height:100%}.meter.time>div{background:var(--muted)}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 20px;padding:0;list-style:none;display:grid}.kpi{border:1px solid var(--border);border-radius:8px;padding:14px 16px}.kpi-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.1;display:block}.kpi-label{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.pace-advice{margin:0}.time-summary{border-top:1px solid var(--border);margin:24px 0 8px;padding-top:20px}.time-summary h3{margin:0 0 4px}.explain-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:16px;display:flex}.score-summary{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px 28px;margin:20px 0 8px;display:grid}.score-summary p{margin:0 0 8px}.score-heading{font-size:1.25rem;font-weight:700;line-height:1.3}.score-ring{--ring:var(--bad);background:conic-gradient(var(--ring) calc(var(--p) * 1%), var(--border) 0);border-radius:50%;place-items:center;width:168px;height:168px;display:grid}.score-ring.pass{--ring:var(--warn)}.score-ring.great{--ring:var(--ok)}.score-ring-inner{background:var(--surface);text-align:center;border-radius:50%;align-content:center;place-items:center;width:132px;height:132px;display:grid}.score-value{color:var(--ring);font-size:2.4rem;font-weight:800;line-height:1}.score-detail{color:var(--muted);margin-top:6px;font-size:.85rem}.score-summary.fail .score-heading{color:var(--bad)}.score-summary.pass .score-heading{color:var(--warn)}.score-summary.great .score-heading{color:var(--ok)}@media (width<=560px){.score-summary{text-align:center;grid-template-columns:1fr;justify-items:center}}