:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f5f0;--paper-deep:#ebebe6;--gray-0:#fff;--gray-25:#f7f8f9;--gray-50:#eef0f3;--gray-100:#dfe3e9;--gray-200:#c7ccd6;--gray-300:#a3aab8;--gray-400:#767f91;--gray-500:#545c6d;--gray-600:#3a4050;--gray-700:#272b37;--gray-800:#191c24;--gray-900:#101218;--gray-950:#08090c;--blue-50:#eef2fe;--blue-100:#dde6fd;--blue-200:#b8cbfb;--blue-300:#8aa4f8;--blue-400:#5c7cf4;--blue-500:#2f55f0;--blue-600:#2443c4;--blue-700:#1a359c;--blue-800:#16297a;--blue-900:#121f57;--amber-50:#fff4ea;--amber-100:#ffe1c2;--amber-200:#ffc385;--amber-300:#ffa04d;--amber-400:#ff7a1a;--amber-500:#e35f00;--amber-600:#b34900;--amber-700:#8a3800;--teal-100:#c9f3ea;--teal-300:#5fd9c4;--teal-500:#14b39c;--teal-700:#0b7568;--green-500:#2fd66b;--green-700:#0f7a3d;--green-100:#d3f7e0;--red-500:#ff4d4f;--red-700:#b42318;--red-100:#ffdbdb;--yellow-500:#d97706;--yellow-100:#fbeedd;--text-strong:#0b0b0a;--text-body:#1c1b19;--text-muted:#646464;--text-subtle:#6e6d66;--text-inverse:var(--gray-0);--text-link:var(--blue-500);--text-on-accent:#fff;--surface-page:var(--paper);--surface-card:var(--gray-0);--surface-sunken:var(--paper-deep);--surface-raised:var(--gray-0);--surface-inverse:var(--gray-950);--surface-hover:#edece6;--border-subtle:#e2e1da;--border-default:#d3d2c9;--border-strong:#b5b4ab;--border-focus:var(--blue-500);--brand:var(--blue-500);--brand-hover:var(--blue-600);--brand-active:var(--blue-700);--brand-subtle:var(--blue-50);--accent:var(--blue-500);--accent-hover:var(--blue-600);--accent-subtle:var(--blue-50);--figure-accent:var(--accent);--figure-structure:var(--gray-500);--figure-flow:var(--teal-700);--figure-alert:var(--red-700);--success:#16a34a;--success-ink:#15803d;--danger:#dc2626;--danger-ink:#b91c1c;--warning:#d97706;--warning-ink:#92400e;--success-subtle:#e3f2e6;--danger-subtle:#fdeaea;--warning-subtle:#fbeedd;--brand-fill:var(--blue-600);--info:var(--blue-500);--ring:0 0 0 3px color-mix(in srgb, var(--blue-500) 35%, transparent)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-strong:#f7f6f2;--text-body:#d6d5cf;--text-muted:#9d9c95;--text-subtle:#83827b;--text-inverse:var(--gray-950);--text-link:var(--blue-300);--surface-page:#131311;--surface-card:#1b1b19;--surface-sunken:#0d0d0c;--surface-raised:#232320;--surface-inverse:#f5f5f0;--surface-hover:#232320;--border-subtle:#2c2c29;--border-default:#3a3a36;--border-strong:#55544e;--border-focus:var(--blue-300);--brand:var(--blue-300);--brand-hover:var(--blue-200);--brand-active:var(--blue-100);--brand-subtle:var(--blue-900);--accent:var(--blue-300);--accent-hover:var(--blue-200);--accent-subtle:var(--blue-900);--figure-accent:var(--accent);--figure-structure:var(--gray-300);--figure-flow:var(--teal-300);--figure-alert:var(--red-500);--success:#4ade80;--success-ink:#4ade80;--danger:#f87171;--danger-ink:#f87171;--warning:#fbbf24;--warning-ink:#fbbf24;--success-subtle:#0d2416;--danger-subtle:#2b1110;--warning-subtle:#2b2008;--brand-fill:var(--blue-500);--info:var(--blue-300);--ring:0 0 0 3px color-mix(in srgb, var(--blue-300) 40%, transparent)}
@font-face{font-family:Cousine Nerd Font Mono;src:url(/fonts/cousine-nerd/CousineNerdFontMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cousine Nerd Font Mono;src:url(/fonts/cousine-nerd/CousineNerdFontMono-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Cousine Nerd Font Mono;src:url(/fonts/cousine-nerd/CousineNerdFontMono-Bold.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Libertinus Serif;src:url(/fonts/libertinus-serif/LibertinusSerif-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libertinus Serif;src:url(/fonts/libertinus-serif/LibertinusSerif-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Libertinus Serif;src:url(/fonts/libertinus-serif/LibertinusSerif-Semibold.woff2)format("woff2");font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:Libertinus Serif;src:url(/fonts/libertinus-serif/LibertinusSerif-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Libertinus Serif;src:url(/fonts/libertinus-serif/LibertinusSerif-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--font-cousine:"Cousine Nerd Font Mono", "Cousine", ui-monospace, "SF Mono", Menlo, monospace;--font-libertinus:"Libertinus Serif", "STIX Two Text", Cambria, Georgia, serif;--font-mono:var(--font-cousine);--font-label:var(--font-cousine);--font-display:var(--font-cousine);--font-data:var(--font-cousine);--font-serif:var(--font-libertinus);--font-body:var(--font-libertinus);--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:2.875rem;--text-5xl:3.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.01em;--tracking-snug:-.005em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-caps:.08em;--tracking-panel:.12em;--display-font:var(--font-display);--display-weight:var(--weight-semibold);--display-tracking:var(--tracking-tight);--heading-font:var(--font-display);--heading-weight:var(--weight-semibold);--body-font:var(--font-body);--body-weight:var(--weight-regular);--body-leading:var(--leading-relaxed);--label-font:var(--font-label);--label-weight:var(--weight-medium);--eyebrow-font:var(--font-mono);--eyebrow-weight:var(--weight-medium);--eyebrow-tracking:var(--tracking-panel);--eyebrow-size:var(--text-xs);--code-font:var(--font-mono);--data-font:var(--font-data)}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:6rem;--space-11:8rem;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:9px;--radius-xl:14px;--radius-2xl:20px;--radius-pill:999px;--radius-card:var(--radius-lg);--border-hairline:1px;--border-thick:1.5px;--shadow-xs:0 1px 2px #02030452;--shadow-sm:0 1px 3px #02030466, 0 1px 2px #02030447;--shadow-md:0 4px 14px -2px #02030475, 0 2px 7px -2px #0203044d;--shadow-lg:0 14px 32px -10px #02030485, 0 4px 12px -4px #02030457;--shadow-xl:0 30px 60px -18px #02030499;--shadow-inset:inset 0 1px 2px #02030466;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.5, 0, .15, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--transition-base:all var(--duration-base) var(--ease-out);--container-sm:640px;--container-md:840px;--container-lg:1080px;--container-xl:1280px;--container-2xl:1440px;--measure-readable:800px;--gutter:var(--space-5);--section-y:var(--space-10);--header-height:64px}
.lamp{background:var(--lamp-color,var(--brand));border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.cta-primary{transition:filter var(--duration-fast) var(--ease-out)}.cta-primary:hover{filter:brightness(1.08)}.cta-primary:active{filter:brightness(.95);transition-duration:60ms}.toggle-switch{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--border-default);cursor:pointer;flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch-knob{background:var(--surface-raised);border:1px solid var(--border-strong);width:18px;height:18px;transition:transform var(--duration-base) var(--ease-snap), background var(--duration-base) var(--ease-out);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:2px}.toggle-switch[data-on=true] .toggle-switch-knob{background:var(--accent-subtle);color:var(--accent);transform:translate(20px)}.tube-readout{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);color:var(--text-strong)}@media (prefers-reduced-motion:reduce){.cta-primary,.toggle-switch-knob{transition:none}}.path-pipeline{align-items:stretch;gap:0;display:flex}@media (min-width:721px){.path-pipeline{overscroll-behavior-x:contain;scroll-snap-type:x proximity;margin:-2px -2px 0;padding:2px 2px 10px;scroll-padding-left:4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 94%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 94%,#0000 100%)}}.path-node{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);scroll-snap-align:start;width:156px;transition:border-color var(--duration-base) var(--ease-out);flex-direction:column;flex:none;align-items:flex-start;gap:4px;padding:16px 16px 18px;text-decoration:none;display:flex}.path-node:hover,.path-node:focus-visible{border-color:var(--border-strong)}.path-node-glyph{margin-bottom:4px;display:block}.path-node-step{font-family:var(--font-mono);letter-spacing:var(--tracking-panel);color:var(--text-subtle);font-size:10px}.path-node-title{font-family:var(--font-display);color:var(--text-strong);font-size:14px;font-weight:600;line-height:1.3}@media (min-width:721px){.path-node-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36.4px;display:-webkit-box;overflow:hidden}}.path-node-meta{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:11px}.path-connector{background:repeating-linear-gradient(90deg, var(--border-strong) 0 4px, transparent 4px 8px);flex:0 0 24px;align-self:center;height:1px}@media (max-width:720px){.path-pipeline{flex-direction:column}.path-node{width:auto}.path-connector{background:repeating-linear-gradient(180deg, var(--border-strong) 0 4px, transparent 4px 8px);flex-basis:20px;width:1px;height:20px;margin-left:32px}}.lesson-row{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:16px;padding:14px;text-decoration:none;display:flex}.lesson-row:first-child{border-top:1px solid var(--border-subtle)}.lesson-row:hover,.lesson-row:focus-visible{background:var(--surface-hover)}.lesson-row:hover .lesson-row-num,.lesson-row:focus-visible .lesson-row-num{color:var(--brand)}.lesson-row-num{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-subtle);width:38px;transition:color var(--duration-fast) var(--ease-out);flex-shrink:0;font-size:12px}.guided-eyebrow{font-family:var(--font-label);letter-spacing:var(--tracking-panel);text-transform:uppercase;color:var(--text-subtle);font-size:11px}.guided-facts{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;display:flex}.guided-board{flex-direction:column;display:flex}.guided-next{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 18px;display:flex}.guided-next-title{font-family:var(--font-display);color:var(--text-strong);margin-top:4px;font-size:16px;font-weight:600;line-height:1.3}.guided-next-meta{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-muted);margin-top:6px;font-size:11.5px}.guided-next-note{font-family:var(--font-serif);color:var(--text-subtle);margin-top:6px;font-size:12.5px;line-height:1.5}.guided-next-cta{font-family:var(--font-label);letter-spacing:.02em;color:#fff;background:var(--brand-fill);border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.guided-readout{font-family:var(--font-label);letter-spacing:var(--tracking-panel);text-transform:uppercase;color:var(--text-subtle);justify-content:space-between;align-items:baseline;gap:12px;margin:26px 0 8px;font-size:11px;display:flex}.guided-bar{border-radius:var(--radius-sm);background:var(--surface-sunken);gap:3px;padding:4px;display:flex}.guided-bar-seg{background:var(--border-subtle);height:7px;transition:background var(--duration-base) var(--ease-out);border-radius:1px;flex:1}.guided-bar-seg[data-state=done]{background:var(--brand)}.guided-bar-seg[data-state=next]{background:color-mix(in srgb, var(--brand) 40%, transparent)}.guided-bar-seg[data-state=forthcoming]{background:color-mix(in srgb, var(--border-subtle) 45%, transparent)}.guided-steps{margin:22px 0 0;padding:0;list-style:none}.guided-step{align-items:stretch;gap:14px;display:flex}.guided-step-rail{flex-direction:column;flex-shrink:0;align-items:center;width:28px;padding-top:14px;display:flex}.guided-step-num{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);width:28px;height:28px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.guided-step-trace{background:repeating-linear-gradient(180deg, var(--border-strong) 0 4px, transparent 4px 8px);flex:1;width:1px;margin:6px 0 0}.guided-step:last-child .guided-step-trace{background:linear-gradient(180deg, var(--border-strong), transparent);opacity:.4}.guided-step-surface{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:0;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex:1;margin-bottom:8px;padding:14px 16px;text-decoration:none;display:block}a.guided-step-surface:hover,a.guided-step-surface:focus-visible{border-color:var(--border-strong);background:var(--surface-hover)}.guided-step-head{align-items:baseline;gap:12px;display:flex}.guided-step-title{font-family:var(--font-display);color:var(--text-strong);font-size:14px;font-weight:600;line-height:1.35}.guided-step-time{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-subtle);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.guided-step-outcome{font-family:var(--font-serif);color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.guided-step-meta{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:10.5px;display:flex}.guided-step-course{color:var(--text-subtle)}.guided-step-pill{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;margin-left:auto;padding:3px 9px;font-size:10px}.guided-step-pill[data-status=done]{color:var(--success-ink);border-color:color-mix(in srgb, var(--success) 45%, transparent);background:var(--success-subtle)}.guided-step-pill[data-status=next]{color:var(--brand);border-color:color-mix(in srgb, var(--brand) 50%, transparent);background:var(--brand-subtle)}.guided-step-pill[data-status=forthcoming]{color:var(--text-subtle);background:0 0;border-style:dashed}.guided-step[data-state=done] .guided-step-num{color:var(--success-ink);border-color:color-mix(in srgb, var(--success) 55%, transparent)}.guided-step[data-state=done] .guided-step-title{color:var(--text-muted)}.guided-step[data-state=next] .guided-step-num{color:var(--brand);border-color:var(--brand)}.guided-step[data-state=next] .guided-step-surface{border-color:var(--border-strong)}.guided-step[data-state=forthcoming] .guided-step-surface{background:var(--surface-sunken);border-style:dashed}.guided-step[data-state=forthcoming] .guided-step-title{color:var(--text-muted)}.guided-step[data-state=forthcoming] .guided-step-num{color:var(--text-subtle);background:0 0;border-style:dashed}.guided-callout{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken);font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-muted);transition:border-color var(--duration-fast) var(--ease-out);flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding:11px 14px;font-size:11.5px;text-decoration:none;display:flex}a.guided-callout:hover,a.guided-callout:focus-visible{border-color:var(--border-strong)}.guided-callout-steps{color:var(--text-subtle)}@media (max-width:640px){.guided-step{gap:10px}.guided-step-surface{padding:12px 13px}.guided-step-head{flex-wrap:wrap;gap:2px 12px}.guided-step-time{margin-left:0}}@media (prefers-reduced-motion:reduce){.guided-step-surface,a.guided-step-surface:hover,a.guided-step-surface:focus-visible,.guided-bar-seg{transition:none}}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--border-focus,var(--brand));outline-offset:2px;border-radius:3px}.skip-link{z-index:400;background:var(--surface-card);color:var(--text-strong);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);transition:transform var(--duration-fast) var(--ease-out);padding:10px 16px;font-size:14px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);min-height:100vh;line-height:var(--leading-relaxed);margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.katex-display{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:1.5em 0;padding:1.25em 1.5em;overflow:auto hidden}.katex-display>.katex{max-width:100%}.hljs{color:var(--gray-100);background:0 0}.hljs-keyword,.hljs-built_in{color:var(--amber-300)}.hljs-string,.hljs-literal{color:var(--teal-300)}.hljs-number{color:var(--blue-200)}.hljs-comment{color:var(--gray-400);font-style:italic}.hljs-function,.hljs-title,.hljs-class,.hljs-type{color:var(--blue-300)}.hljs-variable,.hljs-name{color:var(--gray-100)}.hljs-attr{color:var(--amber-200)}.hljs-selector-tag{color:var(--amber-300)}@media (max-width:640px){.pad-x{padding-left:20px!important;padding-right:20px!important}}@media (max-width:600px){.site-header{gap:14px!important;padding-left:16px!important;padding-right:16px!important}.site-header-divider,.site-header-nav{display:none!important}}@media (max-width:720px){.search-trigger-label,.search-trigger-kbd{display:none}.search-trigger{padding:0 10px!important}}.codeblock{margin-bottom:1.5em}.codeblock-bar{background:var(--gray-900);border:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;align-items:center;gap:10px;padding:7px 14px;display:flex}.codeblock-lang{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);font-size:10.5px}.codeblock-copy{font-family:var(--font-mono);letter-spacing:.04em;color:var(--gray-400);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);margin-left:auto;padding:3px 10px;font-size:11px}.codeblock-copy:hover{color:var(--gray-100);border-color:var(--gray-600)}.codeblock-copy:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@keyframes live-pulse-dot{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 45%, transparent)}50%{box-shadow:0 0 0 5px #0000}}.live-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.2s ease-in-out infinite live-pulse-dot}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.heading-linked .anchor-link{color:var(--text-subtle);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast);margin-left:.4em;font-weight:400;text-decoration:none}.heading-linked:hover .anchor-link,.heading-linked:focus-within .anchor-link{opacity:1}.anchor-link:hover{color:var(--brand)}.anchor-link:focus-visible{opacity:1;outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-xs)}.lesson-nav-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px;transition:border-color .12s}.lesson-nav-card:hover{border-color:var(--border-strong)}.lesson-nav-card-next{text-align:right}.lesson-nav-card-next:hover{border-color:var(--brand)}.reading-progress{top:var(--header-height);z-index:90;pointer-events:none;height:3px;position:fixed;left:0;right:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reading-progress-fill{background:var(--brand);transform-origin:0;will-change:transform;width:100%;height:100%;transform:scaleX(0)}.lesson-shell{min-height:calc(100vh - var(--header-height));display:flex}.lesson-sidebar{background:var(--surface-card);border-right:1px solid var(--border-subtle);width:280px;height:calc(100vh - var(--header-height));top:var(--header-height);z-index:1;flex-direction:column;flex-shrink:0;display:flex;position:sticky;overflow-y:auto}.lesson-mobilebar,.lesson-overlay{display:none}.lesson-head{padding:32px 48px 28px}.lesson-body{align-items:flex-start;gap:44px;padding:40px 48px 60px;display:flex}.lesson-article{min-width:0;max-width:var(--measure-readable);flex:0 100%;margin-inline:auto}.lesson-head>*{max-width:var(--measure-readable);margin-inline:auto}@media (min-width:1280px){.lesson-shell{justify-content:center}.lesson-shell>main{flex:0 auto;width:1140px}.lesson-article{flex:0 800px;margin-inline:0}.lesson-head>*{margin-inline:0}}.figure-art{display:block}.lesson-article{--figure-accent:var(--accent)}.figure-art svg{max-width:min(100%,640px);height:auto;margin:0 auto;display:block}.figure-caption{font-family:var(--font-serif);color:var(--text-muted);margin-top:10px;font-size:.85rem;font-style:italic;line-height:1.5}.lesson-toc{display:none}@media (min-width:1280px){.lesson-toc{flex-shrink:0;width:200px;max-height:calc(100vh - 160px);display:block;position:sticky;top:88px;overflow-y:auto}}@media (max-width:1023px){.lesson-shell{display:block}.lesson-sidebar{width:min(84vw,320px);height:100dvh;transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-xl);z-index:200;position:fixed;top:0;left:0;transform:translate(-100%)}.lesson-sidebar[data-open=true]{transform:translate(0)}.lesson-overlay[data-open=true]{background:color-mix(in srgb, var(--gray-950) 62%, transparent);z-index:150;animation:fadeUp var(--duration-fast) var(--ease-out) both;display:block;position:fixed;inset:0}.lesson-mobilebar{top:var(--header-height);z-index:80;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky}.lesson-drawer-close{display:inline-flex!important}.lesson-head{padding:24px 20px 20px}.lesson-body{padding:28px 20px 56px}}@media (max-width:600px){.lesson-head{padding:20px 16px 18px}.lesson-body{padding:22px 16px 48px}}@media (prefers-reduced-motion:reduce){.lesson-sidebar{transition:none}.lesson-overlay[data-open=true]{animation:none}}@keyframes pyodide-sweep{0%{transform:translate(-100%)}to{transform:translate(500%)}}.pyodide-progress-bar{background:var(--brand);border-radius:2px;width:20%;height:100%;animation:1.4s ease-in-out infinite pyodide-sweep}.guide-trigger{z-index:120;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);height:40px;box-shadow:var(--shadow-xl);color:var(--text-body);font-family:var(--font-label);letter-spacing:var(--tracking-panel);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:8px;padding:0 14px;font-size:13px;display:inline-flex;position:fixed;bottom:20px;left:auto;right:max(50vw - 662px,48px)}.guide-trigger:hover{background:var(--surface-card)}.guide-overlay[data-open=true]{z-index:150;background:color-mix(in srgb, var(--gray-950) 62%, transparent);position:fixed;inset:0}.guide-panel{z-index:200;background:var(--surface-card);border-left:1px solid var(--border-default);width:min(92vw,420px);height:100dvh;box-shadow:var(--shadow-xl);transition:transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;left:auto;right:0;transform:translate(100%)}.guide-panel[data-open=true]{transform:translate(0)}.guide-panel-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:14px 16px;display:flex}.guide-panel-body{flex:1;padding:12px;overflow-y:auto}.guide-because{border-left:2px solid var(--border-default);padding-left:12px}.guide-because[data-kind=prerequisite]{border-left-color:var(--brand)}.guide-chip{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-body);font-family:var(--font-label);cursor:pointer;align-items:center;gap:6px;margin:4px 4px 0 0;padding:4px 10px;font-size:12px;display:inline-flex}@media (max-width:1279px){.guide-trigger{right:20px}}@media (max-width:600px){.guide-trigger{bottom:12px;left:auto;right:12px}.guide-panel{width:100vw}}@media (prefers-reduced-motion:reduce){.guide-panel,.guide-trigger{transition:none}}