:root{--color-paper:oklch(97.6% .005 95);--color-paper-2:oklch(94.8% .007 95);--color-paper-3:oklch(91.5% .009 95);--color-ink:oklch(21% .011 250);--color-ink-2:oklch(47% .011 250);--color-ink-3:oklch(64% .009 250);--color-grid:oklch(72% .055 245);--grid-line:color-mix(in oklab, var(--color-grid) 24%, transparent);--grid-edge:color-mix(in oklab, var(--color-grid) 55%, transparent);--col-gap:24px;--color-accent:oklch(52% .19 32);--color-accent-hot:oklch(58% .2 32);--color-accent-ink:oklch(98% .004 95);--color-focus:oklch(45% .16 250);--color-rule:color-mix(in oklab, var(--color-ink) 14%, transparent);--color-rule-2:color-mix(in oklab, var(--color-ink) 32%, transparent);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Courier New", monospace;--text-display:clamp(2.25rem, 5.5vw, 4.5rem);--text-display-s:clamp(1.75rem, 3.8vw, 2.875rem);--text-4xl:clamp(1.5rem, 2.9vw, 2.25rem);--text-3xl:clamp(1.25rem, 2.1vw, 1.625rem);--text-2xl:1.25rem;--text-xl:1.0625rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.78125rem;--text-2xs:.6875rem;--leading-tight:1.05;--leading-snug:1.3;--leading-body:1.7;--tracking-display:-.02em;--tracking-label:.16em;--cell:8px;--cell-major:40px;--space-3xs:4px;--space-2xs:8px;--space-xs:16px;--space-sm:24px;--space-md:40px;--space-lg:64px;--space-xl:96px;--space-2xl:144px;--space-3xl:200px;--page-gutter:clamp(var(--space-xs), 5vw, var(--space-xl));--measure:62ch;--radius:0px;--rule-hair:1px;--rule-solid:2px;--dur-fast:.14s;--dur-base:.28s;--dur-slow:.62s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;font-weight:400}img{max-width:100%;display:block}figure{margin:0}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline:var(--rule-solid) solid var(--color-focus);outline-offset:2px}.sheet{z-index:0;pointer-events:none;position:fixed;inset:0}.page{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.skip{background:var(--color-ink);color:var(--color-paper);padding:var(--space-2xs) var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);z-index:40;position:absolute;top:0;left:-9999px}.skip:focus{left:var(--space-2xs);top:var(--space-2xs)}.rail{width:var(--space-lg);z-index:30;padding:var(--space-xs) 0;border-right:var(--rule-hair) solid var(--color-rule-2);background:color-mix(in oklab, var(--color-paper) 88%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0}.rail-id{appearance:none;border:var(--rule-hair) solid var(--color-rule-2);background:var(--color-paper);width:var(--space-sm);height:var(--space-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);padding:0;overflow:hidden}.rail-id img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%}.rail-id:hover{border-color:var(--color-ink)}.rail-sides{gap:var(--space-xs);flex-direction:column;display:flex}.rail-side{appearance:none;padding:var(--space-3xs) 0;cursor:pointer;color:var(--color-ink-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);align-items:center;gap:var(--space-2xs);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex-direction:column;display:flex}.rail-name{writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase}.rail-side:hover{color:var(--color-ink)}.rail-side[aria-current=page]{color:var(--color-accent)}.rail-side[aria-current=page] .rail-ref:after{content:"";right:calc(-1 * var(--space-xs) - 1px);width:var(--space-2xs);height:var(--rule-solid);background:var(--color-accent);position:absolute;top:50%}.rail-ref{position:relative}.rail-lang{gap:var(--space-3xs);flex-direction:column;display:flex}.lang-btn{appearance:none;border:var(--rule-hair) solid transparent;color:var(--color-ink-3);font-family:var(--font-mono);font-size:var(--text-2xs);padding:2px var(--space-3xs);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0}.lang-btn:hover{color:var(--color-ink)}.lang-btn[aria-pressed=true]{color:var(--color-ink);border-color:var(--color-rule-2)}main{margin-left:var(--space-lg);flex:1}.side{padding:var(--space-xl) var(--page-gutter) var(--space-2xl);max-width:1400px}.label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:var(--space-2xs);margin:0 0 var(--space-sm);display:flex}.label:before{content:"";width:var(--cell);height:var(--cell);background:var(--color-accent);flex:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-style:normal;font-weight:700;line-height:var(--leading-tight);overflow-wrap:anywhere;min-width:0;margin:0}p{margin:0}.map-head{margin-bottom:var(--space-xl)}.map-ref{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--color-ink-3);text-transform:uppercase;margin-bottom:var(--space-xs)}.map-name{font-size:var(--text-display);margin-bottom:var(--space-xs)}.map-role{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-accent);margin-bottom:var(--space-2xs)}.map-place{color:var(--color-ink-2);font-size:var(--text-sm)}.map-open{align-items:center;gap:var(--space-2xs);margin-top:var(--space-sm);padding:var(--space-2xs) var(--space-xs);border:var(--rule-hair) solid var(--color-rule-2);background:var(--color-paper-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);display:inline-flex}.map-open:before{content:"";width:var(--cell);height:var(--cell);background:var(--color-accent);flex:none}.map-grid{gap:var(--space-md) var(--col-gap);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}.node{border:var(--rule-hair) solid var(--color-rule-2);border-top:var(--rule-solid) solid var(--color-ink);background:color-mix(in oklab, var(--color-paper) 72%, transparent);padding:var(--space-sm);min-width:0}.node--intro{grid-column:1}.node--stack{grid-column:2}.node--reach{grid-column:1}.node--sides{grid-column:2/span 1}.node-ref{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--color-ink-3);text-transform:uppercase;margin-bottom:var(--space-xs)}.intro p{max-width:var(--measure);color:var(--color-ink-2);margin-bottom:var(--space-sm)}.intro p:last-child{margin-bottom:0}.intro strong{color:var(--color-ink);font-weight:600}.chips{gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-3xs) var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-2);background:var(--color-paper-2);color:var(--color-ink-2)}.reach{gap:var(--space-2xs);flex-direction:column;align-items:flex-start;display:flex}.reach a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink);border-bottom:var(--rule-hair) solid var(--color-rule-2);transition:border-color var(--dur-fast) var(--ease-out);padding-bottom:2px;text-decoration:none}.reach a:hover{border-color:var(--color-accent)}.side-cards{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.side-card{appearance:none;text-align:left;cursor:pointer;background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule-2);padding:var(--space-sm);min-width:0;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.side-card:hover{background:var(--color-paper-3);border-color:var(--color-ink-3)}.side-card-t{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);letter-spacing:var(--tracking-display);align-items:baseline;gap:var(--space-2xs);margin-bottom:var(--space-2xs);display:flex}.side-card-ref{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-accent);font-weight:500}.side-card-d{color:var(--color-ink-2);font-size:var(--text-sm);line-height:var(--leading-snug)}.btn{appearance:none;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2xs) var(--space-sm);border:var(--rule-hair) solid var(--color-ink);background:var(--color-ink);color:var(--color-paper);cursor:pointer;border-radius:var(--radius);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:500;text-decoration:none;display:inline-flex}.btn:hover,.btn.is-hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn:active,.btn.is-active{background:var(--color-accent-hot);border-color:var(--color-accent-hot)}.btn[disabled],.btn[aria-disabled=true]{background:var(--color-paper-3);border-color:var(--color-rule-2);color:var(--color-ink-3);cursor:not-allowed}.btn--ghost{color:var(--color-ink);border-color:var(--color-rule-2);background:0 0}.btn--ghost:hover,.btn--ghost.is-hover{border-color:var(--color-ink);color:var(--color-ink);background:0 0}.flow-head{margin-bottom:var(--space-2xl);max-width:var(--measure)}.flow-lede{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-2);margin-top:var(--space-xs)}.stage{grid-template-columns:var(--space-xl) minmax(0, 1fr);gap:var(--space-md);padding-block:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.stage:first-of-type{border-top:0;padding-top:0}.stage-mark{top:var(--space-md);align-self:start;position:sticky}.stage-no{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--color-accent);font-weight:500;line-height:1}.stage-name{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3);margin-top:var(--space-2xs);writing-mode:vertical-rl}.stage-h{font-size:var(--text-4xl);max-width:22ch;margin-bottom:var(--space-md)}.stage-body p{max-width:var(--measure);color:var(--color-ink-2);margin-bottom:var(--space-sm)}.pull{border-left:var(--rule-solid) solid var(--color-accent);padding-left:var(--space-sm);margin-top:var(--space-md);font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-display);max-width:34ch}.parts{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));padding:0;list-style:none;display:grid}.part{border-top:var(--rule-hair) solid var(--color-rule-2);padding-top:var(--space-xs);min-width:0}.part-n{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:var(--tracking-display);margin-bottom:var(--space-3xs)}.part-d{color:var(--color-ink-2);font-size:var(--text-sm);line-height:var(--leading-snug)}.part code{font-family:var(--font-mono);background:var(--color-paper-3);padding:1px 4px;font-size:.9em}.stats{margin-top:var(--space-md);border-top:var(--rule-solid) solid var(--color-ink);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0;padding:0;list-style:none;display:grid}.stat{padding:var(--space-sm) var(--space-sm) var(--space-sm) 0;border-bottom:var(--rule-hair) solid var(--color-rule);min-width:0}.stat-n{font-family:var(--font-mono);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:500;line-height:1}.stat-label{margin-top:var(--space-2xs);font-size:var(--text-sm);line-height:var(--leading-snug)}.stat-how{margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-3)}.note{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-3);max-width:var(--measure)}.foot{margin-left:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule-2);padding:var(--space-md) var(--page-gutter) var(--space-lg);gap:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex}.foot-statement{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);letter-spacing:var(--tracking-display);max-width:24ch}.colophon{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-3);max-width:var(--measure);line-height:var(--leading-snug)}@media (width<=900px){.map-grid{grid-template-columns:minmax(0,1fr)}.node--intro,.node--stack,.node--reach,.node--sides{grid-column:1}}@media (width<=768px){.rail{width:auto;padding:var(--space-2xs) var(--space-xs);border-right:0;border-top:var(--rule-hair) solid var(--color-rule-2);flex-direction:row;inset:auto 0 0}.rail-sides{gap:var(--space-sm);flex-direction:row}.rail-side{gap:var(--space-3xs);min-height:44px;padding-inline:var(--space-2xs);flex-direction:row}.lang-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.rail-name{writing-mode:horizontal-tb}.rail-side[aria-current=page] .rail-ref:after{top:auto;left:50%;right:auto;bottom:calc(-1 * var(--space-3xs));transform:translate(-50%)}.rail-lang{flex-direction:row}main,.foot{margin-left:0}.foot{padding-bottom:calc(var(--space-lg) + var(--space-md))}.side{padding-top:var(--space-md)}.stage{gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}.stage-mark{align-items:baseline;gap:var(--space-2xs);display:flex;position:static}.stage-name{writing-mode:horizontal-tb;margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}