:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#202322;background:#f6f5ef;font-synthesis:none;line-height:1.6;--yellow:#ffe568;--line:#d9ddd7;--green:#276343}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3458bb;outline-offset:4px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.12;letter-spacing:-.04em;font-weight:760;margin:12px 0 24px}h2{font-size:1.2rem;line-height:1.4}h1:focus{outline:none}p+p{margin-top:14px}.top{max-width:900px;padding:28px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px;font-size:1.75rem;font-weight:900;letter-spacing:-.07em}.brand span{font-size:.9rem;letter-spacing:0;font-weight:550;color:#555d56}.badge{border:1px solid #d2d9cc;border-radius:100px;padding:5px 12px;font-size:.8rem;white-space:nowrap;background:#edf3e7}main{max-width:800px;padding:25px 24px 32px;margin:0 auto;min-height:65vh}.eyebrow{font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;font-weight:750;color:#646c61}.intro{font-size:1.18rem;max-width:620px;color:#4f5850}.welcome-card{display:flex;align-items:flex-start;gap:18px;padding:22px;border:1px solid var(--line);background:#fff;border-radius:18px;margin:30px 0}.welcome-card p{color:#596157;font-size:.98rem;margin-top:7px}.lesson-icon{background:#fff4ba;border-radius:12px;padding:10px 14px;font-size:1.25rem;font-weight:800;line-height:1.4}.primary,.secondary,.text-button{min-height:48px;padding:12px 19px;border-radius:12px;font-size:1rem;font-weight:700;line-height:1.5;transition:background .15s}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--yellow);color:#181c17;border:1px solid #e5c945}.primary:hover:not(:disabled){background:#ffda36}.secondary{background:#fff;color:#232b22;border:1px solid #778172}.secondary:hover:not(:disabled){background:#f1f4ee}.text-button{display:block;background:transparent;border:0;text-decoration:underline;padding:10px 0;color:#475143}.hint{font-size:.87rem;color:#5b6558;margin-top:13px}.disclosure{font-size:.87rem;color:#5b6558;margin-top:24px}.link-button{text-decoration:none;text-align:center}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 18px}.session-bar>p{font-size:.92rem;color:#596157;font-weight:650}.timer{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:8px 13px;border-radius:12px;background:#fff;white-space:nowrap}.timer span{font-size:.8rem;color:#586251}.timer output{font-size:1.12rem;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:750}.card{background:#fff;padding:32px;border:1px solid var(--line);border-radius:22px}.card h1{font-size:clamp(1.8rem,4.5vw,2.5rem)}.lesson{font-size:1.17rem;line-height:1.85;margin:22px 0 26px}.card>.primary{margin-top:24px}.explanation{border-left:4px solid #e6c645;border-radius:0 12px 12px 0;background:#fff9df;padding:20px;margin-top:20px}.explanation h2{margin-bottom:12px}.explanation p{font-size:1rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}fieldset{border:0;padding:0;margin:22px 0}legend{font-weight:700;margin-bottom:12px}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0;cursor:pointer}.choice:has(input:checked){border-color:#89741b;background:#fff9df}.choice input{accent-color:#333d2a;flex:none;width:20px;height:20px;margin:3px 0 0}.feedback{padding:18px;border-radius:12px;margin-top:22px;background:#fff4dc;border:1px solid #dbc08a}.feedback.correct{background:#edf6ef;border-color:#a4c2ab;color:#1e4930}.warning{color:#775516;font-size:.9rem;margin-bottom:14px}.warning:empty{display:none}footer{max-width:800px;padding:8px 24px 36px;margin:auto;color:#616a5c;font-size:.82rem}footer>p{margin-bottom:12px}footer details{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:14px 0}summary{cursor:pointer;font-weight:650;min-height:30px}details p{margin-top:12px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}@media(max-width:520px){.top{padding:20px}.brand span{font-size:.8rem}.brand{gap:10px}main{padding:16px 16px 24px}.card{padding:22px 18px;border-radius:18px}.welcome-card{padding:18px;gap:12px}.session-bar{align-items:flex-start}.session-bar>p{max-width:130px}.timer{gap:8px;padding:6px 9px}.timer span{font-size:.72rem}.primary{width:100%}.actions>*{width:100%}.card h1{font-size:1.9rem}footer{padding:8px 20px 28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}