:root{--bg:#fafaf7;--surface:#ffffff;--ink:#1c1c1e;--ink-2:#2c2c30;--muted:#6b6b73;--rule:#e6e3dc;--rule-strong:#c9c5bb;--accent:#38556e;--accent-2:#b1592a;--code-bg:#f3f1eb;--code-fg:#2b2b30;--max:720px;--max-wide:980px;--serif:"Iowan Old Style", "Charter", "Source Serif Pro", "Georgia", "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", "Consolas", monospace;--shadow-soft:0 1px 2px rgba(20, 18, 14, 0.04), 0 8px 24px rgba(20, 18, 14, 0.04)}@media(prefers-color-scheme:dark){:root{--bg:#14151a;--surface:#1b1d23;--ink:#e8e6df;--ink-2:#d0cec8;--muted:#8c8a83;--rule:#2a2c33;--rule-strong:#3a3d46;--accent:#8db4d2;--accent-2:#d28d63;--code-bg:#1a1c22;--code-fg:#d6d4cd;--shadow-soft:0 1px 2px rgba(0,0,0,0.4), 0 12px 28px rgba(0,0,0,0.35)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.65;font-feature-settings:"kern","liga","onum";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .15s ease,color .15s ease}a:hover{border-bottom-color:var(--accent)}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.container.wide{max-width:var(--max-wide)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:8px 12px;z-index:100}.skip-link:focus{left:8px;top:8px}.site-header{border-bottom:1px solid var(--rule);background:var(--bg);position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%)blur(6px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px;padding-bottom:14px;max-width:var(--max-wide)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);border-bottom:none;font-family:var(--sans)}.brand:hover{color:var(--ink)}.brand-mark{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:var(--accent)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-weight:600;font-size:15px;letter-spacing:.01em}.brand-sub{font-size:12px;color:var(--muted);font-feature-settings:"smcp";text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.site-nav{display:flex;gap:22px;font-family:var(--sans);font-size:14px}.site-nav a{color:var(--ink-2);border-bottom:none;padding:4px 2px;position:relative}.site-nav a.active{color:var(--accent)}.site-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:2px;background:var(--accent)}.hero{padding:88px 0 56px;border-bottom:1px solid var(--rule)}.hero h1{font-family:var(--serif);font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;font-weight:600;color:var(--ink)}.hero .lede{font-size:20px;line-height:1.55;color:var(--ink-2);margin:0 0 28px;max-width:620px}.hero .kicker{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin-bottom:22px}.hero-meta{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:28px;font-family:var(--sans);font-size:13px;color:var(--muted)}.hero-meta strong{color:var(--ink);font-weight:600}.section{padding:64px 0}.section+.section{border-top:1px solid var(--rule)}.section-title{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 24px}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:0}.post-list li{border-top:1px solid var(--rule);padding:22px 0}.post-list li:last-child{border-bottom:1px solid var(--rule)}.post-item{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:baseline}.post-num{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding-top:4px}.post-title{margin:0;font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.3;letter-spacing:-.01em}.post-title a{color:var(--ink);border-bottom:none}.post-title a:hover{color:var(--accent)}.post-summary{margin:6px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.post-meta{display:flex;gap:14px;margin-top:8px;font-family:var(--sans);font-size:12px;color:var(--muted);letter-spacing:.02em}.article{padding:64px 0 96px}.article-header{margin-bottom:40px}.article-kicker{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin-bottom:16px}.article-header h1{margin:0 0 14px;font-family:var(--serif);font-weight:600;font-size:clamp(30px,4vw,42px);line-height:1.15;letter-spacing:-.015em;color:var(--ink)}.article-meta{font-family:var(--sans);font-size:13px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;align-items:center}.article-body{font-size:18px;line-height:1.72;color:var(--ink-2)}.article-body p{margin:0 0 1.1em}.article-body h2{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.01em;margin:2.2em 0 .6em;color:var(--ink)}.article-body h3{font-family:var(--serif);font-size:20px;font-weight:600;margin:1.8em 0 .5em;color:var(--ink)}.article-body ul,.article-body ol{padding-left:1.3em;margin:0 0 1.1em}.article-body li{margin-bottom:.35em}.article-body blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:1.4em 0;color:var(--ink-2);font-style:italic}.article-body hr{border:0;height:1px;background:var(--rule);margin:2.4em 0}.aside{font-family:var(--sans);font-size:15px;background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);padding:16px 20px;margin:1.6em 0;border-radius:4px;color:var(--ink-2)}.aside .label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:6px;font-weight:600}code,pre,kbd,samp{font-family:var(--mono);font-size:.92em}:not(pre)>code{background:var(--code-bg);color:var(--code-fg);padding:1px 6px;border-radius:4px;font-size:.86em}pre{background:var(--code-bg);color:var(--code-fg);padding:18px 20px;border-radius:6px;overflow-x:auto;margin:1.4em 0;font-size:14px;line-height:1.6;border:1px solid var(--rule)}pre code{background:0 0;padding:0;font-size:inherit}.highlight pre{margin:1.4em 0}.article-body table{border-collapse:collapse;margin:1.4em 0;font-size:15px;width:100%;font-family:var(--sans)}.article-body th,.article-body td{padding:10px 14px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}.article-body th{font-weight:600;color:var(--ink);background:0 0;border-bottom:1px solid var(--rule-strong)}.footnotes{margin-top:3em;font-size:15px;color:var(--muted);border-top:1px solid var(--rule);padding-top:1em}.article-nav{margin-top:64px;padding-top:32px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:24px;font-family:var(--sans);font-size:14px}.article-nav a{display:flex;flex-direction:column;border-bottom:none;color:var(--ink-2);padding:10px 14px;border:1px solid var(--rule);border-radius:6px;max-width:48%;background:var(--surface)}.article-nav a:hover{border-color:var(--accent)}.article-nav .label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.article-nav .next{text-align:right;margin-left:auto}.diagram{margin:2em 0;background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:28px;box-shadow:var(--shadow-soft)}.diagram svg{width:100%;height:auto;display:block}.diagram .caption{margin-top:16px;font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.5;text-align:center}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:1.6em 0;font-family:var(--sans)}.status-card{padding:12px 14px;border-radius:6px;background:var(--surface);border:1px solid var(--rule);font-size:13px;line-height:1.4}.status-card .num{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}.status-card .label{font-weight:600;color:var(--ink)}.status-card .state{margin-top:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.status-card.done{border-left:3px solid #4d8a52}.status-card.done .state{color:#4d8a52}.status-card.active{border-left:3px solid var(--accent-2)}.status-card.active .state{color:var(--accent-2)}.status-card.todo{border-left:3px solid var(--rule-strong)}.status-card.todo .state{color:var(--muted)}.site-footer{border-top:1px solid var(--rule);padding:36px 0;font-family:var(--sans);font-size:13px;color:var(--muted);text-align:center}.site-footer .container{max-width:var(--max-wide)}.footer-line{margin:0 0 4px}.footer-line.muted{font-size:12px}.site-footer a{color:var(--ink-2);border-bottom:none}.site-footer a:hover{color:var(--accent)}@media(max-width:640px){body{font-size:17px}.hero{padding:56px 0 36px}.article{padding:40px 0 60px}.post-item{grid-template-columns:48px 1fr;gap:14px}.site-nav{gap:14px;font-size:13px}.brand-sub{display:none}.diagram{padding:16px}.article-nav{flex-direction:column}.article-nav a{max-width:100%}.article-nav .next{text-align:left;margin-left:0}}