:root{--serif: var(--font-newsreader), "Georgia", "Times New Roman", serif;--label: var(--font-space-grotesk), system-ui, sans-serif;--mono: var(--font-jetbrains-mono), ui-monospace, monospace;--paper: #f3eadd;--paper-2: #fbf5ea;--paper-3: #ece0cf;--ink: #2a2018;--ink-soft: #4a3d2e;--muted: #7c6a54;--faint: #a89a82;--line: #e0d3bd;--line-2: #d2c3a8;--terracotta-50: #fef1e8;--terracotta-100: #fddfd1;--terracotta-200: #f7bfa9;--terracotta-300: #e89476;--terracotta-400: #d06946;--terracotta-500: #b5451e;--terracotta-600: #a53d14;--terracotta-700: #97380f;--terracotta-800: #762c0b;--terracotta-900: #552008;--forest-50: #eff4eb;--forest-100: #dfe8d7;--forest-200: #bfd2b1;--forest-300: #99b388;--forest-400: #738f61;--forest-500: #4f6b3c;--forest-600: #425b31;--forest-700: #364d28;--forest-800: #283a1e;--forest-900: #1b2814;--code-bg: #241b11;--code-bar: #1c150d;--code-text: #e7dcc6;--code-text-dim: #cdbfa6;--code-fname: #b6a98f;--code-amber: #e7b65f;--code-amber-strong: #f0c574;--term-out-bg: #1a130b;--term-ok: #aac885;--term-err: #ef8f6b;--term-warn: #e7b65f;--term-muted: #8e8068;--term-cmd: #f0e6d2;--term-cyan: #7fc4d4;--syntax-comment: #8e8068;--syntax-keyword: #e6a3c4;--syntax-function: #e7b65f;--syntax-string: #aac885;--syntax-number: #e2b15e;--syntax-punctuation: #cdbfa6;--dot-red: #e06c5b;--dot-yellow: var(--code-amber);--dot-green: #9cc06f;--code-border: rgb(0 0 0 / 13%);--code-hairline: rgb(255 255 255 / 6%);--code-divider: rgb(255 255 255 / 13%);--code-divider-strong: rgb(255 255 255 / 27%);--code-fg-bright: #fff;--primary: var(--terracotta-500);--primary-strong: var(--terracotta-700);--primary-soft: var(--terracotta-50);--primary-border: var(--terracotta-200);--secondary: var(--forest-500);--secondary-strong: var(--forest-700);--secondary-soft: var(--forest-50);--text-heading: var(--ink);--text-body: var(--ink);--text-soft: var(--ink-soft);--text-muted: var(--muted);--text-faint: var(--faint);--text-link: var(--primary);--text-link-hover: var(--primary-strong);--text-on-primary: var(--paper-2);--surface: var(--paper);--surface-raised: var(--paper-2);--surface-sunken: var(--paper-3);--surface-invert: var(--ink);--text-on-invert: var(--paper-2);--border: var(--line);--border-strong: var(--line-2);--topic-ts: #2f5fae;--topic-docker: #1f6f9e;--topic-node: var(--secondary);--base-unit: .5rem;--space-50: calc(var(--base-unit) * .5);--space-100: var(--base-unit);--space-150: calc(var(--base-unit) * 1.5);--space-200: calc(var(--base-unit) * 2);--space-250: calc(var(--base-unit) * 2.5);--space-300: calc(var(--base-unit) * 3);--space-400: calc(var(--base-unit) * 4);--space-500: calc(var(--base-unit) * 5);--space-600: calc(var(--base-unit) * 6);--space-700: calc(var(--base-unit) * 7);--space-800: calc(var(--base-unit) * 8);--space-1000: calc(var(--base-unit) * 10);--radius-50: calc(var(--base-unit) * .5);--radius-100: var(--base-unit);--radius-150: calc(var(--base-unit) * 1.5);--radius-200: calc(var(--base-unit) * 2);--radius-pill: 100px;--radius-full: 50%;--duration-fast: .12s;--duration-normal: .15s;--duration-slow: .25s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--shadow-hsl: 30deg 25% 18%;--shadow-sm: 0 1px 1px hsl(var(--shadow-hsl) / 6%), 0 2px 2px hsl(var(--shadow-hsl) / 6%);--shadow: 0 1px 1px hsl(var(--shadow-hsl) / 4%), 0 2px 3px hsl(var(--shadow-hsl) / 5%), 0 6px 10px -4px hsl(var(--shadow-hsl) / 7%);--shadow-md: 0 1px 1px hsl(var(--shadow-hsl) / 4%), 0 3px 5px hsl(var(--shadow-hsl) / 6%), 0 8px 14px -4px hsl(var(--shadow-hsl) / 9%), 0 16px 28px -8px hsl(var(--shadow-hsl) / 10%);--shadow-lg: 0 2px 3px hsl(var(--shadow-hsl) / 5%), 0 6px 10px -2px hsl(var(--shadow-hsl) / 8%), 0 14px 24px -6px hsl(var(--shadow-hsl) / 10%), 0 26px 44px -12px hsl(var(--shadow-hsl) / 12%);--wrap: 1120px;--read: 720px}@supports (color: oklch(0% 0 0)){:root{--paper: oklch(94.1% .02 77.3deg);--paper-2: oklch(97.2% .016 82.8deg);--paper-3: oklch(91.2% .026 76.8deg);--ink: oklch(25.3% .021 60.3deg);--ink-soft: oklch(36.9% .03 70.7deg);--muted: oklch(53.5% .04 72.4deg);--faint: oklch(69.2% .038 81.2deg);--line: oklch(87.2% .033 81deg);--line-2: oklch(82.2% .04 82.3deg);--terracotta-50: oklch(96.5% .018 55deg);--terracotta-100: oklch(92.5% .038 48deg);--terracotta-200: oklch(85% .072 43deg);--terracotta-300: oklch(74.5% .11 40.5deg);--terracotta-400: oklch(63.5% .14 39deg);--terracotta-500: oklch(53.8% .154 38.3deg);--terracotta-600: oklch(50% .146 39.5deg);--terracotta-700: oklch(47% .137 40.3deg);--terracotta-800: oklch(39.5% .112 41deg);--terracotta-900: oklch(32% .086 42deg);--forest-50: oklch(96% .012 130deg);--forest-100: oklch(92% .026 131deg);--forest-200: oklch(84% .05 132deg);--forest-300: oklch(73.5% .066 133deg);--forest-400: oklch(61.5% .074 133.5deg);--forest-500: oklch(49.3% .078 133.6deg);--forest-600: oklch(44% .072 134deg);--forest-700: oklch(39% .064 134.5deg);--forest-800: oklch(32.5% .052 135deg);--forest-900: oklch(26% .04 135.5deg);--code-bg: oklch(23% .023 69.2deg);--code-bar: oklch(20.2% .019 70.2deg);--code-text: oklch(89.7% .032 84.6deg);--code-text-dim: oklch(81% .038 82.1deg);--code-fname: oklch(73.9% .039 84.6deg);--code-amber: oklch(80.3% .119 80.1deg);--code-amber-strong: oklch(84.4% .111 82.1deg);--term-out-bg: oklch(19.3% .019 70.1deg);--term-ok: oklch(79.4% .096 128deg);--term-err: oklch(74.3% .127 41.1deg);--term-warn: oklch(80.3% .119 80.1deg);--term-muted: oklch(60.6% .039 81.1deg);--term-cmd: oklch(92.8% .029 84.6deg);--term-cyan: oklch(78% .073 214deg);--syntax-comment: oklch(60.6% .039 81.1deg);--syntax-keyword: oklch(78.9% .089 348.3deg);--syntax-function: oklch(80.3% .119 80.1deg);--syntax-string: oklch(79.4% .096 128deg);--syntax-number: oklch(78.8% .116 78.9deg);--syntax-punctuation: oklch(81% .038 82.1deg);--dot-red: oklch(66.6% .148 30deg);--dot-green: oklch(76.2% .115 128.4deg);--topic-ts: oklch(49.5% .137 259.9deg);--topic-docker: oklch(51.7% .105 239.9deg)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text-body);font-family:var(--serif);font-size:18px;line-height:1.6;font-optical-sizing:auto}::selection{background:color-mix(in oklab,var(--primary) 18%,transparent)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 88% -6%,color-mix(in oklab,var(--primary) 5%,transparent),transparent 60%),radial-gradient(700px 500px at 0% 100%,color-mix(in oklab,var(--secondary) 5%,transparent),transparent 55%)}.page{position:relative;z-index:1}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--space-400)}.label{font-family:var(--label)}.mono{font-family:var(--mono)}.kicker{font-family:var(--label);text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600;color:var(--primary)}.rule{height:1px;background:var(--border);border:0;margin:0}.brand{font-family:var(--label);font-weight:700;font-size:21px;letter-spacing:-.02em;display:inline-flex;align-items:baseline}.brand .dot{color:var(--primary)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface-raised);display:grid;place-items:center;cursor:pointer;color:var(--text-soft)}.icon-btn:hover{border-color:var(--text-body);color:var(--text-body)}.btn{font-family:var(--label);font-size:14px;font-weight:600;padding:var(--space-150) var(--space-200);border-radius:var(--radius-100);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-100);transition:transform var(--duration-fast) var(--ease),background var(--duration-normal) var(--ease),box-shadow var(--duration-normal) var(--ease),border-color var(--duration-normal) var(--ease);background:none;color:var(--text-body);line-height:1;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-strong)}.btn-ghost{border-color:var(--border-strong);color:var(--text-body);background:var(--surface-raised)}.btn-ghost:hover{border-color:var(--text-body)}.btn-text{padding:0;color:var(--text-link)}.btn-text:hover{color:var(--text-link-hover)}.btn .arr{transition:transform var(--duration-normal) var(--ease)}.btn:hover .arr{transform:translate(3px)}.tag{font-family:var(--label);font-size:11.5px;font-weight:500;padding:var(--space-50) var(--space-150);border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-muted);background:var(--surface-raised);white-space:nowrap;transition:color var(--duration-normal) var(--ease),border-color var(--duration-normal) var(--ease)}a.tag:hover{color:var(--text-link);border-color:var(--text-link)}.tag.is-ts{color:var(--topic-ts)}.tag.is-docker{color:var(--topic-docker)}.tag.is-node{color:var(--topic-node)}.ph{background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--primary) 5%,transparent) 0 var(--space-150),transparent var(--space-150) var(--space-300)),linear-gradient(135deg,var(--surface-sunken),var(--border-strong));display:grid;place-items:center}.ph.r-16-8{aspect-ratio:16 / 8}.ph.r-16-9{aspect-ratio:16 / 9}.ph.r-21-9{aspect-ratio:21 / 9}.ph.r-4-3{aspect-ratio:4 / 3}.ph.r-1-1{aspect-ratio:1 / 1}.dot-r{background:var(--dot-red)}.dot-y{background:var(--dot-yellow)}.dot-g{background:var(--dot-green)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(10px) saturate(1.1);border-bottom:1px solid var(--border)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:66px}.nav{display:flex;align-items:center;gap:var(--space-300)}.nav a{font-family:var(--label);font-size:14px;color:var(--text-soft);transition:color var(--duration-normal) var(--ease)}.nav a:hover,.nav a.active{color:var(--primary)}.nav .sep{width:1px;height:18px;background:var(--border-strong)}.section{padding:var(--space-800) 0}.section.alt{background:var(--surface-sunken);border-block:1px solid var(--border)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-300);margin-bottom:var(--space-400)}.sec-head h2{font-weight:500;font-size:32px;letter-spacing:-.01em;margin:var(--space-100) 0 0}.sec-head .desc{color:var(--text-muted);font-size:16px;margin-top:var(--space-50);max-width:46ch}.site-footer{border-top:1px solid var(--border);margin-top:var(--space-250);padding:var(--space-700) 0 var(--space-500)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-400)}.foot-grid h4{font-family:var(--label);font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0 0 var(--space-200);font-weight:600}.foot-grid a{display:block;font-family:var(--label);font-size:14px;color:var(--text-soft);padding:var(--space-50) 0}.foot-grid a:hover{color:var(--primary)}.foot-brand .blurb{color:var(--text-muted);font-size:15px;max-width:32ch;margin:var(--space-150) 0 0}.foot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-600);padding-top:var(--space-300);border-top:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--text-faint)}@media(width<=900px){.nav .hide-sm{display:none}.foot-grid{grid-template-columns:1fr 1fr;gap:var(--space-400)}}