@font-face{font-family:Manrope;src:url(./manrope-latin-ext-DHIcAJRg.woff2) format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Space Mono;src:url(./space-mono-regular-DTLbW2xa.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(./space-mono-bold-B2s3bDs2.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color-scheme:light;--paper: #f3efe6;--paper-deep: #e7e0d3;--surface: #fffdf8;--surface-strong: #ffffff;--ink: #171716;--muted: #5f5a52;--faint: #777066;--line: #c9c1b4;--line-strong: #81796d;--blue: #1647e8;--blue-strong: #0e36bd;--blue-soft: #dfe6ff;--coral: #b62f20;--coral-soft: #ffdcd4;--yellow: #f2d36b;--code: #111319;--code-surface: #191c24;--code-ink: #f4f2eb;--note: #fff4bf;--note-ink: #4c3a00;--warning: #ffe0da;--warning-ink: #702117;--success: #d9f2df;--success-ink: #164d2d;--focus: #1647e8;--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-hard: 5px 5px 0 var(--ink);--shadow-dialog: 0 30px 100px rgb(15 13 10 / .35);--ease-out: cubic-bezier(.22, 1, .36, 1);--header-height: 72px;--content-max: 1320px;--reading-max: 760px;--z-header: 20;--z-progress: 21;--z-dialog: 100}[data-theme=dark]{color-scheme:dark;--paper: #11110f;--paper-deep: #191815;--surface: #1c1b18;--surface-strong: #23211e;--ink: #f5f0e7;--muted: #c2baad;--faint: #a79e91;--line: #464139;--line-strong: #777064;--blue: #87a1ff;--blue-strong: #adc0ff;--blue-soft: #202e60;--coral: #ff725f;--coral-soft: #562a25;--yellow: #e6c65d;--code: #090b0f;--code-surface: #12151c;--code-ink: #f5f2e9;--note: #423917;--note-ink: #fff0a6;--warning: #4d2520;--warning-ink: #ffd2c9;--success: #183b25;--success-ink: #bdeacb;--focus: #9bb0ff;--shadow-hard: 5px 5px 0 #000;--shadow-dialog: 0 30px 100px rgb(0 0 0 / .65)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:400 16px/1.72 var(--font-sans);text-rendering:optimizeLegibility}body.dialog-open{overflow:hidden}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:var(--blue-strong);text-decoration-thickness:.09em;text-underline-offset:.2em}img,svg{display:block;max-width:100%}::selection{color:var(--ink);background:var(--yellow)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;z-index:200;top:12px;left:12px;padding:10px 16px;color:#fff;background:#111;border-radius:var(--radius-sm);transform:translateY(-180%);transition:transform .18s var(--ease-out)}.skip-link:focus{transform:translateY(0)}.icon{width:21px;height:21px;flex:0 0 auto}.eyebrow{margin:0 0 12px;color:var(--blue-strong);font:700 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin-block-start:0;color:var(--ink);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(2.75rem,7vw,6.25rem)}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:clamp(1.25rem,2vw,1.6rem)}p,li{max-width:75ch}strong,b{font-weight:760}code{padding:.13em .36em;color:var(--blue-strong);background:var(--blue-soft);border-radius:4px;font:.84em/1.5 var(--font-mono);overflow-wrap:anywhere}.copy-fallback{position:fixed;left:-9999px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-header{position:sticky;z-index:var(--z-header);top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:var(--header-height);padding:10px clamp(16px,4vw,56px);background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.course-title{margin:0;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;gap:8px;align-items:center}.course-progress{position:sticky;z-index:var(--z-progress);top:var(--header-height);height:4px;background:var(--paper-deep)}.course-progress progress{display:block;width:100%;height:4px;border:0;appearance:none}.course-progress progress::-webkit-progress-bar{background:var(--paper-deep)}.course-progress progress::-webkit-progress-value{background:var(--coral)}.course-progress progress::-moz-progress-bar{background:var(--coral)}.gateway-page,.home-page,.lesson-page{width:min(100%,var(--content-max));margin:0 auto;padding-inline:clamp(20px,5vw,72px)}.gateway-page,.home-page{padding-block:clamp(56px,9vw,128px)}.gateway-hero{display:grid;align-content:center;min-height:min(690px,calc(100dvh - var(--header-height) - 80px));padding-bottom:clamp(72px,12vw,160px)}.gateway-hero h1{max-width:11ch;margin:0 0 32px}.gateway-hero h1 em{color:var(--coral);font-style:normal}.gateway-hero>p:not(.eyebrow){margin:0 0 32px;font-size:clamp(1.1rem,2vw,1.35rem)}.gateway-map,.learning-map{padding-top:clamp(64px,10vw,128px);border-top:2px solid var(--ink)}.gateway-map>h2,.learning-map h2{margin:0 0 48px}.home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(40px,8vw,112px);align-items:center;min-height:min(760px,calc(100dvh - var(--header-height)));padding-bottom:clamp(88px,13vw,168px)}.home-hero h1{max-width:12ch;margin-bottom:32px}.home-hero h1 b{color:var(--blue)}.home-hero p:not(.eyebrow){font-size:clamp(1rem,1.3vw,1.16rem)}.hero-poster{position:relative;display:grid;align-content:end;min-height:420px;padding:32px;overflow:hidden;color:#fff;background:var(--blue);border:2px solid var(--ink);box-shadow:var(--shadow-hard)}.hero-poster:before{position:absolute;inset:16px;content:"";border:1px solid rgb(255 255 255 / .45)}.hero-poster span{position:relative;width:max-content;padding:4px 8px;color:#171716;background:var(--yellow);font:700 13px/1.4 var(--font-mono)}.hero-poster span:nth-child(2){margin-left:26%;color:#fff;background:var(--coral)}.hero-poster span:nth-child(3){margin-left:9%;color:#fff;background:#171716}.hero-poster strong{position:absolute;top:26px;right:-17px;font:700 clamp(5rem,10vw,9rem)/1 var(--font-mono);letter-spacing:-.13em;transform:rotate(8deg)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.section-heading h2{margin:0}.section-heading>p{max-width:45ch;margin:0;color:var(--muted)}.lesson-page{padding-top:clamp(48px,8vw,104px);padding-bottom:clamp(72px,10vw,140px)}.lesson-masthead{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding-bottom:clamp(48px,8vw,96px);border-bottom:2px solid var(--ink)}.chapter-stamp{display:grid;width:clamp(88px,13vw,160px);aspect-ratio:1;place-items:center;color:#fff;background:var(--blue);border:2px solid var(--ink);box-shadow:var(--shadow-hard);font:700 clamp(2rem,6vw,5rem)/1 var(--font-mono)}.lesson-kicker{margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem)}.lesson-layout{display:grid;grid-template-columns:minmax(0,var(--reading-max)) minmax(180px,240px);gap:clamp(56px,8vw,112px);align-items:start;padding-top:clamp(56px,8vw,104px)}.lesson-content{min-width:0}.lesson-content>.crumb{margin:0 0 16px;color:var(--coral);font:700 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.lesson-content>h1{max-width:12ch;margin:0 0 48px;font-size:clamp(2.65rem,6vw,5.7rem)}.lesson-content h2{margin:72px 0 24px;font-size:clamp(1.8rem,4vw,3rem)}.lesson-content h3{margin:48px 0 18px}.lesson-content p,.lesson-content li{font-size:clamp(1rem,1.25vw,1.1rem)}.lesson-content ul,.lesson-content ol{padding-left:1.4em}.page-toc{position:sticky;top:calc(var(--header-height) + 40px);padding-left:20px;border-left:1px solid var(--line)}.page-toc>p{margin:0 0 16px;font:700 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.page-toc ol{margin:0;padding:0;list-style:none}.page-toc li{margin:0 0 12px;line-height:1.35}.page-toc li.h3{padding-left:12px}.page-toc a{color:var(--muted);font-size:13px;text-decoration:none}.page-toc a:hover,.page-toc a[aria-current=location]{color:var(--blue-strong)}.lesson-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(72px,11vw,144px);padding-top:32px;border-top:2px solid var(--ink)}.site-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;width:min(100% - 40px,var(--content-max));min-height:112px;margin:0 auto;color:var(--muted);border-top:1px solid var(--line);font-size:13px}.site-footer p{margin:0}.site-footer>span:first-child{color:var(--ink);font-weight:800}.site-footer i{margin-left:8px;color:var(--muted);font-style:normal}@media(max-width:960px){.course-title{display:none}.site-header{grid-template-columns:1fr auto}.page-toc{display:none}.lesson-layout{display:block}.home-hero{grid-template-columns:1fr}.hero-poster{width:min(100%,520px);min-height:330px}}@media(max-width:640px){:root{--header-height: 64px}.site-header{gap:8px;padding-inline:14px}.tool-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.header-actions{gap:4px}.gateway-page,.home-page,.lesson-page{padding-inline:20px}.gateway-hero{min-height:570px}.home-hero{min-height:0;padding-top:32px}.hero-poster{min-height:280px;padding:24px}.section-heading{display:block}.section-heading>p{margin-top:20px}.lesson-masthead{align-items:start}.chapter-stamp{width:80px}.lesson-content>h1{overflow-wrap:anywhere}.lesson-pager{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column;padding-block:32px}.site-footer p{display:none}}.wordmark{display:inline-flex;gap:10px;align-items:center;min-height:48px;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.045em;text-decoration:none}.wordmark>span:last-child>span{color:var(--blue)}.brand-mark{display:flex;width:38px;height:38px;align-items:center;justify-content:center;color:#fff;background:var(--ink);font:700 12px/1 var(--font-mono);letter-spacing:-.2em}.brand-mark i{color:var(--yellow);font-style:normal}.brand-mark b{color:var(--coral)}.tool-button,.icon-button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .12s var(--ease-out)}.tool-button{gap:8px;padding:0 12px;font-size:13px;font-weight:700}.icon-button{width:44px;padding:0}.tool-button:hover,.icon-button:hover{background:var(--surface);border-color:var(--line)}.tool-button:active,.icon-button:active{transform:scale(.96)}.primary-link{display:inline-flex;width:max-content;min-height:52px;padding:0 18px;gap:24px;align-items:center;color:#fff;background:var(--blue);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:750;text-decoration:none;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s ease}.primary-link:hover{background:var(--blue-strong)}.primary-link:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.course-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,64px)}.course-map-group h3{margin:0 0 14px;color:var(--muted);font:700 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.course-map-group>div{border-top:1px solid var(--line-strong)}.course-map-item{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;min-height:76px;padding:12px 8px;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none;transition:color .18s ease,padding .18s var(--ease-out),background-color .18s ease}.course-map-item:hover{padding-inline:14px;color:var(--blue-strong);background:var(--surface)}.course-map-item[aria-current=page]{color:var(--blue-strong);background:var(--blue-soft)}.course-map-item small{display:block;margin-bottom:3px;color:var(--muted);font:400 10px/1.3 var(--font-mono);text-transform:uppercase}.lesson-number{color:var(--coral);font:700 13px/1 var(--font-mono)}.course-map-item .icon{width:18px}.course-dialog{width:min(1120px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:clamp(24px,4vw,56px);color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow-dialog);overflow:auto;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .18s ease,transform .22s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}.course-dialog[open]{opacity:1;transform:translateY(0) scale(1)}.course-dialog::backdrop{background:#0c0a08ad;opacity:0;transition:opacity .18s ease,display .18s allow-discrete,overlay .18s allow-discrete;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.course-dialog[open]::backdrop{opacity:1}@starting-style{.course-dialog[open]{opacity:0;transform:translateY(18px) scale(.985)}.course-dialog[open]::backdrop{opacity:0}}.dialog-head{display:flex;justify-content:space-between;gap:32px;align-items:start;margin-bottom:32px}.dialog-head h2{max-width:14ch;margin:0;font-size:clamp(2rem,5vw,4.4rem)}.locale-switch{display:flex;width:max-content;margin:0 0 24px;border:1px solid var(--line-strong);font:700 11px/1.3 var(--font-mono)}.locale-switch>span{display:inline-flex;min-height:40px;padding:0 12px;gap:7px;align-items:center}.locale-switch>span[aria-current=true]{color:#fff;background:var(--ink)}.locale-switch>span[aria-disabled=true]{color:var(--muted)}.locale-switch small{font:inherit;opacity:.7}.course-search{display:block;margin-bottom:40px}.course-search>span:first-child{display:block;margin-bottom:8px;font:700 12px/1.4 var(--font-mono)}.search-field{display:flex;align-items:center;width:min(100%,620px);min-height:54px;padding:0 16px;color:var(--muted);background:var(--paper);border:1px solid var(--line-strong)}.search-field input{width:100%;min-height:52px;padding:0 0 0 12px;background:transparent;border:0;outline:0}.search-empty{padding:24px;background:var(--paper);border:1px solid var(--line)}.example,.note,.warn,.tip{margin:28px 0;padding:clamp(18px,3vw,28px);border:1px solid var(--line);background:var(--surface)}.example{border-top:5px solid var(--blue)}.example .ex-title{margin-bottom:16px;color:var(--ink);font-weight:760}.note{color:var(--note-ink);background:var(--note);border-color:color-mix(in srgb,var(--note-ink) 35%,transparent)}.warn{color:var(--warning-ink);background:var(--warning);border-color:color-mix(in srgb,var(--warning-ink) 35%,transparent)}.tip{color:var(--success-ink);background:var(--success);border-color:color-mix(in srgb,var(--success-ink) 35%,transparent)}.note p,.warn p,.tip p{color:inherit}.code-actions{display:flex;min-height:42px;margin:18px 0 0;padding:0 8px 0 16px;align-items:center;justify-content:space-between;color:#c8c6bf;background:var(--code-surface);border-bottom:1px solid #333743;font:400 11px/1 var(--font-mono);text-transform:uppercase}.code-actions+.code{margin-top:0}.code-actions button{display:inline-flex;min-height:36px;padding:0 8px;gap:7px;align-items:center;color:#f4f2eb;background:transparent;border:0;font:700 11px/1 var(--font-sans);text-transform:none}.code-actions .icon{width:16px;height:16px}.code{display:block;max-width:100%;margin:18px 0 0;padding:clamp(18px,3vw,28px);overflow:auto;color:var(--code-ink);background:var(--code);border:0;border-radius:0;font:400 13px/1.72 var(--font-mono);white-space:pre;tab-size:4}.code.sql{box-shadow:inset 4px 0 0 var(--coral)}.table-scroll{width:100%;overflow-x:auto}table.ref{width:100%;min-width:580px;margin:28px 0;border-collapse:collapse;background:var(--surface);font-size:14px}table.ref th,table.ref td{padding:13px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}table.ref th{color:var(--ink);background:var(--paper-deep);font-weight:750}.pager-link{display:flex;min-height:116px;padding:22px;flex-direction:column;justify-content:center;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);text-decoration:none;transition:background-color .18s ease,border-color .18s ease}.pager-link small{margin-bottom:8px;color:var(--coral);font:700 11px/1.3 var(--font-mono);text-transform:uppercase}.pager-link span{font-weight:750}.pager-link.next{position:relative;padding-right:64px}.pager-link.next .icon{position:absolute;top:50%;right:24px;transform:translateY(-50%)}.pager-link:hover{background:var(--blue-soft);border-color:var(--blue)}@media(max-width:720px){.course-map-grid{grid-template-columns:1fr}.course-dialog{width:100%;max-width:none;max-height:100dvh;height:100dvh;border:0}.dialog-head{position:sticky;z-index:2;top:calc(-1*clamp(24px,4vw,56px));padding-top:clamp(24px,4vw,56px);background:var(--surface)}.course-map-item{min-height:72px}.example{padding-inline:14px}.code{margin-inline:-14px;padding-inline:18px;font-size:12px}.code-actions{margin-inline:-14px}table.ref{font-size:13px}}@media(hover:none){.course-map-item:hover{padding-inline:8px}}@media(prefers-reduced-motion:reduce){.course-dialog,.course-dialog::backdrop{transform:none}}@media print{.site-header,.course-progress,.page-toc,.lesson-pager,.site-footer,.course-dialog,.code-actions{display:none!important}body{background:#fff;color:#000}.lesson-page{width:100%;padding:0}.lesson-layout{display:block;padding:0}.lesson-masthead{margin-bottom:32px}.lesson-content{max-width:none}.code{color:#000;background:#f3f3f3;white-space:pre-wrap}}