:root{color-scheme:dark;--bg:#101516;--surface:#182021;--line:#344342;--text:#edf3ed;--muted:#b7c5bd;--accent:#b9fa50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button,.button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#152014;border-radius:6px;padding:.7rem 1.15rem;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.secondary{background:transparent;color:var(--accent)}:focus-visible{outline:3px solid #fff;outline-offset:5px}header,main,footer{width:min(1160px,calc(100% - 48px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}header nav{display:flex;gap:12px 24px;flex-wrap:wrap}.brand{font:bold 18px ui-monospace,monospace;text-decoration:none;color:var(--text)}main{padding:56px 0 80px}body[data-module]:not([data-module=""]) main{max-width:820px}h1,h2,h3{line-height:1.16;letter-spacing:-.035em;overflow-wrap:anywhere}h1{font-size:clamp(2.4rem,5.5vw,4.8rem);max-width:1000px;margin:.3em 0 .5em}h1 span{color:var(--accent)}h2{font-size:clamp(1.7rem,3vw,2.4rem)}h3{font-size:1.3rem}p{max-width:76ch}.lead{font-size:1.25rem;color:var(--muted);max-width:64ch}.eyebrow{font:700 .77rem/1.6 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent)}.hero{padding:24px 0 48px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0}.small{font-size:.9rem;color:var(--muted)}.panel,.workspace,.lesson{border:1px solid var(--line);border-radius:12px;padding:clamp(22px,4vw,36px);margin:32px 0;background:var(--surface)}.lesson{background:transparent}.lesson h2,.panel h2,.workspace h2{margin-top:.3em}.goal{border-left:3px solid var(--accent);padding-left:18px}.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.card h3{font-size:1.5rem}.card h3 a{color:var(--text)}.module-status{font-size:.85rem;color:var(--accent)}li+li{margin-top:.6em}.cards li{margin:0}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:650;color:var(--accent)}.check{display:flex;align-items:flex-start;gap:12px;margin:16px 0}.check input{flex:0 0 auto;width:20px;height:20px;margin-top:5px;accent-color:var(--accent)}fieldset{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:20px;min-width:0}legend{font-weight:700;padding:0 6px}.module-pagination{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:40px 0;flex-wrap:wrap}.references{font-size:.95rem;margin-top:48px}.brief{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}progress{width:100%;max-width:500px;height:14px;accent-color:var(--accent)}footer{padding:32px 0;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--bg);z-index:99}.skip:focus{top:10px}[data-quiz-result]{scroll-margin-top:24px}.feedback{padding:16px;border-left:3px solid var(--accent);background:var(--bg)}@media(max-width:740px){header{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}header,main,footer{width:calc(100% - 32px)}main{padding-top:32px}header nav{gap:10px 18px}h1{font-size:2.55rem}.panel,.workspace,.lesson{padding:20px}fieldset{padding:14px}.actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}