body{background:var(--bg);color:var(--ink);margin:0;padding:6vh 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px;line-height:1.4}main{max-width:900px;margin:0 auto}h1{margin:0 0 4px;font-size:44px}.subtitle{color:var(--muted);margin:0 0 32px}.lessons{gap:16px;display:grid}.lesson{background:var(--panel);color:inherit;border:2px solid #0000;border-radius:14px;padding:20px 24px;text-decoration:none;display:block}.lesson:hover{border-color:var(--accent)}.lesson .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.lesson .num{color:var(--muted);white-space:nowrap;font-size:16px}.lesson h2{color:var(--accent);margin:0 0 6px;font-size:28px}.lesson p{margin:0}.links{flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:17px;display:flex}.links a{color:var(--blue);background:#6ea8ff1f;border:1px solid #6ea8ff59;border-radius:999px;padding:6px 14px;text-decoration:none;transition:background .15s,color .15s}.links a:hover{background:var(--blue);color:var(--bg)}.lesson h2 a:hover{opacity:.85;text-decoration:none}.section{margin:40px 0 16px;font-size:24px}.muted-note{color:var(--muted);font-size:16px;font-weight:400}.lesson.wip{opacity:.75;border-style:dashed;border-color:#333a4a}.lesson.wip:hover{opacity:1}.badge{color:var(--accent);background:#ffd84d1f;border:1px solid #ffd84d66;border-radius:999px;margin-right:10px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}