:root{color-scheme:light dark;--surface-page: #f6f3ed;--surface-header: rgb(246 243 237 / 92%);--surface-raised: #fffdf9;--surface-subtle: #ece7de;--text-primary: #172033;--text-secondary: #354258;--text-muted: #667085;--accent: #1266c3;--accent-muted: #315f8f;--border-muted: #d8d2c7;--code-surface: #111827;--code-text: #e5edf8;--code-muted: #91a1b7;--code-border: #283548;--code-control: #182436;--code-control-border: #33445d;--code-action: #1664a7;--code-error: #ff9e9e;--focus-ring: #1677d2;--warning: #a45105;--analogy: #6d3fc0;--analogy-surface: #f2edff;--example: #08756b;--example-surface: #e8f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.6}[data-theme=dark]{--surface-page: #181a1f;--surface-header: rgb(24 26 31 / 92%);--surface-raised: #21242b;--surface-subtle: #292d36;--text-primary: #f0f2f5;--text-secondary: #d0d5dd;--text-muted: #98a2b3;--accent: #69b1ff;--accent-muted: #8db8e3;--border-muted: #353a45;--code-surface: #111318;--code-text: #e5edf8;--code-muted: #91a1b7;--code-border: #303846;--code-control: #252c38;--code-control-border: #414d60;--code-action: #1664a7;--code-error: #ff9e9e;--focus-ring: #69b1ff;--warning: #f4a340;--analogy: #c4a7ff;--analogy-surface: #2c2540;--example: #72d8c7;--example-surface: #173733}[data-theme=midnight]{--surface-page: #07101d;--surface-header: rgb(7 16 29 / 92%);--surface-raised: #0d1929;--surface-subtle: #122239;--text-primary: #e7f0ff;--text-secondary: #bed0e9;--text-muted: #8298b6;--accent: #62b4ff;--accent-muted: #91c5f3;--border-muted: #20344e;--code-surface: #040912;--code-text: #e5edf8;--code-muted: #91a1b7;--code-border: #20344e;--code-control: #11233a;--code-control-border: #29496c;--code-action: #135f9f;--code-error: #ff9e9e;--focus-ring: #62b4ff;--warning: #ffb04a;--analogy: #c8adff;--analogy-surface: #211b3b;--example: #77dec9;--example-surface: #0d342f}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}.lesson-body :is(h2,h3,h4){scroll-margin-top:5.5rem}body{min-height:100vh;margin:0;background:var(--surface-page);color:var(--text-primary)}a{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.eyebrow{color:var(--accent-muted);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.skip-link{position:fixed;z-index:20;top:.75rem;left:.75rem;padding:.65rem .9rem;border-radius:.5rem;background:var(--text-primary);color:var(--surface-page);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:10;top:0;display:flex;min-height:4rem;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border-muted);background:var(--surface-header);backdrop-filter:blur(16px)}.wordmark{font-weight:800;letter-spacing:-.03em;text-decoration:none}.study-status,.rail-label{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:1rem}.theme-picker{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.theme-picker select{padding:.35rem 1.8rem .35rem .55rem;border:1px solid var(--border-muted);border-radius:.5rem;background:var(--surface-raised);color:var(--text-primary)}.reader-grid{display:grid;grid-template-columns:minmax(13rem,17rem) minmax(0,48rem) minmax(10rem,14rem);gap:clamp(1rem,3vw,3.5rem);justify-content:center;padding:2rem clamp(1rem,3vw,3rem) 5rem}.left-rail,.right-rail{position:sticky;top:6rem;align-self:start;max-height:calc(100vh - 8rem);overflow:auto}.left-rail nav,.right-rail ol{margin:0;padding:0;list-style:none}.curriculum-home{display:block;margin-bottom:1.5rem;color:var(--text-primary);font-weight:700;line-height:1.3;text-decoration:none}.curriculum-sidebar section+section{margin-top:1.5rem}.curriculum-sidebar ol{margin:.5rem 0 0;padding:0;list-style:none}.module-link,.curriculum-sidebar li a,.right-rail a{display:flex;align-items:baseline;gap:.55rem;padding:.45rem 0;color:var(--text-muted);font-size:.9rem;line-height:1.35;text-decoration:none}.module-link{color:var(--text-secondary);font-weight:700}.curriculum-sidebar a:hover,.curriculum-sidebar a[aria-current=page],.right-rail a:hover{color:var(--accent)}.progress-dot{width:.45rem;height:.45rem;flex:0 0 auto;border:1px solid currentColor;border-radius:50%}.progress-dot[data-complete=true]{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.progress-summary{display:grid;grid-template-columns:auto minmax(8rem,1fr);gap:1rem;align-items:center;margin:-1rem 0 2.5rem;padding:1rem 1.15rem;border:1px solid var(--border-muted);border-radius:.8rem;background:var(--surface-raised)}.progress-summary div{display:flex;flex-direction:column}.progress-summary span{color:var(--text-muted);font-size:.78rem}.progress-summary progress{width:100%;accent-color:var(--accent)}.progress-control{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:1rem;border:1px solid var(--border-muted);border-radius:.8rem;background:var(--surface-raised)}.progress-control div{display:flex;flex-direction:column}.progress-control button{padding:.65rem .9rem;border:0;border-radius:.55rem;background:var(--accent);color:var(--surface-page);cursor:pointer;font-weight:700}.progress-control p{flex-basis:100%;margin:0;color:var(--text-muted);font-size:.8rem}.progress-kicker{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.right-rail ol{margin-top:.65rem}.right-rail .nested{padding-left:.8rem}.reading-column{min-width:0}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2.5rem;padding:0;color:var(--text-muted);font-size:.8rem;list-style:none}.breadcrumbs li{display:flex;gap:.4rem}.breadcrumbs a{text-decoration:none}.page-intro,.lesson-header{margin-bottom:2.5rem}.page-intro h1,.lesson-header h1{margin:.25rem 0 .75rem;font-size:clamp(2.25rem,6vw,4.5rem);letter-spacing:-.055em;line-height:1.02}.page-intro>p:last-child,.lesson-header>p{max-width:42rem;color:var(--text-muted);font-size:1.1rem}.card-grid{display:grid;gap:1rem}.content-card{display:block;padding:1.4rem;border:1px solid var(--border-muted);border-radius:1rem;background:var(--surface-raised);text-decoration:none;transition:border-color .14s ease,transform .14s ease}.content-card:hover{border-color:var(--accent);transform:translateY(-2px)}.content-card h2{margin:.25rem 0}.content-card p{margin:.4rem 0 0;color:var(--text-muted)}.card-number,.lesson-index,.reading-time{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li+li{border-top:1px solid var(--border-muted)}.lesson-list a{display:grid;grid-template-columns:2.5rem 1fr auto;gap:1rem;align-items:center;padding:1.15rem 0;text-decoration:none}.lesson-list strong,.lesson-list small{display:block}.lesson-list small{margin-top:.2rem;color:var(--text-muted);font-size:.9rem}.lesson-meta{display:flex;gap:1rem;margin-top:1rem;color:var(--text-muted);font-size:.8rem}.objectives{margin-top:1.25rem;padding:.9rem 1rem;border:1px solid var(--border-muted);border-radius:.75rem;background:var(--surface-raised)}.objectives summary{cursor:pointer;font-weight:700}.lesson-body h2{margin:3.25rem 0 .75rem;font-size:1.75rem;letter-spacing:-.025em;line-height:1.2}.lesson-body h3{margin-top:2.25rem}.lesson-body p,.lesson-body li{color:var(--text-secondary)}.lesson-body a{color:var(--accent-muted);font-weight:600;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-thickness:.08em;text-underline-offset:.18em;transition:color .14s ease,text-decoration-color .14s ease}.lesson-body a:hover{color:var(--accent);text-decoration-color:currentColor}.lesson-body blockquote{margin:1.5rem 0;padding:.25rem 1.25rem;border-left:3px solid var(--accent);background:var(--surface-subtle)}.lesson-body pre{overflow-x:auto;padding:1rem;border:1px solid var(--border-muted);border-radius:.75rem}.lesson-body :not(pre)>code{padding:.1em .35em;border-radius:.3em;background:var(--surface-subtle)}.callout,.hint,.checkpoint{margin:1.5rem 0;padding:1rem 1.15rem;border:1px solid var(--border-muted);border-radius:.75rem;background:var(--surface-raised)}.callout{border-left:4px solid var(--accent)}.callout-warning{border-left-color:var(--warning)}.callout-analogy{border-left-color:var(--analogy);background:var(--analogy-surface)}.callout-example{border-left-color:var(--example);background:var(--example-surface)}.callout>strong,.checkpoint>span{color:var(--accent);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.callout-analogy>strong{color:var(--analogy)}.callout-example>strong{color:var(--example)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.callout p:last-child,.hint p:last-child,.checkpoint p:last-child{margin-bottom:0}.hint summary{cursor:pointer;color:var(--accent);font-weight:700}.checkpoint h3{margin:.25rem 0 .5rem}.static-code-block{margin:1.5rem 0;overflow:hidden;border:1px solid var(--border-muted);border-radius:.75rem;background:var(--code-surface)}.static-code-block pre{margin:0;border:0;border-radius:0}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.45rem .7rem;border-bottom:1px solid var(--border-muted);color:var(--text-muted);font-size:.72rem;text-transform:uppercase}.code-toolbar button{border:0;background:transparent;color:var(--accent);cursor:pointer}.runnable-code{margin:2rem 0;overflow:hidden;border:1px solid var(--border-muted);border-radius:.85rem;background:var(--code-surface);color:var(--code-text)}.runnable-code>header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--code-border)}.runnable-code>header>div:first-child{display:flex;flex-direction:column}.runnable-code header span,.code-output>span{color:var(--code-muted);font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.code-actions{display:flex;gap:.35rem}.code-actions button{padding:.45rem .65rem;border:1px solid var(--code-control-border);border-radius:.45rem;background:var(--code-control);color:var(--code-text);cursor:pointer}.code-actions .run-button{border-color:var(--accent);background:var(--code-action);color:var(--code-text)}.code-actions button:disabled{cursor:wait;opacity:.65}.runnable-code textarea{display:block;width:100%;min-height:13rem;resize:vertical;padding:1rem;border:0;border-bottom:1px solid var(--code-border);outline-offset:-3px;background:var(--code-surface);color:var(--code-text);font:.9rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}.code-output{min-height:5rem;padding:.75rem 1rem 1rem}.code-output pre{margin:.35rem 0 0;padding:0;border:0;white-space:pre-wrap}.code-output p{margin:.35rem 0 0;color:var(--code-muted);font-size:.85rem}.code-output .execution-error{color:var(--code-error)}.previous-next{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border-muted)}.previous-next a{display:flex;flex-direction:column;text-decoration:none}.previous-next .next{align-items:flex-end;text-align:right}.previous-next small{color:var(--text-muted);text-transform:uppercase}@media(max-width:960px){.reader-grid{grid-template-columns:minmax(12rem,15rem) minmax(0,44rem)}.right-rail{display:none}}@media(max-width:700px){.study-status{display:none}.reader-grid{display:block;padding-top:1rem}.left-rail{position:static;max-height:none;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-muted)}.curriculum-sidebar section{display:none}.curriculum-home{margin:0}.page-intro h1,.lesson-header h1{font-size:2.5rem}}@media print{:root,[data-theme=dark],[data-theme=midnight]{color-scheme:light;--surface-page: #ffffff;--surface-raised: #ffffff;--surface-subtle: #f3f4f6;--text-primary: #111827;--text-secondary: #1f2937;--text-muted: #4b5563;--border-muted: #d1d5db;--code-surface: #f8fafc;--code-text: #111827}.site-header,.left-rail,.right-rail,.progress-control,.previous-next,.code-actions,.skip-link{display:none!important}body{background:#fff}.reader-grid{display:block;padding:0}.reading-column{max-width:none}.lesson-body pre,.static-code-block,.runnable-code,.runnable-code textarea{overflow:visible;white-space:pre-wrap;break-inside:avoid}.runnable-code textarea{min-height:0;resize:none;field-sizing:content}}