@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/build/assets/playfair-display-latin-wght-normal-BOwq7MWX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/build/assets/playfair-display-latin-ext-wght-normal-CT1r92Rl.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/build/assets/playfair-display-latin-wght-italic-DmbndNpe.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/build/assets/playfair-display-latin-ext-wght-italic-ze_cPdSg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/build/assets/inter-tight-latin-wght-italic-DiXukCDG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/build/assets/inter-tight-latin-ext-wght-italic-DYqsmiDd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/build/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/build/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--code-bg:color-mix(in oklab, var(--paper-deep) 80%, white);--code-ink:#4c4f69;--hl-keyword:#8839ef;--hl-property:#1e66f5;--hl-type:#df8e1d;--hl-generic:#d20f39;--hl-value:#40a02b;--hl-number:#fe640b;--hl-comment:#9ca0b0}@media (prefers-color-scheme:dark){:root[data-theme=system],:root:not([data-theme]){--code-bg:#141412;--code-ink:#d6d4cc;--hl-keyword:#ca9ee6;--hl-property:#8caaee;--hl-type:#e5c890;--hl-generic:#e78284;--hl-value:#a6d189;--hl-number:#ef9f76;--hl-comment:#7b7a72}}:root[data-theme=dark]{--code-bg:#141412;--code-ink:#d6d4cc;--hl-keyword:#ca9ee6;--hl-property:#8caaee;--hl-type:#e5c890;--hl-generic:#e78284;--hl-value:#a6d189;--hl-number:#ef9f76;--hl-comment:#7b7a72}pre,pre code{color:var(--code-ink);background-color:var(--code-bg)}.hl-keyword{color:var(--hl-keyword)}.hl-property{color:var(--hl-property)}.hl-attribute{font-style:italic}.hl-type{color:var(--hl-type)}.hl-generic{color:var(--hl-generic)}.hl-value,.hl-literal{color:var(--hl-value)}.hl-number{color:var(--hl-number)}.hl-variable{color:var(--code-ink)}.hl-comment{color:var(--hl-comment)}.hl-blur{filter:blur(2px)}.hl-strong{font-weight:700}.hl-em{font-style:italic}.hl-addition{background-color:#0f02;min-width:100%;display:inline-block}.hl-deletion{background-color:#f001;min-width:100%;display:inline-block}.hl-gutter{color:var(--hl-comment);-webkit-user-select:none;user-select:none;margin-right:1ch;padding:0 1ch;font-size:.9em;display:inline-block}.hl-gutter-addition{color:#fff;background-color:#34a853}.hl-gutter-deletion{color:#fff;background-color:#ea4334}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}img,video,canvas,iframe{max-width:100%;height:auto}html{background:var(--slab);scroll-behavior:smooth;--masthead-h:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--ink:#1c1c19;--ink-soft:#3a3a35;--ink-muted:#6a6963;--rule:#cfccc2;--rule-soft:#e2e0d9;--canvas:#eceae4;--paper:#fbfaf7;--paper-deep:#f2f1ec;--accent:#9d3c1c;--accent-soft:#c08560;--slab:#1c1c19;--slab-ink:#e8e7e1;--slab-muted:#8e8c84;--slab-rule:#34332e;--slab-accent:#e07a4f;--slab-glass:90%;--font-display:"Playfair Display Variable", ui-serif, Georgia, serif;--font-body:"Inter Tight Variable", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, monospace;--pad-x:clamp(20px, 5vw, 56px)}:root[data-theme=dark],:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-theme=system],:root:not([data-theme]){--ink:#ecebe5;--ink-soft:#c3c2bb;--ink-muted:#84837c;--rule:#36352f;--rule-soft:#262520;--canvas:#121211;--paper:#1b1b19;--paper-deep:#232320;--accent:#e07a4f;--accent-soft:#a05c38;--slab:#201f1c;--slab-ink:#ecebe5;--slab-muted:#8f8e86;--slab-rule:#34332e;--slab-accent:#e07a4f;--slab-glass:76%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#ecebe5;--ink-soft:#c3c2bb;--ink-muted:#84837c;--rule:#36352f;--rule-soft:#262520;--canvas:#121211;--paper:#1b1b19;--paper-deep:#232320;--accent:#e07a4f;--accent-soft:#a05c38;--slab:#201f1c;--slab-ink:#ecebe5;--slab-muted:#8f8e86;--slab-rule:#34332e;--slab-accent:#e07a4f;--slab-glass:76%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"kern", "liga", "onum";font-size:18px;font-weight:400;line-height:1.7}a{color:var(--ink);text-decoration:none}a.link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 30%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 30%, transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}a.link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}:target,.article-body [id],.article [id]{scroll-margin-top:calc(var(--masthead-h,72px) + 1.5rem)}.kind{font-family:var(--mono);letter-spacing:0;text-transform:lowercase;color:var(--ink-muted);align-items:center;gap:.5em;font-size:11px;display:inline-flex}.kind .dot{background:var(--kind-color,var(--accent-soft));border-radius:999px;width:6px;height:6px}.kind[data-k=note]{--kind-color:var(--ink-muted)}.kind[data-k=article]{--kind-color:var(--accent)}.kind .text{color:var(--ink)}.outdated,.entry-line .pin{font-family:var(--mono);text-transform:lowercase;letter-spacing:.04em;color:var(--ink-muted);border:1px solid var(--rule);border-radius:3px;padding:.1em .4em;font-size:10px}.draft-banner,.outdated-banner{font-family:var(--mono);border-radius:4px;margin-bottom:1.6rem;padding:.7em .9em;font-size:12px;line-height:1.5}.draft-banner{border:1px dashed var(--rule);background:var(--paper-deep);color:var(--ink-soft)}.outdated-banner{border:1px solid var(--accent-soft);background:color-mix(in oklab, var(--accent-soft) 12%, var(--paper));color:var(--ink-soft)}.masthead{z-index:50;padding:18px max(var(--pad-x), calc((100% - 1200px) / 2 + var(--pad-x)));background:var(--slab);--ink:var(--slab-ink);--ink-muted:var(--slab-muted);--rule:var(--slab-rule);--rule-soft:var(--slab-rule);--paper:var(--slab-rule);--paper-deep:var(--slab-rule);--accent:var(--slab-accent);color:var(--slab-ink);justify-content:space-between;align-items:center;gap:2rem;transition:padding .45s cubic-bezier(.22,.61,.36,1),border-color .45s cubic-bezier(.22,.61,.36,1),background .45s cubic-bezier(.22,.61,.36,1);display:flex;position:sticky;top:0}.masthead.is-scrolled{background:color-mix(in oklab, var(--slab) var(--slab-glass), transparent);-webkit-backdrop-filter:blur(8px)saturate(1.5);backdrop-filter:blur(8px)saturate(1.5);padding-block:10px;box-shadow:0 1px oklab(0% none none/.25)}.wordmark-defs{display:none}.wordmark-svg{aspect-ratio:6764/757;width:auto;height:.757em;color:inherit;display:block}.masthead .wordmark{color:var(--ink);font-size:clamp(21px,2.1vw,27px);line-height:1;transition:font-size .45s cubic-bezier(.22,.61,.36,1)}.masthead .wordmark a{color:inherit;transition:color .2s;display:inline-block}.masthead .wordmark a:hover{--wordmark-tld-fill:var(--accent);--wordmark-tld-opacity:1}.masthead.is-scrolled .wordmark{font-size:clamp(18px,1.8vw,22px)}.masthead .nav-cluster{align-items:center;gap:1.4rem;display:flex}.masthead nav{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:1.4rem;font-size:12px;display:flex}.masthead nav a{color:var(--ink-muted);padding-bottom:2px;line-height:1;position:relative}.masthead nav a:hover,.masthead nav a.active{color:var(--ink)}.masthead nav a.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-3px;left:0;right:0}.masthead .theme-switch{background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;padding:2px;transition:border-color .2s,background .2s;display:inline-flex}.masthead .theme-switch:hover,.masthead .theme-switch:focus-within{border-color:var(--rule);background:color-mix(in srgb, var(--paper-deep) 40%, transparent)}.masthead .theme-switch button{width:24px;height:24px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;transition:color .18s,background .18s,opacity .15s;display:inline-flex}.masthead .theme-switch button svg{width:13px;height:13px;display:block}.masthead .theme-switch button:hover,.masthead .theme-switch button[aria-pressed=true]{color:var(--ink)}.masthead .theme-switch:not(:hover):not(:focus-within) button:not([aria-pressed=true]){opacity:0;pointer-events:none}:is(:root:not([data-theme]) .masthead .theme-switch:not(:has([aria-pressed=true])) button[data-theme-set=system],:root[data-theme=system] .masthead .theme-switch:not(:has([aria-pressed=true])) button[data-theme-set=system],:root[data-theme=light] .masthead .theme-switch:not(:has([aria-pressed=true])) button[data-theme-set=light],:root[data-theme=dark] .masthead .theme-switch:not(:has([aria-pressed=true])) button[data-theme-set=dark]){opacity:1;color:var(--ink)}.masthead .theme-switch:hover button[aria-pressed=true],.masthead .theme-switch:focus-within button[aria-pressed=true]{background:var(--paper);box-shadow:0 0 0 1px var(--rule-soft)}.colophon{padding:clamp(40px, 6vw, 72px) var(--pad-x) clamp(28px, 4vw, 40px);background:var(--slab);--ink:var(--slab-ink);--ink-soft:var(--slab-ink);--ink-muted:var(--slab-muted);--rule:var(--slab-rule);--rule-soft:var(--slab-rule);--accent:var(--slab-accent);color:var(--slab-ink);margin-top:clamp(32px,5vw,64px)}.colophon a{color:var(--slab-ink)}.colophon-inner{max-width:calc(1200px - 2 * var(--pad-x));grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:clamp(32px,5vw,72px);margin:0 auto;display:grid}.colophon .mark{color:var(--ink);margin:0 0 1rem;font-size:23px;line-height:1}.colophon .about{font-family:var(--font-body);color:var(--ink-soft);max-width:52ch;margin:0 0 1.2rem;font-size:15px;line-height:1.65}.colophon .about:has(+.stack){margin-bottom:.3rem}.colophon .about a{text-decoration:underline;-webkit-text-decoration-color:var(--ink-muted);text-decoration-color:var(--ink-muted);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}.colophon .about a:hover{color:var(--accent);text-decoration-color:currentColor}.colophon .stack{font-family:var(--mono);color:var(--ink-muted);margin:0 0 1.2rem;font-size:12px}.colophon-inner:has(.links>:nth-child(3)){grid-template-columns:minmax(0,1fr) calc(370px + 2.5rem)}.colophon .links:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}.colophon .links{font-family:var(--mono);grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem;font-size:12px;line-height:1.9;display:grid}.colophon .links .links-head{font-family:var(--mono);letter-spacing:0;text-transform:lowercase;color:var(--ink-muted);border-bottom:1px solid var(--rule);margin:0 0 .3rem;padding-bottom:.4rem;font-size:11px;font-weight:400;line-height:1.9}.colophon .links ul{margin:0;padding:0;list-style:none}.colophon .links li a{color:var(--ink);transition:color .15s,padding-left .15s;display:inline-block;position:relative}.colophon .links li a:before,.colophon .links li button:before{content:"→ ";color:var(--ink-muted);opacity:0;transition:opacity .15s}.colophon .links li a:hover{color:var(--accent)}.colophon .links li a:hover:before{opacity:1}.colophon .links form{margin:0}.colophon .links li button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;transition:color .15s}.colophon .links li button:hover{color:var(--accent)}.colophon .links li button:hover:before{opacity:1}.colophon-inner{grid-template-rows:auto 1fr;row-gap:0}.colophon .links{grid-area:1/2/span 2}.colophon .cc{font-family:var(--mono);color:var(--ink-muted);letter-spacing:0;text-transform:lowercase;flex-wrap:wrap;grid-area:2/1;justify-content:space-between;align-self:end;gap:1rem;margin-top:0;font-size:11px;line-height:1.9;display:flex}.hero{max-width:1200px;padding:clamp(40px, 6vw, 72px) var(--pad-x) clamp(24px, 4vw, 40px);margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(32px,5vw,72px);display:grid}.hero-grid>div{min-width:0}.hero .lede,.article-head .lede{text-wrap:balance;max-width:56ch}.hero .home-lede{text-wrap:wrap;max-width:none}.hero h1,.article-head h1{text-wrap:balance;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 .5em;font-size:clamp(40px,5.5vw,76px);font-weight:500;line-height:1.02}.hero .lede,.article-head .lede{font-family:var(--font-body);color:var(--ink-soft);margin:0;font-size:clamp(17px,1.4vw,20px);font-weight:400;line-height:1.55}.hero-meta{font-family:var(--mono);color:var(--ink-muted);grid-template-columns:1fr;gap:0;margin-top:.6rem;font-size:12px;line-height:1.55;display:grid}.hero-meta .row{border-top:1px solid var(--rule);grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:10px 0;display:grid}.hero-meta .row:first-child{border-top:1px solid var(--ink-soft)}.hero-meta .row:last-child{border-bottom:1px solid var(--ink-soft)}.hero-meta .k{text-transform:lowercase;color:var(--ink-muted)}.hero-meta .v{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:500}.hero-meta .v em{color:var(--ink-muted);margin-left:.3em;font-style:normal;font-weight:400}.section{background:var(--paper);border:1px solid var(--rule-soft);border-radius:10px;max-width:1200px;margin:0 auto clamp(20px,3vw,32px);padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px)}.section-wrap{max-width:1200px;padding:0 var(--pad-x);margin:0 auto}.topic.is-single{padding-top:clamp(16px,2vw,24px)}.section-head{border-bottom:1px solid var(--ink-soft);grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:clamp(32px,5vw,72px);margin-bottom:0;padding-bottom:0;display:grid}.section-head h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1}.section-head .aside{font-family:var(--mono);text-transform:lowercase;color:var(--ink-muted);text-align:right;padding-bottom:4px;font-size:12px;line-height:1.4}.section-head .aside .ct{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.topics{max-width:1200px;padding:0 var(--pad-x);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(16px,2.5vw,24px);margin:0 auto 3rem;display:grid}.topic{background:var(--paper);border:1px solid var(--rule-soft);border-radius:10px;min-width:0;padding:clamp(20px,2.4vw,30px) clamp(20px,2.4vw,30px) clamp(16px,2vw,24px)}.topic-head{border-bottom:1px solid var(--rule);margin-bottom:1.6rem;padding-bottom:.9rem}.topic-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:600;line-height:1.1}.topic-head .topic-about{color:var(--ink-muted);grid-column:1;margin:.35rem 0 0;font-size:15px}.entry-lines{margin:0;padding:0;list-style:none}.entry-line{border-radius:6px;align-items:baseline;gap:.75rem;margin:0 -.6rem;padding:.42rem .6rem;transition:background-color .2s;display:flex;position:relative}.entry-line>a:after{content:"";position:absolute;inset:0}.entry-line:hover{background:var(--paper-deep)}.entry-line:hover>a{color:var(--accent)}.entry-line .kind{flex:none}.entry-line-date{font-family:var(--mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:0 0 4.5em;font-size:12px}.section-head+.entry-lines{margin-top:1rem}.entry-line>a{color:var(--ink);text-underline-offset:3px;font-size:18px;line-height:1.4;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .25s,color .25s}.entry-line>a:hover{color:var(--accent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 40%, transparent)}.entry-line>a{margin-right:auto}.entry-line .pin,.entry-line .outdated{flex:none}.entry-line .pin{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 45%, transparent)}.topic-more{font-family:var(--mono);color:var(--ink-muted);margin-top:1.1rem;font-size:12px;transition:color .25s;display:inline-block}.topic-more:hover{color:var(--accent)}.legend{width:min(calc(100% - 2 * var(--pad-x)), calc(1200px - 2 * var(--pad-x)));border-top:1px solid var(--rule-soft);gap:1.25rem;margin:0 auto 4rem;padding-top:1.1rem;display:flex}.skip-link{z-index:100;background:var(--paper);color:var(--ink);border:1px solid var(--rule);font-family:var(--mono);border-radius:6px;padding:.5rem .9rem;font-size:13px;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article{max-width:1200px;padding:clamp(48px, 8vw, 88px) var(--pad-x) clamp(48px, 6vw, 80px);grid-template-columns:minmax(0,68ch);align-items:start;gap:clamp(24px,4vw,56px);margin:0 auto;display:grid}.article.no-rails{--panel-pad-x:clamp(22px, 3.5vw, 48px);grid-template-columns:minmax(0,1fr);row-gap:clamp(14px,2vw,22px);padding-top:clamp(40px,6vw,72px)}.article-head h1{margin-bottom:.3em}.article-head .lede{margin-top:1.2rem}.article.no-rails .article-body{background:var(--paper);border:1px solid var(--rule-soft);padding:clamp(28px, 4vw, 56px) var(--panel-pad-x) clamp(32px, 4vw, 56px);padding-inline:max(var(--panel-pad-x), calc((100% - 68ch) / 2 + var(--panel-pad-x)));border-radius:10px}.post-meta{font-family:var(--mono);letter-spacing:0;text-transform:lowercase;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.4rem .85rem;margin:0;font-size:12px;display:flex}.post-meta>span+span:before{content:"·";color:var(--rule);margin-right:.85rem}.post-meta .kind{font-size:12px}@media (width<=600px){.post-meta{gap:.3rem 1.1rem}.post-meta>span+span:before{content:none}}.post-meta .kind .text{color:var(--ink-muted)}.article-body h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .4em;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.05}.article-body p{text-wrap:pretty;margin:0 0 1.4em}.article-body h2{font-family:var(--font-display);letter-spacing:-.01em;margin:3rem 0 .9rem;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.1;position:relative}.article-body :is(h1,h2,h3,h4)>a.heading-permalink{color:var(--ink-muted);opacity:0;align-items:center;line-height:1;text-decoration:none;transition:opacity .15s,color .15s;display:flex;position:absolute;top:0;bottom:0;right:calc(100% + .45rem)}.article-body :is(h1,h2,h3,h4)>a.heading-permalink:before{content:"#";font-family:var(--mono);letter-spacing:0;font-size:15px;font-style:normal;font-weight:400}.article-body :is(h1,h2,h3,h4):hover>a.heading-permalink,.article-body :is(h1,h2,h3,h4)>a.heading-permalink:focus-visible{opacity:1}.article-body :is(h1,h2,h3,h4)>a.heading-permalink:hover,.article-body :is(h1,h2,h3,h4)>a.heading-permalink:focus-visible{color:var(--accent);outline:none}.article-body :is(h1,h3,h4){position:relative}@media (hover:none){.article-body :is(h1,h2,h3,h4)>a.heading-permalink{opacity:.45}}@media (width<=720px){.article-body :is(h1,h2,h3,h4)>a.heading-permalink{display:none}}.article-body h3{font-family:var(--font-display);color:var(--ink);margin:2rem 0 .6rem;font-size:24px;font-style:italic;font-weight:500;line-height:1.25}.article-body h4{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:1.8rem 0 .6rem;font-size:14px;font-style:italic;font-weight:400}.article-body a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 30%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 30%, transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .2s}.article-body a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.article-body ul,.article-body ol{margin:0 0 1.4em;padding-left:1.2em}.article-body ul li,.article-body ol li{margin:.25em 0}.article-body ul{padding-left:0;list-style:none}.article-body ul>li{padding-left:1.1em;position:relative}.article-body ul>li:before{content:"·";color:var(--accent);font-size:1.4em;font-family:var(--font-display);position:absolute;top:-.15em;left:.25em}.article-body ol{counter-reset:li;padding-left:0;list-style:none}.article-body ol>li{counter-increment:li;padding-left:2em;position:relative}.article-body ol>li:before{content:counter(li, lower-roman) ".";font-family:var(--font-display);color:var(--accent);text-align:right;width:1.6em;font-style:italic;position:absolute;top:0;left:0}.article-body ul ul,.article-body ol ol,.article-body ul ol,.article-body ol ul{margin:.3rem 0 .3rem 1.2rem}.article-body blockquote{border-left:2px solid var(--accent);font-family:var(--font-display);color:var(--ink-soft);margin:2rem 0;padding:.5rem 0 .5rem 1.5rem;font-size:22px;font-style:italic;font-weight:400;line-height:1.5}.article-body blockquote>:last-child{margin-bottom:0}.article-body blockquote small{color:var(--ink-muted);margin-top:.6rem;font-size:14px;font-weight:400;display:block}.article-body blockquote small a{color:inherit;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.article-body blockquote small a:hover{color:var(--accent)}.article-body blockquote cite{font-family:var(--font-body);color:var(--ink-muted);margin-top:.8rem;font-size:14px;font-style:italic;font-weight:400;display:block}.article-body code{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--rule-soft);color:var(--accent);padding:1px 6px;font-size:.88em}.article-body pre{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--rule);color:var(--code-ink);white-space:pre;tab-size:4;margin:1.5rem 0;padding:1rem 1.2rem;font-size:13px;line-height:1.7;overflow-x:auto}.article.no-rails{container-type:inline-size}.article.no-rails .article-body pre{width:max-content;min-width:100%;max-width:calc(100cqi - 2 * var(--panel-pad-x) - 2px);position:relative;left:50%;transform:translate(-50%)}.article-body pre code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.article-body hr{border:0;border-top:1px solid var(--rule);margin:2.5rem 0}.article-body figure{margin:2.5rem 0}.article-body figure .frame{aspect-ratio:16/9;background:var(--paper-deep);border:1px solid var(--rule);line-height:0;display:block;position:relative;overflow:hidden}.article-body figure .frame>img,.article-body figure .frame>svg{object-fit:cover;width:100%;height:100%;display:block}.article-body figure>figcaption{border-top:1px solid var(--rule);width:100%;font-family:var(--font-body);color:var(--ink-muted);text-align:center;margin:0;padding:10px 0 0;font-size:13px;font-style:italic;line-height:1.5;display:block}.article-body h2,.article-body h3{clear:both}.article-body a[href]:has(>img):not([data-internal]):after{content:none}.article-body table{border-collapse:collapse;width:100%;font-family:var(--font-body);margin:1.5rem 0;font-size:15px}.article-body table thead th{text-align:left;font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--ink-soft);border-top:1px solid var(--ink-soft);background:0 0;padding:.6rem .9rem;font-size:12px;font-style:italic;font-weight:400}.article-body table tbody td{border-bottom:1px solid var(--rule-soft);color:var(--ink-soft);vertical-align:baseline;padding:.7rem .9rem}.article-body table tbody tr:last-child td{border-bottom:1px solid var(--ink-soft)}.article-body table caption{caption-side:bottom;font-family:var(--font-body);color:var(--ink-muted);text-align:left;letter-spacing:.02em;padding-top:.8rem;font-size:12px;font-style:italic}.article-body li:has(>input[type=checkbox]){padding-left:calc(14px + .6em)}.article-body li:has(>input[type=checkbox]):before{content:none}.article-body li>input[type=checkbox]{appearance:none;border:1px solid var(--ink-muted);background:var(--paper);border-radius:3px;place-content:center;width:14px;height:14px;margin:0;display:grid;position:absolute;top:calc(.5lh - 7px + .15em);left:0}.article-body li>input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.article-body li>input[type=checkbox]:checked:after{content:"";border-left:1.5px solid var(--paper);border-bottom:1.5px solid var(--paper);width:8px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.article-body li:has(>input[type=checkbox]:checked){color:var(--ink-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.article-body dl{border-top:1px solid var(--rule);grid-template-columns:180px 1fr;gap:.4rem 1.4rem;margin:1.5rem 0;display:grid}.article-body dl dt{font-family:var(--font-display);color:var(--ink);border-top:1px solid var(--rule-soft);padding-top:14px;font-size:18px;font-style:italic;font-weight:500}.article-body dl dt:first-of-type,.article-body dl dd:first-of-type{border-top:0;padding-top:14px}.article-body dl dd{color:var(--ink-soft);border-top:1px solid var(--rule-soft);margin:0;padding:14px 0}.article-body dl dd:first-of-type{border-top:0}.article-body del,.article-body s{color:var(--ink-muted);text-decoration-thickness:1px}.article-body ins{background:color-mix(in srgb, var(--accent-soft) 40%, transparent);padding:0 2px;text-decoration:none}.article-body mark{background:color-mix(in srgb, var(--accent-soft) 55%, transparent);color:var(--ink);border-radius:1px;padding:0 2px}.article-body kbd{font-family:var(--mono);border:1px solid var(--rule);background:var(--paper);color:var(--ink);box-shadow:0 1px 0 color-mix(in srgb, var(--rule) 70%, transparent);white-space:nowrap;vertical-align:1px;border-bottom-width:2px;border-radius:3px;padding:2px 6px;font-size:12px}.article-body abbr[title]{-webkit-text-decoration:underline dotted var(--ink-muted);text-decoration:underline dotted var(--ink-muted);text-underline-offset:3px;cursor:help}.article-body sub,.article-body sup{font-size:.72em;line-height:0}.article-body q{quotes:"“" "”" "‘" "’";font-style:italic}.article-body details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:1.25rem 0}.article-body details>summary{cursor:pointer;font-family:var(--font-display);color:var(--ink);padding:.8rem 2rem .8rem 0;font-size:20px;font-style:italic;list-style:none;position:relative}.article-body details>summary::-webkit-details-marker{display:none}.article-body details>summary:after{content:"+";font-family:var(--font-body);color:var(--ink-muted);font-size:18px;font-style:normal;transition:transform .2s;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.article-body details[open]>summary:after{content:"–"}.article-body details>:not(summary){padding-bottom:.8rem}.article-body .footnotes{border-top:1px solid var(--rule);color:var(--ink-soft);margin-top:3rem;padding-top:1.2rem;font-size:14px}.article-body .footnotes>hr{display:none}.article-body .footnotes ol{font-family:var(--font-body);padding-left:1.4rem;list-style:decimal}.article-body .footnotes li{margin:.4rem 0;padding-left:.2rem}.article-body .footnotes li:before{content:none}.article-body .footnotes li a.back,.article-body .footnotes li a.footnote-backref{color:var(--ink-muted);margin-left:.4rem;font-style:italic;text-decoration:none}.article-body .footnotes li a.back:hover,.article-body .footnotes li a.footnote-backref:hover{color:var(--accent)}.article-body .alert{border:1px solid var(--alert-line,var(--rule));background:var(--alert-bg,var(--paper-deep));border-radius:5px;align-items:flex-start;gap:.85rem;margin:1.8rem 0;padding:.95rem 1.1rem;font-size:16.5px;line-height:1.6;display:flex}.article-body .alert-icon{color:var(--alert-ink,var(--ink-soft));flex:none;margin-top:.15em;display:block}.article-body .alert-icon svg{width:19px;height:19px;display:block}.article-body .alert-body>:first-child{margin-top:0}.article-body .alert-body>:last-child{margin-bottom:0}.article-body .alert-tip{--alert-hue:#4a6b43;--alert-line:color-mix(in oklab, var(--alert-hue) 35%, transparent);--alert-bg:color-mix(in oklab, var(--alert-hue) 7%, var(--paper))}.article-body .alert-info{--alert-hue:#3f6274;--alert-line:color-mix(in oklab, var(--alert-hue) 35%, transparent);--alert-bg:color-mix(in oklab, var(--alert-hue) 7%, var(--paper))}.article-body .alert-warning{--alert-hue:#8a6220;--alert-line:color-mix(in oklab, var(--alert-hue) 38%, transparent);--alert-bg:color-mix(in oklab, var(--alert-hue) 8%, var(--paper))}.article-body .alert-danger{--alert-hue:#9a3b2c;--alert-line:color-mix(in oklab, var(--alert-hue) 38%, transparent);--alert-bg:color-mix(in oklab, var(--alert-hue) 8%, var(--paper))}.article-body .alert{--alert-ink:var(--alert-hue)}:root[data-theme=dark] .article-body .alert{--alert-ink:color-mix(in oklab, var(--alert-hue) 55%, #fff)}@media (prefers-color-scheme:dark){:root[data-theme=system] .article-body .alert,:root:not([data-theme]) .article-body .alert{--alert-ink:color-mix(in oklab, var(--alert-hue) 55%, #fff)}}.article-body>:first-child,.article-rendered>:first-child{margin-top:0}.article-body figure+h2{margin-top:1.4rem}.article-body>p>img,.article-body>img{border:1px solid var(--rule);background:var(--paper-deep);border-radius:4px;margin:2rem auto;display:block}.tag-cloud{flex-wrap:wrap;gap:10px;margin:0;display:flex}.tag-chip{font-family:var(--font-body);letter-spacing:.04em;color:var(--ink);border:1px solid var(--rule);align-items:baseline;gap:.5em;padding:5px 12px;font-size:13px;font-style:italic;transition:color .15s,border-color .15s;display:inline-flex}.tag-chip:hover{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 40%, var(--paper))}.tag-chip .count{font-family:var(--mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.btn{font-family:var(--font-body);border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;letter-spacing:.02em;padding:10px 18px;font-size:14px;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .1s}.btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a.link[href^=http]:after,a.link[target=_blank]:after,a.link[rel~=external]:after,.article-body a[href^=http]:not([data-internal]):after,.article-body a[target=_blank]:not([data-internal]):after{content:"";vertical-align:.08em;opacity:.75;background-color:currentColor;width:.7em;height:.7em;margin-left:.28em;display:inline-block;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 4h6v6'/><path d='M10 14L20 4'/><path d='M18 12v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h7'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 4h6v6'/><path d='M10 14L20 4'/><path d='M18 12v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h7'/></svg>") 50%/contain no-repeat}a.link[data-internal]:after,a.link[href^=\#]:after,a.link[href^=\/]:not([target=_blank]):after,.article-body a[href^=\#]:after,.article-body a[href^=\/]:not([target=_blank]):after{content:none}@media (width<=820px){.hero-grid,.section-head,.colophon-inner{grid-template-columns:1fr;gap:1.6rem}.section-head .aside{text-align:left}.colophon .links{grid-template-columns:1fr 1fr}.colophon-inner:has(.links>:nth-child(3)){grid-template-columns:1fr}.colophon .links,.colophon .cc{grid-area:auto}.colophon .cc{flex-direction:column;gap:.3rem;margin-top:.4rem}}@media (width<=860px){.topics{grid-template-columns:minmax(0,1fr)}}body{font-feature-settings:"kern", "liga", "ss01", "cv11"}.masthead nav{font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;font-size:13px}.hero h1,.article-head h1{letter-spacing:-.03em;font-weight:700;line-height:1.02}.hero h1 em,.article-head h1 em{color:var(--accent);font-style:normal;font-weight:700}.hero .lede,.article-head .lede{font-weight:400}.section-head h2{letter-spacing:-.025em;font-weight:700}.section-head h2 em{color:var(--ink-muted);font-style:normal;font-weight:400}.article-body h1{letter-spacing:-.03em;font-weight:700}.article-body h1 em{color:var(--accent);font-style:normal;font-weight:700}.article-body h2{letter-spacing:-.02em;font-weight:650}.article-body h3{letter-spacing:-.01em;font-style:normal;font-weight:600}.article-body h4{font-style:normal;font-family:var(--mono);letter-spacing:.08em;font-size:12px}.article-body ul>li:before{content:"";background:var(--accent);border-radius:999px;width:5px;height:5px;font-size:1em;position:absolute;top:.78em;left:.35em}.article-body ol>li:before{content:counter(li) ".";font-family:var(--mono);color:var(--accent);font-size:.85em;font-style:normal}.article-body blockquote{font-family:var(--font-body);color:var(--ink);border-left-width:3px;font-size:20px;font-style:normal;font-weight:500;line-height:1.55}.article-body blockquote cite{color:var(--ink-muted);font-style:normal;font-weight:400}.colophon .links .links-head{font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;font-size:11px;font-style:normal}.article-body details>summary{font-style:normal;font-weight:600;font-family:var(--font-display)}.article-body table thead th,.article-body table caption{font-style:normal;font-family:var(--mono);font-size:11px}.article-body dl dt{font-size:16px;font-style:normal;font-weight:600}.colophon .about em{color:var(--ink-muted);font-style:normal}.tag-chip{border-radius:999px;font-style:normal;font-weight:500}.article-body code{border-radius:3px}.article-body pre{border-radius:4px}@media (width<=600px){.masthead{flex-wrap:wrap;row-gap:.9rem}.masthead .nav-cluster{display:contents}.masthead .theme-switch{margin-left:auto}.masthead nav{flex-wrap:wrap;flex:1 0 100%;order:3;justify-content:space-between;gap:.6rem .8rem}}@media print{body{background:#fff}.masthead,.colophon{display:none!important}}.guide-toc{font-family:var(--mono);text-transform:lowercase;flex-wrap:wrap;gap:.3rem 1.1rem;margin:0 0 2rem;font-size:12px;display:flex}.guide-toc a{color:var(--ink-muted)}.guide-toc a:hover{color:var(--accent)}.guide-section{scroll-margin-top:calc(var(--masthead-h,72px) + 1.5rem)}.guide-section+.guide-section{margin-top:3.5rem}.article-body .guide-section>.guide-title{margin-top:0}.article-body .guide-note{color:var(--ink-muted);margin-bottom:1rem;font-size:15px}.guide-example{border:1px solid var(--rule-soft);border-radius:8px;margin:1rem 0;overflow:hidden}.guide-label{background:var(--paper-deep);border-bottom:1px solid var(--rule-soft);font-family:var(--mono);text-transform:lowercase;color:var(--ink-muted);padding:.5rem 1rem;font-size:11px}.guide-render{padding:1.2rem 1rem}.guide-render>:first-child{margin-top:0}.guide-render>:last-child{margin-bottom:0}.article-body .guide-render .footnotes{margin-top:1.2rem}.article-body .guide-source{border-top:1px solid var(--rule-soft);border-bottom:0;margin:0}.article-body .guide-source>summary{font-family:var(--mono);color:var(--ink-muted);padding:.5rem 1rem;font-size:11px;font-style:normal;font-weight:400}.article-body .guide-source>summary:after{font-size:14px;right:1rem}.article-body .guide-source>summary:hover{color:var(--accent)}.article-body .guide-source>.guide-code{padding:0;position:relative}.article-body .guide-code pre{border:0;border-top:1px solid var(--rule-soft);white-space:pre-wrap;border-radius:0;margin:0;padding-right:4.5rem}.guide-copy{font-family:var(--mono);color:var(--ink-muted);background:var(--paper);border:1px solid var(--rule);cursor:pointer;border-radius:4px;padding:.2rem .55rem;font-size:11px;position:absolute;top:.5rem;right:.5rem}.guide-copy:hover{color:var(--accent);border-color:var(--accent)}.guide-swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin:1rem 0 2rem;display:grid}.guide-swatch{gap:.35rem;display:grid}.guide-swatch .chip{border:1px solid var(--rule);border-radius:6px;height:44px}.guide-swatch code,.guide-font code{color:var(--ink-muted);background:0 0;border:0;padding:0;font-size:11px}.guide-font{border-top:1px solid var(--rule-soft);padding:.9rem 0}.article-body .guide-font p{margin:.3rem 0 0;font-size:22px}.not-found-path{font-family:var(--mono);color:var(--accent);word-break:break-all;font-size:.85em}.not-found-head{font-family:var(--mono);text-transform:lowercase;color:var(--ink-muted);margin:0 0 .8rem;font-size:11px;font-weight:400}.section-wrap>.topic+.topic{margin-top:clamp(16px,2.5vw,24px)}.not-found-links{margin:0;padding:0;list-style:none}.not-found-links li{flex-wrap:wrap;align-items:baseline;gap:.2rem .75rem;padding:.42rem 0;display:flex}.not-found-links a{color:var(--ink);font-size:18px}.not-found-links a:hover{color:var(--accent)}.not-found-links span{color:var(--ink-muted);font-size:14px}.app-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(16px,2.4vw,28px);transition:border-color .2s;display:grid;position:relative}.app-card-icon{aspect-ratio:1;outline:1px solid var(--rule-soft);outline-offset:-1px;border-radius:22.5%;width:clamp(56px,7vw,72px);height:auto;display:block}.app-card:hover{border-color:var(--rule)}.app-card-head{flex-wrap:wrap;align-items:center;gap:.4rem .9rem;display:flex}.app-card-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:600;line-height:1.1}.app-card-head h2 a{color:var(--ink);text-decoration:none;transition:color .25s}.app-card-head h2 a:after{content:"";position:absolute;inset:0}.app-card:hover h2 a{color:var(--accent)}.app-card-tagline{color:var(--ink);margin:.5rem 0 0;font-size:18px}.app-card-description{color:var(--ink-muted);margin:.4rem 0 0;font-size:15px;line-height:1.55}.app-card-platforms{font-family:var(--mono);text-transform:lowercase;color:var(--ink-muted);margin:1rem 0 0;font-size:12px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,24px);display:grid}.app-grid>.topic+.topic{margin-top:0}.app-grid .app-card{grid-template-rows:auto auto auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 16px}.app-grid .app-card-body{display:contents}.app-grid .app-card-icon{width:52px}.app-grid .app-card-tagline,.app-grid .app-card-description,.app-grid .app-card-platforms{grid-column:1/-1}.app-grid .app-card-tagline{margin-top:1rem}.app-grid .app-card-platforms{align-self:end}@media (width<=720px){.app-grid{grid-template-columns:minmax(0,1fr)}}