:root{--ink:#202a26;--muted:#68716d;--paper:#f7f4ed;--card:#fffdf8;--line:#ddd8cc;--accent:#8a3b2d;--accent-2:#315c50;--sidebar:320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.72}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#18342e;color:#eef3ed;display:flex;flex-direction:column;z-index:20;box-shadow:4px 0 22px #12231e25}.brand{padding:28px 24px 22px;border-bottom:1px solid #ffffff20}.brand a{color:#fff;text-decoration:none;font:700 1.28rem/1.2 system-ui,sans-serif}.brand small{display:block;margin-top:7px;color:#bed0c8;font:400 .78rem/1.4 system-ui,sans-serif}.sidebar nav{padding:12px;overflow:auto;scrollbar-color:#79988b transparent}.lesson-link{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;padding:9px 10px;color:#dce8e3;text-decoration:none;border-radius:8px;font:400 .78rem/1.3 system-ui,sans-serif}.lesson-link span{color:#93afa3;font-variant-numeric:tabular-nums}.lesson-link strong{font-weight:520}.lesson-link:hover,.lesson-link.active{background:#ffffff12;color:#fff}.lesson-link.active span{color:#f4c9aa}.sidebar-footer{margin-top:auto;padding:14px 22px;border-top:1px solid #ffffff20;color:#9fb7ad;font:400 .72rem system-ui,sans-serif}.page{margin-left:var(--sidebar);min-height:100vh}.lesson{max-width:920px;margin:0 auto;padding:70px 64px 100px}.lesson-header{padding-bottom:34px;margin-bottom:40px;border-bottom:1px solid var(--line)}.eyebrow{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font:700 .74rem system-ui,sans-serif}.lesson-header h1,.hero h1{font-size:clamp(2.15rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.035em;margin:.35em 0 0;text-wrap:balance}.prose{font-size:1.13rem}.prose p{margin:0 0 1.25em}.prose h2{font-size:2rem;line-height:1.2;margin:2.4em 0 .7em;color:var(--accent-2)}.prose h3{font-size:1.45rem;line-height:1.25;margin:2em 0 .55em}.prose h4,.prose h5,.prose h6{font-size:1.2rem;margin:1.8em 0 .5em}.prose blockquote{margin:1.8em 0;padding:1em 1.4em;border-left:4px solid var(--accent);background:#efe8dc;font-style:italic}.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.6em}.prose li{margin:.35em 0}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose code{font-size:.88em;background:#e9e4da;padding:.1em .3em;border-radius:4px}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.lesson-nav a{color:var(--ink);text-decoration:none;padding:18px;border:1px solid var(--line);background:var(--card);border-radius:10px}.lesson-nav a:hover{border-color:var(--accent)}.lesson-nav a.next{text-align:right}.lesson-nav small,.lesson-nav span{display:block}.lesson-nav small{color:var(--accent);font:700 .72rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.lesson-nav span{margin-top:5px;font-size:.9rem;line-height:1.35}.home{padding:0 56px 80px}.hero{max-width:1120px;margin:0 auto;padding:100px 0 80px}.hero p{max-width:700px;color:var(--muted);font-size:1.2rem}.start-button{display:inline-block;margin-top:16px;padding:14px 20px;background:var(--accent);color:#fff;text-decoration:none;border-radius:7px;font:700 .9rem system-ui,sans-serif}.course-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.lesson-card{position:relative;display:grid;grid-template-columns:38px 1fr;gap:10px;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}.lesson-card:hover{transform:translateY(-2px);border-color:var(--accent)}.lesson-card>span{color:var(--accent);font:700 .8rem system-ui,sans-serif}.lesson-card h2{font-size:1.08rem;line-height:1.35;margin:0}.lesson-card b{grid-column:2;color:var(--accent-2);font:700 .74rem system-ui,sans-serif}.menu-button,.backdrop{display:none}@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:transform .2s;width:min(88vw,340px)}body.menu-open .sidebar{transform:none}.page{margin-left:0}.menu-button{display:flex;position:fixed;top:12px;left:12px;z-index:30;gap:7px;align-items:center;border:1px solid #ffffff35;background:#18342e;color:#fff;border-radius:7px;padding:9px 12px;font:700 .78rem system-ui,sans-serif;box-shadow:0 3px 14px #0002}body.menu-open .backdrop{display:block;position:fixed;inset:0;background:#10241f80;z-index:15}.lesson{padding:78px 26px 70px}.home{padding:0 22px 60px}.hero{padding:94px 0 54px}.course-grid{grid-template-columns:1fr}}@media(max-width:560px){.lesson-nav{grid-template-columns:1fr}.lesson-nav a.next{text-align:left}.prose{font-size:1.04rem}.lesson-header h1,.hero h1{font-size:2.35rem}}@media print{.sidebar,.menu-button{display:none}.page{margin:0}.lesson{max-width:none;padding:0}.lesson-nav{display:none}body{background:#fff}}