:root{font-family:"DM Sans",system-ui,sans-serif;color:#1f2328;background:#f6f8fa;--surface:#fff;--border:#d0d7de;--accent:#6f42c1;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.75}header,footer{padding:20px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--border)}header{display:flex;gap:24px;justify-content:space-between;align-items:center}nav{display:flex;flex-wrap:wrap;gap:20px}a{color:var(--accent);text-underline-offset:4px}.brand{font-size:24px;text-decoration:none;font-weight:750}main{max-width:1100px;margin:auto;padding:48px 24px}h1{font-size:clamp(28px,5vw,44px);line-height:1.25;max-width:900px}h2{font-size:23px;line-height:1.4}p{max-width:76ch}article,aside,.practice-cta{background:var(--surface);border:1px solid var(--border);padding:clamp(20px,4vw,38px);margin-bottom:24px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lesson-grid article{margin:0}.lead{font-size:20px}pre{padding:20px;border:1px solid var(--border);overflow:auto;font-size:14px;max-width:100%}details{border:1px solid var(--border);padding:16px}summary{cursor:pointer}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}footer{border-top:1px solid var(--border)}@media(prefers-color-scheme:dark){:root{color:#f0f6fc;background:#0e1117;--surface:#161b22;--border:#30363d;--accent:#b895ff}}@media(max-width:650px){header{display:block}.brand{display:inline-block;margin-bottom:12px}nav{gap:14px}.lesson-grid{grid-template-columns:1fr}main{padding:28px 16px}body{font-size:16px}}