:root{--navy:#1b2a3b;--navy-2:#22344a;--teal:#2ec4b6;--teal-ink:#157f74;--paper:#faf9f5;--surface:#fff;--ink:#26261f;--ink-2:#54534c;--slate:#8a9ba8;--border:rgba(20,20,19,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--teal-ink);text-decoration:underline;text-underline-offset:2px}.sidebar{position:fixed;top:0;left:0;width:310px;height:100vh;background:var(--navy);color:#cdd6df;overflow-y:auto;padding:26px 22px 40px;z-index:20}.brand{font-family:Plus Jakarta Sans;font-weight:700;letter-spacing:.06em;font-size:20px;color:#fff;margin-bottom:4px}.brand .pp{color:var(--teal)}.brand-sub{font-size:12px;color:var(--slate);margin-bottom:26px;letter-spacing:.02em}.mod{margin-bottom:22px}.mod-name{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--slate);font-weight:600;margin:0 0 10px 2px}.mod ul{list-style:none;padding:0}.mod li,.mod ul{margin:0}.mod a{display:flex;align-items:center;gap:9px;color:#c3cdd6;text-decoration:none;font-size:14.5px;padding:7px 10px;border-radius:7px;line-height:1.35;transition:background .15s,color .15s}.mod a .dot{width:7px;height:7px;border-radius:50%;border:1.5px solid #5b6b7a;flex-shrink:0;transition:all .15s}.mod a:hover{background:hsla(0,0%,100%,.05);color:#fff}.mod a.active{background:rgba(46,196,182,.14);color:#fff;font-weight:600}.mod a.active .dot{background:var(--teal);border-color:var(--teal)}.mod a.done .dot{background:#5b6b7a;border-color:#5b6b7a}.mod a.active.done .dot{background:var(--teal);border-color:var(--teal)}.main{margin-left:310px;padding:0}.wrap{max-width:760px;margin:0 auto;padding:56px 40px 90px}.lesson{display:none;animation:fade .25s ease}.lesson.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lesson-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal-ink);font-weight:600;margin-bottom:14px}h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:40px;line-height:1.12;color:var(--navy);margin:0 0 18px}.accent{width:64px;height:3px;background:var(--teal);border-radius:2px;margin-bottom:30px}.prose h2{font-size:27px;margin:38px 0 12px;line-height:1.2}.prose h2,.prose h3{font-family:Fraunces,serif;font-weight:600;color:var(--navy)}.prose h3{font-size:21px;margin:30px 0 10px}.prose h4{font-weight:700;font-size:16px;color:var(--ink);margin:22px 0 8px;text-transform:none}.prose p{margin:0 0 16px}.prose ol,.prose ul{margin:0 0 18px;padding-left:24px}.prose li{margin:0 0 8px}.prose li::marker{color:var(--teal)}.prose strong{color:var(--navy);font-weight:600}.prose blockquote,.prose em{color:var(--ink-2)}.prose blockquote{margin:18px 0;padding:14px 20px;background:#f2efe6;border-left:3px solid var(--teal);border-radius:0 8px 8px 0}.prose blockquote p{margin:0}.prose code{font-family:JetBrains Mono,monospace;font-size:.86em;background:#efede4;padding:2px 6px;border-radius:4px;color:var(--navy)}.prose pre{background:var(--navy);color:#e8edf2;padding:16px 18px;border-radius:10px;overflow-x:auto;margin:0 0 18px;font-size:13.5px;line-height:1.5}.prose pre code{background:none;padding:0;color:inherit;font-size:inherit}.prose hr{border:none;border-top:1px solid var(--border);margin:30px 0}.prose a{font-weight:500}.video{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:22px 0;border-radius:12px;overflow:hidden;box-shadow:0 6px 26px rgba(0,0,0,.14)}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.lesson-nav button{font-family:inherit;font-size:14.5px;font-weight:600;color:var(--navy);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:11px 22px;cursor:pointer;transition:all .15s}.lesson-nav button:hover:not(:disabled){border-color:var(--teal);color:var(--teal-ink)}.lesson-nav button:disabled{opacity:.35;cursor:default}.topbar{position:fixed;top:0;left:310px;right:0;height:4px;background:transparent;z-index:15}.topbar .fill{height:100%;background:var(--teal);width:7%;transition:width .3s}.menu-btn{display:none}footer.site{margin-left:310px;padding:22px 40px;border-top:1px solid var(--border);color:var(--slate);font-size:12.5px;max-width:none}footer.site .wrapf{max-width:760px;margin:0 auto}@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:280px}.sidebar.open{transform:none}.main,.topbar,footer.site{margin-left:0}.topbar{left:0}.wrap{padding:70px 22px}h1{font-size:31px}.menu-btn{display:flex;position:fixed;top:12px;left:12px;z-index:30;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--navy);color:#fff;border:0;cursor:pointer;font-size:20px}}