:root{color-scheme:light;--paper:#f4eedf;--paper-light:#fbf8ef;--ink:#1b1d1f;--ink-soft:#555b62;--line:#b8b2a4;--blue:#2458d3;--red:#a33a28;--red-accent:#d84a2f;--focus:#00796b;--content:1320px;--serif:Georgia, "Times New Roman", "Noto Serif CJK SC", "Songti SC", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-width:0;color:var(--ink);background:var(--paper);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--blue)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{z-index:100;color:var(--paper-light);background:var(--ink);padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{border-top:7px solid var(--blue);border-bottom:1px solid var(--ink)}.site-header__inner,.site-footer__inner,.featured-section,.archive-list,.article-end{width:min(calc(100% - 3rem), var(--content));margin-inline:auto}.site-header__inner{justify-content:space-between;align-items:stretch;min-height:92px;display:flex}.site-identity{align-items:center;gap:.9rem;text-decoration:none;display:inline-flex}.site-identity__mark{width:56px;height:56px;color:var(--paper-light);background:var(--blue);font:700 .82rem/1 var(--mono);letter-spacing:.08em;place-items:center;display:grid}.site-identity__text{gap:.1rem;display:grid}.site-identity__text strong{font:700 .88rem/1.2 var(--mono);letter-spacing:.12em}.site-identity__text small{color:var(--ink-soft);letter-spacing:.08em;font-size:.76rem}.site-nav,.site-nav li{margin:0;padding:0;list-style:none;display:flex}.site-nav{border-left:1px solid var(--line);height:100%}.site-nav a{border-right:1px solid var(--line);letter-spacing:.12em;place-items:center;min-width:78px;height:100%;font-size:.86rem;text-decoration:none;display:grid}.site-nav a[aria-current=page]{color:var(--paper-light);background:var(--ink)}main{min-width:0}.page-grid{width:min(calc(100% - 3rem), var(--content));grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.eyebrow{color:var(--blue);font:700 .76rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.home-hero{border-right:1px solid var(--line);border-left:1px solid var(--line);min-height:650px}.home-hero__rail{border-right:1px solid var(--line);color:var(--ink-soft);font:.7rem/1.4 var(--mono);letter-spacing:.1em;writing-mode:vertical-rl;flex-direction:column;grid-column:1/span 2;justify-content:space-between;padding:2rem 1.5rem;display:flex}.home-hero__copy{grid-column:3/span 7;align-self:center;padding:5rem clamp(2rem,5vw,5rem)}.home-hero h1,.page-hero h1,.not-found h1,.article-hero h1{font-family:var(--serif);letter-spacing:-.045em;margin:1.25rem 0 1.6rem;font-weight:500}.home-hero h1{max-width:9ch;font-size:clamp(4.4rem,8.5vw,8.5rem);line-height:.88}.home-hero h1 em{color:var(--red);font-style:normal}.home-hero__copy>p:not(.eyebrow){max-width:32rem;color:var(--ink-soft);margin:0 0 2.25rem;font-size:clamp(1rem,1.3vw,1.18rem)}.hero-link,.text-link{align-items:center;gap:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.hero-link{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);min-height:48px;padding-block:.65rem}.home-hero__manifesto{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-column:10/-1;grid-template-columns:auto 1fr;align-self:end;gap:0;display:grid}.home-hero__manifesto span,.home-hero__manifesto p{border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;padding:1rem}.home-hero__manifesto span{color:var(--red);font:700 .72rem/1 var(--mono)}.home-hero__manifesto p{font-family:var(--serif)}.featured-section{padding-block:clamp(5rem,9vw,8rem)}.section-heading{border-bottom:3px solid var(--ink);grid-template-columns:1fr 2fr;align-items:end;gap:2rem;padding-bottom:1.5rem;display:grid}.section-heading h2{max-width:18ch;font:500 clamp(2rem, 4vw, 4.4rem)/1.05 var(--serif);letter-spacing:-.035em;margin:0}.article-card{border-bottom:1px solid var(--ink);grid-template-columns:minmax(74px,1fr) minmax(0,5fr);display:grid}.article-card__index{border-right:1px solid var(--line);color:var(--red);font:700 1rem/1 var(--mono);padding:2rem 1rem}.article-card__body{padding:clamp(2rem,5vw,4rem)}.article-card__meta{color:var(--ink-soft);font:.72rem/1.5 var(--mono);letter-spacing:.05em;flex-wrap:wrap;gap:.6rem 1.6rem;display:flex}.article-card h2{max-width:21ch;font:500 clamp(2rem, 4.5vw, 4.6rem)/1.05 var(--serif);letter-spacing:-.035em;margin:1rem 0}.article-card h2 a{text-decoration:none}.article-card__body>p{max-width:43rem;color:var(--ink-soft);font-size:1rem}.article-card .text-link{margin-top:1rem}.home-notes{border-top:1px solid var(--ink);padding-block:clamp(4rem,8vw,7rem)}.home-notes__title{grid-column:1/span 5}.home-notes h2{font:500 clamp(2.4rem, 5vw, 5rem)/1 var(--serif);margin:1rem 0}.home-notes>p{max-width:35rem;font:1.25rem/1.8 var(--serif);grid-column:7/-1;margin:2rem 0 0}.page-hero{border-right:1px solid var(--line);border-bottom:1px solid var(--ink);border-left:1px solid var(--line);align-items:center;min-height:470px}.page-hero__index{border-right:1px solid var(--line);color:var(--red);font:.76rem/1.4 var(--mono);writing-mode:vertical-rl;grid-column:1/span 3;align-self:stretch;margin:0;padding:2rem}.page-hero>div{grid-column:4/span 8;padding:clamp(3rem,7vw,7rem)}.page-hero h1,.not-found h1{font-size:clamp(3.4rem,7vw,7.4rem);line-height:.95}.page-hero>div>p:last-child,.not-found>div>p:not(.eyebrow){max-width:38rem;color:var(--ink-soft);font-size:1.1rem}.archive-list{padding-block:4rem 7rem}.about-copy{padding-block:clamp(4rem,9vw,8rem)}.about-copy__lead{color:var(--blue);font:500 clamp(2rem, 4vw, 4rem)/1.15 var(--serif);letter-spacing:-.03em;grid-column:1/span 5;margin:0}.about-copy>div{font:1.13rem/1.9 var(--serif);grid-column:7/-1}.about-copy .text-link{font-family:var(--sans);margin-top:1.5rem;font-size:.95rem}.not-found{align-items:center;min-height:68vh}.not-found__code{color:var(--red);font:700 clamp(7rem, 18vw, 16rem)/.8 var(--mono);letter-spacing:-.08em;grid-column:1/span 5;margin:0}.not-found>div{grid-column:7/-1}.article-hero{border-right:1px solid var(--line);border-bottom:1px solid var(--ink);border-left:1px solid var(--line);min-height:610px}.article-hero__rail{border-right:1px solid var(--line);color:var(--red);font:.72rem/1.4 var(--mono);writing-mode:vertical-rl;flex-direction:column;grid-column:1/span 2;justify-content:space-between;padding:2rem 1.5rem;display:flex}.article-hero__main{grid-column:3/-1;align-self:center;padding:clamp(3rem,8vw,8rem)}.article-hero h1{max-width:15ch;font-size:clamp(3.1rem,6.7vw,7rem);line-height:.98}.article-dek{max-width:47rem;color:var(--ink-soft);font:1.18rem/1.8 var(--serif);margin:0}.article-byline{border-top:1px solid var(--ink);color:var(--ink-soft);font:.72rem/1.6 var(--mono);overflow-wrap:anywhere;flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:2.2rem;padding-top:1rem;display:flex}.article-content{width:min(100% - 3rem,760px);font:clamp(1.08rem, 1.45vw, 1.22rem)/1.98 var(--serif);overflow-wrap:anywhere;margin-inline:auto;padding-block:clamp(4rem,9vw,8rem)}.article-content>p{margin:0 0 1.5em}.article-content>p:first-child:first-letter{float:left;color:var(--red);font:500 4.4em/.78 var(--serif);margin:.08em .12em 0 0}.article-content a{color:var(--blue);text-decoration-color:color-mix(in srgb, var(--blue) 55%, transparent);overflow-wrap:anywhere}.article-content strong{font-weight:700}.draft-banner{border-block:1px solid var(--blue);background:var(--paper-light);color:var(--blue);text-align:center;font:.85rem/1.5 var(--sans);padding:.8rem 1.5rem}.article-content h2,.article-content h3{font-family:var(--sans);margin:2.2em 0 .8em;scroll-margin-top:2rem;line-height:1.45}.article-content h2{font-size:1.65em}.article-content h3{font-size:1.25em}.article-content li{margin-block:.65em}.article-content ul,.article-content ol{padding-left:1.5em}.article-content blockquote{border-left:5px solid var(--red-accent);color:var(--ink-soft);margin:2.5rem 0;padding:1.2rem 0 1.2rem 1.5rem;font-size:1.12em}.article-content code{font:.84em/1.5 var(--mono);background:#e6dfcf;padding:.1em .28em}.article-content pre{box-sizing:border-box;border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;width:100%;max-width:100%;margin:2rem 0;padding:1.2rem;overflow-x:auto;background:var(--paper-light)!important}.article-content pre code{background:0 0;padding:0;font-size:1rem}.article-content pre[data-language=text] code,.article-content pre[data-language=plaintext] code{font:1rem/1.8 var(--sans);white-space:pre-wrap}.article-content .code-frame{border:1px solid var(--line);background:var(--paper-light);border-radius:6px;width:100%;max-width:100%;margin:2rem 0;overflow:hidden}.article-content .code-frame pre{border:0;border-radius:0;margin:0}.code-toolbar{border-bottom:1px solid var(--line);font:.8rem/1.5 var(--sans);align-items:center;gap:.75rem;padding:.55rem .8rem;display:flex}.code-language{color:var(--ink-soft)}.copy-feedback{margin-left:auto;font-size:.75rem}.copy-code{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;flex-shrink:0;padding:.4rem .65rem}.copy-code:hover{border-color:var(--blue)}.copy-code:disabled{cursor:wait}.copy-code:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.article-content>p:has(>.diagram-viewport){margin:0}.diagram-nav{border:1px solid var(--ink);background:var(--paper-light);width:min(1180px,100vw - 2rem);margin:4rem 50% 0;display:flex;transform:translate(-50%)}.diagram-nav__hint{color:var(--ink-soft);font:700 .72rem/1.5 var(--mono);letter-spacing:.04em;flex:auto;padding:.7rem .9rem}.diagram-nav a{border-left:1px solid var(--ink);color:var(--ink);background:var(--paper);font:700 .76rem/1 var(--mono);overflow-wrap:normal;flex:0 0 3.4rem;place-items:center;text-decoration:none;display:grid}.diagram-nav a:hover{color:var(--paper-light);background:var(--blue)}.diagram-viewport{overscroll-behavior-inline:contain;scrollbar-gutter:stable;touch-action:pan-x pan-y;width:min(1180px,100vw - 2rem);margin:0 50% 4rem;display:block;overflow-x:auto;transform:translate(-50%)}.diagram-viewport:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.diagram-canvas{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;position:relative}.diagram-target{z-index:1;width:max-content;color:var(--paper-light);background:var(--ink);font:700 .68rem/1.35 var(--mono);grid-row:1;align-self:start;margin:.65rem;padding:.2rem .48rem;scroll-margin-inline:1rem;text-decoration:none}.diagram-target--left{grid-column:1;justify-self:start}.diagram-target--middle{grid-column:2;justify-self:center}.diagram-target--right{grid-column:3;justify-self:end}.diagram-target:target{outline:3px solid var(--focus);outline-offset:2px}.diagram-canvas img{border:1px solid var(--ink);background:#fff;grid-area:1/1/auto/-1;width:100%;height:auto}.article-end{border-top:1px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-block:2rem 5rem;display:grid}.article-end>span{color:var(--red)}.article-end p{color:var(--ink-soft);margin:0;font-size:.82rem}.site-footer{color:var(--paper-light);background:var(--ink);border-top:6px solid var(--red-accent)}.site-footer__inner{justify-content:space-between;gap:2rem;padding-block:2.2rem;display:flex}.site-footer p{letter-spacing:.08em;margin:0;font-size:.78rem}@media (width<=760px){.site-header__inner,.site-footer__inner,.featured-section,.archive-list,.article-end,.page-grid{width:min(calc(100% - 1.25rem), var(--content))}.site-header__inner{min-height:72px}.site-identity{gap:0}.site-identity__mark{width:44px;height:44px}.site-identity__text{display:none}.site-nav a{min-width:58px;font-size:.78rem}.home-hero,.page-hero,.article-hero,.not-found{grid-template-columns:repeat(4,minmax(0,1fr))}.home-hero{min-height:0}.home-hero__rail,.article-hero__rail{border-right:0;border-bottom:1px solid var(--line);writing-mode:horizontal-tb;flex-direction:row;grid-column:1/-1;padding:.8rem}.home-hero__copy,.article-hero__main{grid-column:1/-1;padding:3.5rem 1.2rem}.home-hero h1{font-size:clamp(3.7rem,19vw,5.5rem)}.home-hero__manifesto{border-left:0;grid-column:1/-1}.section-heading{grid-template-columns:1fr}.article-card{grid-template-columns:54px minmax(0,1fr)}.article-card__index{padding:1.5rem .75rem}.article-card__body{padding:2rem 1.2rem}.article-card h2{font-size:clamp(1.8rem,9vw,2.8rem)}.home-notes__title,.home-notes>p,.about-copy__lead,.about-copy>div{grid-column:1/-1}.page-hero{min-height:420px}.page-hero__index{border-right:0;border-bottom:1px solid var(--line);writing-mode:horizontal-tb;grid-column:1/-1;padding:.8rem}.page-hero>div{grid-column:1/-1;padding:3rem 1.2rem}.page-hero h1,.not-found h1,.article-hero h1{font-size:clamp(3rem,14vw,4.4rem)}.about-copy{gap:2rem}.not-found{padding-block:4rem}.not-found__code,.not-found>div{grid-column:1/-1}.not-found__code{margin-bottom:3rem}.article-hero{min-height:0}.article-byline{display:grid}.article-content{width:min(100% - 2rem,760px);padding-block:4rem}.diagram-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.6rem;display:grid}.diagram-nav__hint{border-bottom:1px solid var(--ink);grid-column:1/-1}.diagram-nav a{min-height:2.6rem}.diagram-nav a:first-of-type{border-left:0}.diagram-viewport{margin-bottom:2.6rem}.diagram-canvas{min-width:64rem}.article-end{grid-template-columns:auto 1fr}.article-end .text-link{grid-column:2}.site-footer__inner{gap:.5rem;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}