:root{color-scheme:light;--bg: oklch(.99 .004 240);--grid: oklch(.905 .016 240);--grid-bold: oklch(.85 .026 240);--surface: oklch(.975 .006 240);--text: oklch(.29 .02 250);--muted: oklch(.47 .02 250);--faint: oklch(.6 .02 250);--rule: oklch(.86 .02 240);--rule-soft: oklch(.91 .014 240);--accent: oklch(.5 .1 58);--accent-deep: oklch(.42 .095 56);--accent-soft: oklch(.92 .04 64);--margin-line: oklch(.64 .1 50);--code-bg: oklch(.21 .022 250);--code-text: oklch(.87 .035 232);--kw: oklch(.78 .13 320);--str: oklch(.8 .12 150);--num: oklch(.82 .13 60);--com: oklch(.6 .02 248);--fn: oklch(.7 .12 58);--astro-code-color-text: var(--code-text);--astro-code-color-background: var(--code-bg);--astro-code-token-constant: var(--num);--astro-code-token-string: var(--str);--astro-code-token-comment: var(--com);--astro-code-token-keyword: var(--kw);--astro-code-token-parameter: var(--code-text);--astro-code-token-function: var(--fn);--astro-code-token-string-expression: var(--str);--astro-code-token-punctuation: var(--code-text);--astro-code-token-link: var(--str);--serif:"Source Serif 4",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--col: 780px;--gutter: 300px}[data-theme=dark]{color-scheme:dark;--bg: oklch(.19 .01 70);--grid: oklch(.26 .012 70);--grid-bold: oklch(.31 .016 70);--surface: oklch(.23 .012 70);--text: oklch(.9 .014 80);--muted: oklch(.66 .016 75);--faint: oklch(.52 .016 75);--rule: oklch(.34 .014 72);--rule-soft: oklch(.29 .012 72);--accent: oklch(.78 .12 68);--accent-deep: oklch(.84 .11 70);--accent-soft: oklch(.3 .06 60);--margin-line: oklch(.68 .12 60);--code-bg: oklch(.15 .009 70);--code-text: oklch(.87 .03 80)}*{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;color:var(--text);font-family:var(--serif);font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px,24px 24px;background-position:center top;transition:background-color .35s,color .35s}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.progress{position:fixed;top:0;left:0;height:2px;width:0%;background:var(--accent);z-index:60}.site{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.site-inner{max-width:1060px;margin:0 auto;padding:12px 40px;min-height:71px;display:flex;align-items:center;gap:20px;font-family:var(--mono)}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px}.btxt{display:flex;flex-direction:column}.bname{font-family:var(--serif);font-weight:600;font-size:18px;line-height:1.1;letter-spacing:-.01em}.bsub{font-family:var(--mono);font-size:11px;color:var(--accent);margin-top:2px}.brand .mark{width:11px;height:11px;border:2px solid var(--accent);display:inline-block}.nav{margin-left:auto;display:flex;gap:2px}.nav a{position:relative;font-size:13px;color:var(--muted);text-decoration:none;padding:6px 10px;transition:color .2s}.nav a:hover{color:var(--text)}.nav a[aria-current]{color:var(--accent)}.nav a[aria-current]:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;border-bottom:1px solid var(--accent)}.toggle{margin-left:6px;width:32px;height:32px;border:1px solid var(--rule);background:transparent;cursor:pointer;color:var(--muted);display:grid;place-items:center;transition:color .2s,border-color .2s}.toggle:hover{color:var(--text);border-color:var(--faint)}.toggle svg{width:15px;height:15px}.toggle .moon,[data-theme=dark] .toggle .sun{display:none}[data-theme=dark] .toggle .moon{display:block}.post{max-width:1060px;margin:0 auto;padding:0 40px}.col{max-width:var(--col);margin-left:auto;margin-right:auto;position:relative}.col:before{content:"";position:absolute;left:-30px;top:-6px;bottom:-6px;width:0;border-left:1px solid var(--margin-line);opacity:.55}.entry.col:before{bottom:0}.col:not(.entry):before{top:0}@media(max-width:1080px){.col:before{display:none}}header.entry{padding:32px 0}h1.title{font-family:var(--serif);font-weight:600;font-size:clamp(34px,5vw,48px);line-height:1.05;letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance}.deck{font-size:21px;line-height:1.5;color:var(--muted);margin:0 0 30px;text-wrap:pretty}.kicker{margin:0 0 18px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px}.crumb{font-family:var(--mono);font-size:12px;color:var(--faint);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}.crumb a{color:var(--muted);text-decoration:none;transition:color .2s}.crumb a:hover{color:var(--accent)}.crumb .sep{opacity:.5}.crumb .cur{color:var(--accent)}.byline{font-family:var(--mono);font-size:12px;color:var(--faint);margin:0}.byline time{color:var(--muted)}article p{margin:0 0 22px;text-wrap:pretty}.lede{font-size:21px}article h2{font-family:var(--sans);font-weight:600;font-size:24px;letter-spacing:-.01em;line-height:1.2;margin:56px 0 18px;scroll-margin-top:80px;padding-bottom:10px;border-bottom:1px solid var(--rule)}article h3{font-family:var(--sans);font-weight:600;font-size:20px;margin:32px 0 12px}a.link,.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in oklch,var(--accent) 40%,transparent)}a.link:hover,.prose a:hover{border-bottom-color:var(--accent)}strong{font-weight:600}code{font-family:var(--mono);font-size:.82em;background:var(--surface);padding:2px 6px;border:1px solid var(--rule-soft);border-radius:3px;color:var(--accent-deep)}figure.fig{margin:32px 0}figure.fig img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:var(--bg)}.ph{width:100%;aspect-ratio:16/9;position:relative;background:repeating-linear-gradient(45deg,var(--surface) 0 10px,transparent 10px 20px),var(--bg);border:1px solid var(--rule);display:grid;place-items:center}.ph:before,.ph:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--accent)}.ph:before{top:8px;left:8px;border-right:none;border-bottom:none}.ph:after{bottom:8px;right:8px;border-left:none;border-top:none}.ph span{font-family:var(--mono);font-size:12px;color:var(--faint);background:var(--bg);padding:6px 12px;border:1px solid var(--rule-soft)}figcaption{font-family:var(--mono);font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:12px;max-width:60ch}figcaption b{color:var(--accent);font-weight:500}figcaption b:after{content:" "}.callout{margin:32px 0;border:1px solid var(--accent);background:var(--accent-soft);padding:0}.callout .ctag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);padding:8px 18px;border-bottom:1px solid var(--accent);display:block}[data-theme=dark] .callout .ctag{color:var(--accent)}.callout .cbody{padding:18px 22px;font-style:italic;font-size:19px;color:var(--text)}.callout .src{display:block;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:12px}.tbl-wrap{margin:30px 0;overflow-x:auto;border:1px solid var(--rule)}table{border-collapse:collapse;width:100%;font-size:15px}caption{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:left;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--rule);letter-spacing:.05em;text-transform:uppercase}th,td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--rule-soft)}th{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);background:var(--surface)}td{font-family:var(--mono);font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface)}td.num,th.num{text-align:right}.pager{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:56px 0 0;padding:0 0 100px}.pager a{text-decoration:none;color:var(--text);padding:22px 0;transition:color .2s}.pager a:hover{color:var(--accent)}.pager .next{text-align:right;padding-left:20px}.pager .prev{padding-right:20px}.pager .lbl{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.04em}.pager .t{font-family:var(--serif);font-size:17px;font-weight:500;margin-top:6px;line-height:1.3}@media(max-width:640px){body{font-size:18px}.site-inner,.post{padding-left:20px;padding-right:20px}.site-inner{gap:6px;padding-top:5px;padding-bottom:5px}.bname{font-size:16px}.bsub{font-size:10px}.nav{gap:0}.nav a{padding:11px 9px;font-size:12px}.toggle{width:36px;height:36px;margin-left:4px}header.entry{padding-top:24px}.pager{grid-template-columns:1fr}.pager .prev{padding-right:0}.pager .next{text-align:left;padding-left:0}}.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:34px 0 40px;border-bottom:1px solid var(--rule)}.feat-tag{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.feat-tag:before{content:"★ "}.feature h2{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4vw,40px);line-height:1.06;letter-spacing:-.02em;margin:0 0 14px}.feature h2 a{color:var(--text);text-decoration:none;transition:color .2s}.feature h2 a:hover{color:var(--accent)}.feature p:not(.feat-tag){font-size:18px;color:var(--muted);line-height:1.5;margin:0 0 18px;max-width:46ch}.pline{font-family:var(--mono);font-size:12px;color:var(--faint);display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.pline .dot{opacity:.5}.article-preview{min-height:250px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--rule);text-decoration:none;background:linear-gradient(90deg,transparent 49.8%,var(--rule) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--rule) 50%,transparent 50.2%),repeating-linear-gradient(45deg,var(--surface) 0 10px,transparent 10px 20px),var(--bg)}.article-preview:before,.article-preview:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--accent)}.article-preview:before{top:8px;left:8px;border-right:0;border-bottom:0}.article-preview:after{right:8px;bottom:8px;border-top:0;border-left:0}.article-preview span{padding:9px 14px;border:1px solid var(--rule);color:var(--accent);background:var(--bg);font-family:var(--mono);font-size:13px}.arch-h{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:46px 0 0;padding-bottom:10px;border-bottom:1px solid var(--rule);display:flex}.arch-h .c{margin-left:auto;color:var(--accent)}.posts{list-style:none;margin:0;padding:0}.post-row{display:grid;grid-template-columns:120px 1fr;gap:26px;padding:26px 0;border-bottom:1px solid var(--rule-soft);align-items:baseline}.post-row .when{font-family:var(--mono);font-size:12px;color:var(--faint);line-height:1.5}.post-row .when .yr{color:var(--accent);font-weight:600;font-size:15px;display:block}.post-row .cat{display:block;margin-top:5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.post-row h3{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.15;letter-spacing:-.01em;margin:0 0 7px}.post-row h3 a{color:var(--text);text-decoration:none;transition:color .2s}.post-row h3 a:hover{color:var(--accent)}.post-row .ex{font-size:17px;color:var(--muted);line-height:1.5;margin:0;max-width:58ch}.page-end{padding-bottom:100px}.toc{margin:14px 0 46px;border:1px solid var(--rule)}.toc .th{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0;padding:11px 18px;border-bottom:1px solid var(--rule);background:var(--surface)}.toc ol{margin:0;padding:8px 0;list-style:none;counter-reset:toc}.toc li{counter-increment:toc}.toc a{font-family:var(--mono);font-size:14px;color:var(--muted);text-decoration:none;display:flex;gap:14px;padding:6px 18px;transition:color .15s,background .15s}.toc a:before{content:"[" counter(toc,decimal-leading-zero) "]";color:var(--accent)}.toc a:hover{color:var(--text);background:var(--surface)}.toc a.cur{color:var(--accent)}@media(min-width:1240px){.post.has-toc .toc{position:fixed;top:96px;left:calc(50% - 610px);width:176px;margin:0;border:none;background:none;max-height:calc(100vh - 150px);overflow-y:auto}.post.has-toc .toc .th{display:none}.post.has-toc .toc ol{padding:0}.post.has-toc .toc a{display:block;gap:0;padding:7px 10px 7px 14px;font-family:var(--sans);font-size:13px;line-height:1.35;color:var(--muted);border-left:2px solid transparent;transition:color .15s,border-color .15s}.post.has-toc .toc a:before{content:none}.post.has-toc .toc a:hover{background:none;color:var(--text)}.post.has-toc .toc a.cur{color:var(--accent);border-left-color:var(--accent);font-weight:500}}figure.code{margin:30px 0}.code-shell{background:var(--code-bg);border:1px solid var(--rule);overflow:hidden}.code-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid oklch(1 0 0 / .08);font-family:var(--mono);font-size:12px;color:#75838a}.code-bar .dotgrp{display:flex;gap:6px}.code-bar .d{width:9px;height:9px;border-radius:50%;background:#3d4a51}.code-bar .fname{color:#91a2a3}.copy{margin-left:auto;font-family:var(--mono);font-size:11px;color:#839299;background:transparent;border:1px solid oklch(1 0 0 / .14);padding:4px 10px;cursor:pointer;transition:color .2s,border-color .2s}.copy:hover{color:#fff;border-color:#ffffff4d}.copy.done{color:var(--accent);border-color:var(--accent)}pre{margin:0;padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.7;color:var(--code-text)}pre .kw{color:var(--kw)}pre .str{color:var(--str)}pre .com{color:var(--com);font-style:italic}@media(max-width:760px){.feature{grid-template-columns:1fr;gap:22px}.post-row{grid-template-columns:1fr;gap:8px}.post-row .when{display:flex;gap:10px;align-items:baseline}.post-row .when .yr{display:inline}.post-row .cat{margin-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}