.quiz{margin:12px 0 32px}.quiz-meta{color:var(--muted);font-size:var(--fs-small);margin:0 0 12px}.quiz-bar{z-index:5;margin:0 calc(-1 * var(--gutter)) 16px;padding:8px max(var(--gutter), env(safe-area-inset-right)) 12px max(var(--gutter), env(safe-area-inset-left));background:var(--surface);border-block:1px solid var(--line);overflow-wrap:normal;border-radius:0;align-items:center;gap:12px;display:flex;position:sticky;top:0}.quiz-bar p{margin:0}.quiz-timer{flex-direction:column;line-height:1.1;display:flex}.quiz-label{white-space:nowrap;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.quiz-time{font:700 1.25rem/1.2 var(--font-head);font-variant-numeric:tabular-nums}.quiz-timer.is-low .quiz-time{color:var(--warn)}.quiz-timer.is-low .quiz-label:after{content:" (<1 min)"}.quiz-progress{font-size:var(--fs-small);color:var(--muted);font-variant-numeric:tabular-nums;flex:1}.quiz-bar .btn{border-radius:var(--radius-pill);flex:0 auto;min-width:0;min-height:40px;padding:0 16px}.quiz-mid{display:contents}.quiz-marking{border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);flex:none;min-width:0;margin:0;padding:2px;display:inline-flex}.mk-opt{border-radius:var(--radius-pill);min-height:34px;color:var(--muted);font-size:var(--fs-meta);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:0 12px;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.mk-opt input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.mk-opt:has(input:checked){background:var(--tint);box-shadow:inset 0 0 0 1.5px var(--primary);color:var(--fg)}.mk-opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.mk-opt:not(:has(input:checked)):hover{color:var(--fg)}.quiz-marking:disabled .mk-opt{cursor:not-allowed}.quiz-marking:disabled .mk-opt:not(:has(input:checked)){opacity:.6}.mk-long{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (width>=768px){.mk-short{display:none}.mk-long{clip:auto;width:auto;height:auto;overflow:visible;position:static!important}.quiz[data-state=finished] .mk-short{display:inline}.quiz[data-state=finished] .mk-long{clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;position:absolute!important}}@media (width<=639px){.quiz-bar{gap:10px}.quiz-mid{flex-direction:column;flex:1 0 auto;align-items:flex-start;gap:4px;display:flex}.mk-opt{min-height:28px;padding:0 10px}}.quiz-track{--done:0;background:var(--surface-2);height:4px;position:absolute;inset:auto 0 0;overflow:hidden}.quiz-track-fill{background:var(--accent);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--done));display:block}.quiz[data-state=finished] .quiz-track-fill{background:var(--primary)}@media (prefers-reduced-motion:no-preference){.quiz-track-fill{transition:transform .25s ease-out}}.quiz-confirm{background:var(--tint);border:1px solid var(--primary);border-radius:var(--radius);margin-bottom:16px;padding:14px 16px}.quiz-confirm p{margin:0 0 10px}.quiz-confirm{scroll-margin-top:88px}.quiz-nav{margin:0 0 16px}.quiz-nav-h{font-size:var(--fs-meta);color:var(--muted);margin:0 0 6px;font-weight:700}.quiz-nav ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.quiz-nav li+li{margin:0}.nav-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:40px;min-height:40px;color:var(--fg);font:700 .9375rem var(--font);font-variant-numeric:tabular-nums;cursor:pointer;padding:0 6px}.nav-btn:hover{border-color:var(--primary)}.nav-btn.is-answered{background:var(--tint);border-color:var(--tint)}.nav-btn.is-right{background:var(--ok-tint);border-color:var(--ok);box-shadow:inset 0 -3px 0 var(--ok-ink);color:var(--ok-ink)}.nav-btn.is-wrong{background:var(--surface-2);border-color:var(--line-strong);color:var(--muted);text-decoration:line-through 2px}.nav-btn.is-current{outline:2px solid var(--primary);outline-offset:1px}@media (width<=767px){.quiz[data-state=ready] .quiz-nav{display:none}}.quiz-cards{gap:16px;display:grid}.q-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px}.quiz[data-mode=one] .q-card:not(.is-current){display:none}.quiz[data-mode=one][data-state=locked] .q-card{display:block}.quiz[data-mode=all] .quiz-nav,.quiz[data-mode=all] .quiz-pager{display:none}.quiz[data-state=finished] .quiz-nav{display:block}.quiz[data-mode=all][data-filter=wrong] .q-card.is-right{display:none}.q-head{font-size:var(--fs-meta);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0 0 10px;display:flex}.q-num{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.q-sign{margin:0 0 14px}.q-sign img{object-fit:contain;width:120px;height:120px;display:block}.q-stem{font:700 1.25rem/1.4 var(--font-head);margin:0 0 16px;scroll-margin-top:88px}.q-stem:focus{outline:none}.q-stem:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.q-opts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.q-opts li+li{margin:0}.q-opt{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:56px;color:var(--fg);font:400 var(--fs-body) / 1.4 var(--font);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.q-opt:hover:not([aria-disabled=true]){border-color:var(--primary);background:var(--tint)}.q-opt[aria-disabled=true]{cursor:default}.q-letter{border:1.5px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.875rem;font-weight:800;display:inline-grid}.q-opt.is-correct{border:2px solid var(--ok-ink);background:var(--ok-tint)}.q-opt.is-correct .q-letter{background:var(--ok-ink);border-color:var(--ok-ink);color:var(--on-fill)}.q-opt.is-wrong{border:2px solid var(--no-ink);background:var(--no-tint)}.q-opt.is-wrong .q-letter{background:var(--no-ink);border-color:var(--no-ink);color:var(--on-fill)}.q-opt.is-picked{border-width:2px}.q-opt.is-picked:not(.is-correct):not(.is-wrong){border:2px solid var(--primary);background:var(--tint)}.q-opt.is-picked:not(.is-correct):not(.is-wrong) .q-letter{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.q-feedback:not(:empty){border:1px solid var(--line);border-radius:var(--radius-table);background:var(--surface-2);margin-top:16px;padding:16px}.q-card.is-right .q-feedback:not(:empty){background:var(--ok-tint);border-color:var(--ok)}.q-card.is-wrong .q-feedback:not(:empty),.q-card.is-missed .q-feedback:not(:empty){background:var(--no-tint);border-color:var(--no)}.q-feedback p:last-child{margin-bottom:0}.fb-verdict{font:800 1.0625rem/1.3 var(--font-head);align-items:center;gap:10px;margin-bottom:6px;display:flex;position:relative}.fb-verdict:before{content:"";background:currentColor;border-radius:50%;flex:none;width:22px;height:22px}.fb-verdict:after{content:"";position:absolute;top:50%}.fb-ok:after{border:solid var(--on-fill);border-width:0 2.5px 2.5px 0;width:6px;height:11px;left:8px;transform:translateY(-62%)rotate(45deg)}.fb-bad:after{background:linear-gradient(var(--on-fill), var(--on-fill)) center / 2.5px 100% no-repeat, linear-gradient(var(--on-fill), var(--on-fill)) center / 100% 2.5px no-repeat;width:12px;height:12px;left:5px;transform:translateY(-50%)rotate(45deg)}.fb-ok{color:var(--ok-ink)}.fb-bad{color:var(--no-ink)}.fb-expl{margin-bottom:8px}.fb-ref{font-size:var(--fs-meta);color:var(--muted)}.fb-ref-label{letter-spacing:.05em;text-transform:uppercase;margin-right:6px;font-size:.75rem;font-weight:700}.q-foot{font-size:var(--fs-meta);margin:14px 0 0}.q-report{color:var(--muted)}.quiz-pager{margin-top:16px}.quiz-next{border-radius:var(--radius);width:100%}.quiz-pager-sub{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.quiz-pager-sub .btn:disabled{visibility:hidden}.quiz-pos{color:var(--muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.quiz-hint{color:var(--muted);font-size:var(--fs-small);margin:16px 0 8px}.quiz-keys{display:none}@media (hover:hover) and (pointer:fine){.quiz-keys{display:inline}}.quiz-tools{border-top:1px solid var(--line);font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding-top:8px;display:flex}.quiz-view{border:0;flex-wrap:wrap;align-items:center;gap:0 16px;margin:0;padding:0;display:flex}.quiz-view legend{float:left;color:var(--muted);margin-right:4px;font-weight:700}.quiz-view label{min-height:var(--tap);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.quiz-view input{width:18px;height:18px;accent-color:var(--primary);margin:0}.quiz-results{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:20px;padding:16px;scroll-margin-top:88px}.quiz-results:focus{outline:none}.quiz-results:focus-visible{outline:3px solid var(--focus)}.res-head{border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--line);margin:-16px -16px 16px;padding:16px}.res-head.ok{background:var(--ok-tint)}.res-head.bad{background:var(--tint)}.res-title{margin:0 0 4px;font-size:1.5rem}.res-title.ok,.res-table .ok{color:var(--ok-ink)}.res-title.bad{color:var(--primary)}.res-table .bad{color:var(--muted)}.res-score{font-size:var(--fs-body);margin:0}.res-big{font:800 2.25rem/1.1 var(--font-head);font-variant-numeric:tabular-nums;display:block}.res-meta{color:var(--muted);font-size:var(--fs-small)}.res-best{font-size:var(--fs-small)}.res-new{border:1.5px solid var(--primary);border-radius:var(--radius-pill);background:var(--tint);color:var(--fg);margin-right:8px;padding:1px 10px;font-weight:700;display:inline-block}.res-actions{margin:16px 0 8px}@media (width<=479px){.res-actions{flex-direction:column;align-items:stretch}.res-actions .btn{width:100%}}.res-band{border-radius:var(--radius) var(--radius) 0 0;background-color:var(--band-bg);color:var(--band-fg);margin:-16px -16px 16px;padding:16px 16px 18px}.res-band .res-head,.res-band .res-head.ok,.res-band .res-head.bad{background:0 0;border:0;border-radius:0;margin:0;padding:0}.res-band .res-title,.res-band .res-title.ok,.res-band .res-title.bad,.res-band .res-score,.res-band .res-best{color:var(--band-fg)}.res-band .res-gap,.res-band .res-meta{color:var(--band-muted)}.res-band .res-meta{margin:14px 0 0}.res-band .res-mode{margin:2px 0 0}.res-band .res-best{margin:4px 0 0}.res-band .res-new{border-color:var(--band-fg);background:var(--band-tint);color:var(--band-fg)}.res-band .res-actions{margin:16px 0 0}.res-band .btn-primary{background:var(--band-cta);border-color:var(--band-cta);color:var(--band-cta-ink)}.res-band .btn-primary:hover{background:var(--band-cta-hover);border-color:var(--band-cta-hover);color:var(--band-cta-ink)}.res-band .btn-secondary{border-color:var(--band-fg);color:var(--band-fg);background:0 0}.res-band .btn:not(.btn-primary):not(.btn-secondary){border-color:var(--band-muted);color:var(--band-fg);background:0 0}.res-band .btn-secondary:hover,.res-band .btn:not(.btn-primary):not(.btn-secondary):hover{background:var(--band-tint);border-color:var(--band-fg);color:var(--band-fg)}.res-band :focus-visible{outline-color:var(--band-focus)}@media (width>=640px){.res-band{margin:-24px -24px 16px;padding:24px 24px 22px}}.res-filter{min-height:var(--tap);font-size:var(--fs-small);align-items:center;gap:8px;display:inline-flex}.res-filter input{width:18px;height:18px;accent-color:var(--primary)}.quiz-results h3{margin:20px 0 8px;font-size:1.0625rem}.res-table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius-table);width:100%;font-size:var(--fs-small);font-variant-numeric:tabular-nums}.res-table th,.res-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}.res-table tbody tr:last-child th,.res-table tbody tr:last-child td{border-bottom:0}.res-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.res-table tbody th{font-weight:500}.bar-cell{width:28%}.bar{border-radius:var(--radius-pill);background:var(--surface-2);height:8px;display:block;overflow:hidden}.bar>span{background:var(--primary);height:100%;display:block}.quiz-gate{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px}.gate-title{align-items:center;gap:10px;margin-top:0;display:flex}.gate-title .icon{width:24px;height:24px;color:var(--muted)}.gate-form label{margin-bottom:6px;font-weight:700;display:block}.gate-form input{min-width:0;min-height:var(--tap);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:500 1rem var(--mono);text-transform:uppercase;flex:14rem;padding:0 12px}.gate-form input[aria-invalid=true]{border-color:var(--primary)}.gate-msg{min-height:1.5em;margin:8px 0 0}.quiz-noscript{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);padding:12px 14px}@media (width>=640px){.q-card,.quiz-gate,.quiz-results{padding:24px}.res-head{margin:-24px -24px 16px;padding:24px 24px 16px}}@media (width<=639px){main.layout-quiz>.lede{font-size:var(--fs-body)}main.layout-quiz>h2{margin-top:1em}.q-sign img{width:88px;height:88px}.q-sign{margin-bottom:8px}.quiz-bar{margin-bottom:12px}}.res-table td{overflow-wrap:normal}.res-table td:not(.bar-cell){white-space:nowrap}.res-head.has-art{align-items:center;gap:16px;display:flex}.res-text{flex:auto;min-width:0}.res-gap{font-size:var(--fs-small);margin:8px 0 0}.res-art{flex:none;width:clamp(96px,28vw,200px)}.res-art img{width:100%;height:auto;display:block}@media (width<=639px){.q-stem,.quiz-results,.quiz-confirm{scroll-margin-top:100px}main.layout-quiz>h2.quiz-h-tight{margin-top:16px}.quiz-meta{font-size:var(--fs-meta)}}