@layer reset,tokens,base,components,utilities;@layer tokens{:root{--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--2: .75rem;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.125rem;--step-2: clamp(1.25rem, 1.16rem + .36vw, 1.4rem);--step-3: clamp(1.5rem, 1.34rem + .64vw, 1.8rem);--step-4: clamp(1.85rem, 1.55rem + 1.2vw, 2.5rem);--step-5: clamp(2.25rem, 1.7rem + 2.2vw, 3.5rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-body: 1.6;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 2.5rem;--sp-8: 3.5rem;--sp-9: 5rem;--sp-10: 7rem;--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--measure: 68ch;--shell-max: 1180px;--shell-pad: clamp(1rem, .6rem + 1.8vw, 2rem);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .42s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--accent-h: 71;--accent-c: .125;--accent-l: .76;--accent: oklch(var(--accent-l) var(--accent-c) var(--accent-h));--accent-ink: oklch(.19 .02 var(--accent-h));--grain-opacity: .028;--bg: #14161a;--bg-grad-1: #171a1f;--bg-grad-2: #121317;--surface: #1c1f25;--surface-2: #22262d;--sunk: #101216;--ink: #e9e7e3;--ink-2: #c3c6cb;--muted: #959aa2;--rule: #2e323a;--rule-soft: #24272d;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 1px 2px rgb(0 0 0 / .35), 0 10px 30px rgb(0 0 0 / .28);--focus: oklch(.82 .13 var(--accent-h));color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--accent-l: .55;--accent-c: .115;--accent-ink: #ffffff;--bg: #f2f3f5;--bg-grad-1: #f6f7f9;--bg-grad-2: #eceef1;--surface: #ffffff;--surface-2: #f7f8fa;--sunk: #e9ebee;--ink: #1a1d22;--ink-2: #3c424b;--muted: #5f656e;--rule: #dfe2e6;--rule-soft: #e9ebee;--shadow-1: 0 1px 2px rgb(16 18 22 / .06);--shadow-2: 0 1px 2px rgb(16 18 22 / .05), 0 10px 30px rgb(16 18 22 / .06);--focus: oklch(.5 .13 var(--accent-h));--grain-opacity: .02;color-scheme:light}}:root[data-theme=light]{--accent-l: .55;--accent-c: .115;--accent-ink: #ffffff;--bg: #f2f3f5;--bg-grad-1: #f6f7f9;--bg-grad-2: #eceef1;--surface: #ffffff;--surface-2: #f7f8fa;--sunk: #e9ebee;--ink: #1a1d22;--ink-2: #3c424b;--muted: #5f656e;--rule: #dfe2e6;--rule-soft: #e9ebee;--shadow-1: 0 1px 2px rgb(16 18 22 / .06);--shadow-2: 0 1px 2px rgb(16 18 22 / .05), 0 10px 30px rgb(16 18 22 / .06);--focus: oklch(.5 .13 var(--accent-h));--grain-opacity: .02;color-scheme:light}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[class],ol[class]{list-style:none;padding:0}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}:target{scroll-margin-block-start:var(--sp-8)}}@layer base{html{scroll-behavior:smooth}body{min-height:100dvh;margin:0;background-color:var(--bg);background-image:linear-gradient(180deg,var(--bg-grad-1) 0%,var(--bg-grad-2) 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:var(--leading-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}p{text-wrap:pretty}a{color:var(--accent);text-decoration-color:color-mix(in oklab,var(--accent) 40%,transparent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-color:currentColor}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-xs)}::selection{background:color-mix(in oklab,var(--accent) 30%,transparent);color:var(--ink)}hr{border:0;border-top:1px solid var(--rule)}table{border-collapse:collapse}}@layer components{.skip-link{position:absolute;inset-inline-start:var(--sp-4);inset-block-start:var(--sp-4);z-index:100;padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--accent-ink);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--step--1);text-decoration:none;transform:translateY(calc(-100% - var(--sp-6)))}.skip-link:focus-visible{transform:none}.page-title{font-size:var(--step-4);margin-block-end:var(--sp-6)}.eyebrow{font-family:var(--font-mono);font-size:var(--step--2);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.rich a{color:var(--accent);text-decoration-color:color-mix(in oklab,var(--accent) 40%,transparent)}.rich a:hover{text-decoration-color:currentColor}.rich :is(p,ul,ol){margin-block:0 var(--sp-3)}.rich :is(p,ul,ol):last-child{margin-block-end:0}.prose{max-inline-size:var(--measure);color:var(--ink-2);display:flow-root}.prose :is(h2,h3,h4){color:var(--ink);margin-block:var(--sp-6) var(--sp-3)}.prose :is(p,ul,ol,blockquote,pre){margin-block:0 var(--sp-4)}.prose img{border-radius:var(--r-md);margin-block:var(--sp-4)}.prose pre{padding:var(--sp-4);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sunk);overflow-x:auto}.prose blockquote{padding-inline-start:var(--sp-4);border-inline-start:2px solid var(--accent);color:var(--muted)}.prose :is(h1,h2,h3){scroll-margin-block-start:var(--sp-8)}.prose figure{margin:var(--sp-5) 0}.prose figcaption{margin-block-start:var(--sp-2);color:var(--muted);font-size:var(--step--2);line-height:var(--leading-snug)}.prose pre.shiki{color:var(--shiki-light);background-color:var(--shiki-light-bg)}.prose pre.shiki span{color:var(--shiki-light)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .prose pre.shiki{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}:root:not([data-theme=light]) .prose pre.shiki span{color:var(--shiki-dark)}}:root[data-theme=dark] .prose pre.shiki{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}:root[data-theme=dark] .prose pre.shiki span{color:var(--shiki-dark)}.prose .math-display{margin:var(--sp-5) 0;overflow-x:auto;overscroll-behavior-x:contain}.prose .math-error{color:var(--muted);border-block-end:1px dashed currentColor}.prose blockquote{background:var(--surface);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--sp-3) var(--sp-4)}.prose :not(pre)>code{padding:.12em .35em;border:1px solid var(--rule);border-radius:var(--r-xs);background:var(--sunk)}.prose table{inline-size:100%;font-size:var(--step--1)}.prose :is(th,td){text-align:start;padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--rule-soft)}.scroll-x{overflow-x:auto;overscroll-behavior-x:contain}}@layer utilities{.measure{max-width:var(--measure)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tabular{font-variant-numeric:tabular-nums}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
