:root{--bg:#fbfaf7;--fg:#22262e;--muted:#6b7280;--accent:#2f6f4f;--card:#ffffff;--line:#e6e2d8}
*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,'Times New Roman',serif;line-height:1.65}
a{color:var(--accent)}header.top{border-bottom:1px solid var(--line);background:var(--card)}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.1rem}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:3.6rem}
.brand{font-weight:bold;text-decoration:none;color:var(--fg);display:flex;gap:.5rem;align-items:center}.brand img{width:26px;height:26px}
nav a{margin-left:1rem;text-decoration:none;font-family:Verdana,sans-serif;font-size:.8rem;color:var(--muted)}nav a:hover{color:var(--accent)}
main{padding:2rem 0 3rem}h1{line-height:1.25;font-size:1.9rem;margin:.2rem 0 1rem}h2{font-size:1.25rem;margin-top:2rem}
.lede{color:var(--muted);font-style:italic}.meta{font-family:Verdana,sans-serif;font-size:.75rem;color:var(--muted)}
ul.lessons{list-style:none;padding:0}ul.lessons li{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1rem 1.2rem;margin:0 0 1rem}
ul.lessons a{font-size:1.1rem;font-weight:bold;text-decoration:none}ul.lessons p{margin:.35rem 0 0}
pre{background:#1f2430;color:#e8e6df;padding:.9rem 1rem;border-radius:6px;overflow-x:auto;font-size:.82rem;line-height:1.5}
code{font-family:'Courier New',monospace;font-size:.92em}p code,li code{background:#efece4;padding:.05rem .3rem;border-radius:3px}
kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:3px;padding:0 .3rem;font-size:.8em}
footer{border-top:1px solid var(--line);padding:1.2rem 0;font-family:Verdana,sans-serif;font-size:.75rem;color:var(--muted)}