:root{font:16px/1.55 system-ui,sans-serif;color:#152e50;background:#f1f6fc;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1380px;margin:auto;padding:24px}header,footer{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}header{font-size:.9rem}a{color:#125bbb;font-weight:700}h1{font-size:clamp(1.7rem,3.6vw,2.7rem);margin:26px 0 5px;line-height:1.2}h2{font-size:1.3rem;margin:8px 0 14px}.intro{margin:0 0 24px;color:#415d7e}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.viewer{border-radius:18px;overflow:hidden;background:#102344;box-shadow:0 12px 35px #16396519}video{display:block;width:100%;aspect-ratio:16/9;background:#102344}video::cue{background:#09182dee;color:white;font:1.1em sans-serif}.controls{padding:10px 14px 14px;color:white}.buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}button,select{font:inherit;min-height:44px;border:1px solid #bfd0e5;border-radius:10px;padding:8px 12px;background:white;color:#123b74;cursor:pointer;font-weight:650}button:hover{background:#e4efff}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.viewer:focus-visible{outline:3px solid #e88b00;outline-offset:3px}.controls button,.controls select{color:white;background:#213e65;border-color:#597393;font-size:.88rem}.controls button:hover{background:#375a87}#toggle{background:#216dde;min-width:98px}#seek{width:100%;height:28px;accent-color:#74b9ff}#volume{width:75px;accent-color:#74b9ff;min-height:44px}#time{font-size:.85rem;margin-right:auto;font-variant-numeric:tabular-nums}.help{font-size:.875rem;color:#425b79}aside,.practice,details{border:1px solid #d2deed;border-radius:18px;background:white;padding:20px}aside{align-self:start}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.07em;color:#126452}#chapters{display:grid;gap:6px}#chapters button{text-align:left;font-size:.9rem;font-weight:600;border-color:transparent}#chapters button[aria-current=true]{background:#e9f1ff;border-color:#1769e0}.info{border-top:1px solid #d2deed;margin-top:20px;padding-top:18px;font-size:.9rem}.info p{margin:7px 0}.practice{margin:22px 0;border-top:5px solid #167b65}#answerForm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#answer{font:inherit;width:85px;padding:10px;border-radius:8px;border:1px solid #7893b4}#feedback{min-height:26px;font-weight:600}#continue{background:#1769e0;color:white}details{margin:20px 0}summary{cursor:pointer;font-weight:750;min-height:44px;display:list-item}#transcript p{max-width:75ch}#transcript button{margin-top:15px}#reportBody p{padding:10px;border-bottom:1px solid #d2deed}footer{font-size:.9rem;padding:18px 0}footer span{color:#425b79}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.viewer:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;border-radius:0;justify-content:center}.viewer:fullscreen video{min-height:0;flex:1;object-fit:contain}.viewer:fullscreen .controls{flex-shrink:0}#notice:empty{display:none}@media(max-width:900px){.layout{grid-template-columns:1fr}main{padding:16px}aside{order:2}#chapters{grid-template-columns:1fr 1fr}}@media(max-width:520px){.controls{padding:8px}#volume{width:60px}.buttons{gap:5px}.controls button{padding:8px}#time{width:100%;order:5}#chapters{grid-template-columns:1fr}header span{font-size:.85rem}main{padding:12px}h1{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

[hidden]{display:none!important}

#choiceOptions{width:100%;border:0;padding:0;margin:0 0 12px;display:grid;gap:8px}#choiceOptions legend{font-weight:700;margin-bottom:10px}#choiceOptions label{display:flex;align-items:center;gap:12px;border:1px solid #bfd0e5;padding:12px;border-radius:12px;cursor:pointer;min-height:48px}#choiceOptions label:has(input:checked){border-color:#1769e0;background:#e9f1ff}#choiceOptions input{width:22px;height:22px;accent-color:#1769e0;flex-shrink:0}#question{white-space:pre-line}