.quiz-page{--quiz-accent:#305c7d;--quiz-ink:#293b43;--quiz-muted:#65716f;--quiz-line:#dce3dc;--quiz-paper:#fffefa;--quiz-correct:#326850;--quiz-wrong:#9b443a}
.quiz-page .quiz-content{max-width:1320px;padding:32px clamp(20px,3.5vw,48px) 56px;min-width:0;color:var(--quiz-ink)}
.quiz-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 30px}
.quiz-heading h1{font:650 clamp(28px,3vw,38px)/1.3 var(--ui-font,system-ui);letter-spacing:0;margin:0 0 8px}.quiz-heading p{margin:0;color:var(--quiz-muted);font-size:14px}
.quiz-page button,.quiz-page select,.quiz-page input{font:inherit}.quiz-page button{cursor:pointer}.quiz-page button:disabled{cursor:default;opacity:.48}
.quiz-page button:focus-visible,.quiz-page input:focus-visible,.quiz-page select:focus-visible,.quiz-page a:focus-visible,.quiz-page summary:focus-visible{outline:3px solid #6392b5;outline-offset:3px}
.quiz-page .quiz-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:11px 21px;background:var(--quiz-accent);border:1px solid var(--quiz-accent);border-radius:10px;color:#fff;font-weight:600;box-shadow:none}
.quiz-page .quiz-primary:hover:not(:disabled){background:#244c6a}.quiz-toolbar{display:flex;flex-direction:column;gap:18px;margin-bottom:26px}
.quiz-modes{display:flex;gap:4px;padding:4px;border-radius:11px;background:#e9eeeb;width:fit-content;max-width:100%}
.quiz-modes button{border:0;border-radius:8px;background:transparent;min-height:42px;padding:9px 16px;color:#53625f;white-space:nowrap;font-weight:550}
.quiz-modes button[aria-pressed=true]{background:var(--quiz-paper);color:var(--quiz-ink);box-shadow:0 1px 4px #213c4510}.quiz-modes span{font-size:12px;margin-left:5px;font-variant-numeric:tabular-nums}
.quiz-filters{display:flex;align-items:center;gap:10px}.quiz-filters label{min-width:0}.quiz-filters select,.quiz-filters input{min-height:44px;width:100%;border:1px solid #d3ddd9;border-radius:9px;background:#ffffffa8;color:var(--quiz-ink);padding:10px 12px;box-sizing:border-box}
.quiz-filters select{min-width:134px;padding-right:28px}.quiz-search{flex:1;max-width:360px}.quiz-search input::placeholder{color:#75817d}
.quiz-workspace{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:start}.quiz-stage{min-width:0;padding:clamp(22px,3vw,38px);background:var(--quiz-paper);border:1px solid var(--quiz-line);border-radius:18px;scroll-margin-top:100px}
.quiz-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.quiz-overline{font-size:13px;font-weight:600;color:var(--quiz-muted);margin:0;letter-spacing:.03em}
.quiz-page .quiz-favorite{border:1px solid var(--quiz-line);background:transparent;color:#5d6b65;border-radius:8px;min-height:38px;padding:6px 12px;white-space:nowrap;box-shadow:none}.quiz-page .quiz-favorite[aria-pressed=true]{color:var(--quiz-accent);border-color:#9fb9cb;background:#edf3f7}
.quiz-stage h2{font:650 clamp(22px,2.4vw,29px)/1.45 var(--ui-font,system-ui);margin:0 0 18px;letter-spacing:0;border:0;padding:0}.quiz-stage h2:focus,.quiz-stage h3:focus{outline:none}.quiz-prompt{font-size:17px;line-height:1.9;margin:0 0 26px;color:#3e4c4c;overflow-wrap:anywhere}
.quiz-options{border:0;padding:0;margin:0 0 24px;display:grid;gap:11px;min-width:0}.quiz-option{display:flex;align-items:center;position:relative;gap:13px;padding:15px 17px;min-height:60px;box-sizing:border-box;border:1px solid #dce3df;border-radius:11px;cursor:pointer;line-height:1.6;background:#f8faf7}
.quiz-option:hover{border-color:#9eb3bc;background:#f1f5f4}.quiz-option input{position:absolute;width:1px;height:1px;opacity:0}.quiz-option:has(input:checked){border-color:#537d9b;background:#edf3f7;box-shadow:inset 0 0 0 1px #537d9b}.quiz-option:has(input:focus-visible){outline:3px solid #6392b5;outline-offset:3px}
.quiz-option-letter{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #c7d2cc;border-radius:8px;font-size:14px;color:#596a65;background:#fffdfa}.quiz-option-text{flex:1;min-width:0;overflow-wrap:anywhere;font-size:15px}.quiz-option-state{font-size:12px;white-space:nowrap;font-weight:600}
.quiz-options:disabled .quiz-option{cursor:default}.quiz-options:disabled .quiz-option:not(.is-correct):not(.is-wrong){color:#6e7975;background:#fafbf8;border-color:#dce3df}
.quiz-option.is-correct,.quiz-option.is-correct:has(input:checked){border-color:#73a48a;background:#eef6ef;box-shadow:none;color:var(--quiz-correct)}.quiz-option.is-wrong,.quiz-option.is-wrong:has(input:checked){border-color:#bd9186;background:#fbf0eb;box-shadow:none;color:var(--quiz-wrong)}
.quiz-feedback{padding:21px 0 0;margin-top:24px;border-top:1px solid var(--quiz-line)}.quiz-feedback h3{font-size:18px;margin:0 0 11px;color:var(--quiz-correct)}.quiz-feedback.wrong h3{color:var(--quiz-wrong)}.quiz-feedback p{line-height:1.85;font-size:15px;color:#43524b;margin:0 0 16px}
.quiz-sources{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:13px;line-height:1.8}.quiz-sources>span{color:var(--quiz-muted)}.quiz-sources a{color:var(--quiz-accent);text-underline-offset:4px}
.quiz-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:24px;margin-top:26px;border-top:1px solid var(--quiz-line)}.quiz-page .quiz-secondary{border:0;background:transparent;box-shadow:none;padding:10px 0;min-height:44px;color:var(--quiz-accent);font-size:14px}.quiz-question-position{font-size:13px;color:var(--quiz-muted);font-variant-numeric:tabular-nums}
.quiz-rail{position:sticky;top:100px;padding-top:8px;min-width:0}.quiz-rail-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.quiz-rail h2{font-size:15px;margin:0;padding:0;border:0}.quiz-rail-heading>span{font-size:13px;color:var(--quiz-muted);font-variant-numeric:tabular-nums}.quiz-rail progress{display:block;width:100%;height:5px;margin:15px 0 20px;border:0;border-radius:4px;accent-color:var(--quiz-accent)}.quiz-rail progress::-webkit-progress-bar{background:#dfe7df;border-radius:4px}.quiz-rail progress::-webkit-progress-value{background:var(--quiz-accent);border-radius:4px}
.quiz-question-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.quiz-question-nav button{min-height:38px;padding:6px 0;border:1px solid #d5dfd8;border-radius:8px;box-shadow:none;background:#fffefa;color:#52635c;font-variant-numeric:tabular-nums;font-size:13px}.quiz-question-nav button.correct{background:#e7f2e9;border-color:#9dc4aa;color:var(--quiz-correct)}.quiz-question-nav button.wrong{background:#f8ebe6;border-color:#d5afa4;color:var(--quiz-wrong)}.quiz-question-nav button[aria-current]{outline:2px solid var(--quiz-accent);outline-offset:2px;font-weight:700}
.quiz-key{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 24px;font-size:12px;color:#607067}.quiz-key>span{display:flex;align-items:center;gap:4px}.quiz-dot{width:7px;height:7px;border-radius:50%}.quiz-dot.correct{background:var(--quiz-correct)}.quiz-dot.wrong{background:var(--quiz-wrong)}
.quiz-conventions{border-top:1px solid var(--quiz-line);padding-top:16px;font-size:13px;color:#617069;line-height:1.85}.quiz-conventions summary{cursor:pointer;min-height:32px}.quiz-conventions p{margin:10px 0}.quiz-conventions a{color:var(--quiz-accent)}
.quiz-storage{background:#fff1d8;color:#6c4a20;border:1px solid #d8ba84;padding:12px 16px;border-radius:9px;margin:0 0 20px;line-height:1.7;font-size:14px}.quiz-storage[hidden]{display:none!important}
.quiz-empty{min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}.quiz-round-result{padding:24px 0;min-height:340px}.quiz-round-result>.quiz-overline{margin-bottom:20px}.quiz-score{font-variant-numeric:tabular-nums;margin:18px 0}.quiz-score strong{font-size:72px;line-height:1.15;font-weight:650;color:var(--quiz-accent)}.quiz-score span{font-size:22px;color:var(--quiz-muted)}.quiz-result-count{font-size:15px;color:var(--quiz-muted);line-height:1.8}.quiz-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.quiz-result-actions button:not(.quiz-primary){min-height:44px;padding:10px 16px;border:1px solid var(--quiz-line);border-radius:9px;background:transparent;color:var(--quiz-ink);box-shadow:none}
.quiz-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.quiz-workspace{grid-template-columns:minmax(0,1fr) 185px;gap:20px}.quiz-question-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-page .quiz-content{padding-left:24px;padding-right:24px}}
@media(max-width:700px){.quiz-page .quiz-content{padding:22px 16px 40px}.quiz-heading{gap:12px;margin-bottom:24px}.quiz-heading h1{font-size:27px}.quiz-heading .quiz-primary{padding:10px 13px;font-size:13px;gap:10px}.quiz-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.quiz-rail{position:static;padding:0 4px}.quiz-question-nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.quiz-question-nav button{min-height:44px}.quiz-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-filters select{min-width:0;font-size:14px}.quiz-search{grid-column:1/-1;max-width:none}.quiz-toolbar{gap:14px;margin-bottom:20px}.quiz-modes{width:auto;display:grid;grid-template-columns:1.15fr 1fr 1fr}.quiz-modes button{padding:10px 7px;font-size:14px}.quiz-stage{padding:23px 19px;border-radius:14px;scroll-margin-top:85px}.quiz-prompt{font-size:16px;margin-bottom:22px}.quiz-option{padding:13px 12px;gap:10px;flex-wrap:wrap}.quiz-option-text{font-size:15px;flex-basis:calc(100% - 43px)}.quiz-option-state{margin-left:40px}.quiz-card-bottom{gap:8px}.quiz-card-bottom .quiz-primary{padding:10px 13px;font-size:14px}.quiz-card-bottom .quiz-secondary{font-size:13px}.quiz-key{margin-bottom:18px}.quiz-round-result{min-height:280px}.quiz-score strong{font-size:64px}}
@media(prefers-reduced-motion:reduce){.quiz-page *{scroll-behavior:auto!important}}