:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--paper:#f4f0e7;--paper-raised:#fbf8f1;--ink:#18212d;--muted:#66717f;--line:#18212d2e;--line-strong:#18212d6b;--blue:#2b6de8;--blue-soft:#2b6de81a;--orange:#e85d2a;--orange-soft:#e85d2a1a;--dark:#131b25;--dark-raised:#1c2734;--dark-text:#edf3fa;--dark-muted:#a8b5c3;--measure:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}code,pre{font-family:var(--font-mono)}code{font-size:.92em}strong{font-weight:640}.tutorial-shell{overflow:clip}.top-nav{z-index:20;min-height:56px;padding:0 max(22px, calc((100vw - var(--measure)) / 2));border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-nav a{color:var(--ink);text-decoration:none}.top-nav .brand{font-family:var(--font-mono);letter-spacing:.12em;font-size:12px;font-weight:700}.top-nav>div{gap:26px;display:flex}.top-nav>div a{color:var(--muted);font-size:13px}.top-nav>div a:hover{color:var(--blue)}.hero{min-height:calc(100vh - 56px);padding:clamp(54px, 8vw, 110px) max(24px, calc((100vw - var(--measure)) / 2)) 76px;background:linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 72px 72px, linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 72px 72px, var(--paper)}.hero-meta{justify-content:space-between;align-items:center;gap:24px;display:flex}.hero-meta>p:last-child{color:var(--muted);font-family:var(--font-mono);margin:0;font-size:12px}.eyebrow,.field-label,.memory-label,.step-number{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.068em;max-width:1050px;margin:clamp(64px,10vw,130px) 0 30px;font-size:clamp(58px,8.7vw,124px);font-weight:570;line-height:.92}.hero h1 span{color:var(--blue)}.hero-copy{max-width:760px;color:var(--muted);margin:0;font-size:clamp(19px,2vw,26px);line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:28px;display:flex}.primary-link,.secondary-link{color:var(--ink);padding:12px 0;font-weight:650;text-decoration:none;display:inline-block}.primary-link{border-bottom:2px solid var(--orange)}.secondary-link{color:var(--muted);font-size:14px}.hero-thesis{border-top:1px solid var(--line-strong);grid-template-columns:150px 1fr;align-items:start;gap:32px;margin-top:clamp(70px,10vw,130px);padding-top:24px;display:grid}.hero-thesis>span{color:var(--orange);font-family:var(--font-mono);letter-spacing:.12em;font-size:12px}.hero-thesis p{letter-spacing:-.025em;max-width:830px;margin:0;font-size:clamp(23px,3vw,38px);line-height:1.35}.hero-thesis code{color:var(--blue)}.content-section{padding:clamp(90px, 11vw, 160px) max(24px, calc((100vw - var(--measure)) / 2));border-top:1px solid var(--line)}.section-heading{margin-bottom:68px}.section-kicker{font-family:var(--font-mono);letter-spacing:.11em;gap:16px;margin-bottom:26px;font-size:12px;display:flex}.section-kicker span:first-child{color:var(--orange)}.section-kicker span:last-child{color:var(--muted)}.section-heading h2{letter-spacing:-.048em;margin:0;font-size:clamp(42px,5.8vw,80px);font-weight:570;line-height:1.02}.section-heading>p{color:var(--muted);margin:28px 0 0;font-size:clamp(18px,1.8vw,23px);line-height:1.72}.operation-intro{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:34px;margin-bottom:38px;display:grid}.operation-intro h3{letter-spacing:-.035em;margin:-7px 0 0;font-size:clamp(28px,3.2vw,46px);line-height:1.16}.operation-examples{border-top:1px solid var(--line-strong);margin:0;padding:0;list-style:none}.operation-examples>li{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(220px,.75fr) minmax(420px,1.45fr);align-items:center;gap:34px;min-height:142px;padding:25px 0;display:grid}.operation-index{color:var(--orange);font-family:var(--font-mono);letter-spacing:.08em;align-self:start;padding-top:5px;font-size:11px}.operation-copy strong{font-size:20px;display:block}.operation-copy p{color:var(--muted);margin:10px 0 0;line-height:1.62}.operation-code{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.operation-code code{border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);white-space:nowrap;padding:14px 16px;font-size:13px;overflow-x:auto}.operation-code code:last-child{border-color:color-mix(in srgb, var(--blue) 45%, var(--line));color:var(--blue)}.operation-code span{color:var(--muted);font-family:var(--font-mono);text-align:center;white-space:nowrap;font-size:10px}.source-map-motivation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);align-items:baseline;gap:34px;margin-top:54px;padding:22px 0;display:grid}.source-map-motivation>span{color:var(--blue);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.source-map-motivation p{max-width:780px;color:var(--muted);margin:0;font-size:clamp(17px,1.7vw,21px);line-height:1.7}.source-map-motivation code{color:var(--blue)}.source-map-primer{border-top:4px solid var(--blue);background:var(--dark);color:var(--dark-text);margin-top:54px;padding:clamp(24px,4.5vw,54px)}.primer-heading{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:end;gap:50px;display:grid}.primer-heading h3{letter-spacing:-.038em;margin:10px 0 0;font-size:clamp(28px,3.5vw,48px);line-height:1.13}.primer-heading>p{color:var(--dark-muted);margin:0;line-height:1.7}.primer-heading code{color:var(--dark-text)}.mapping-readout{border-top:1px solid #ffffff3d;border-bottom:1px solid #ffffff1f;grid-template-columns:120px max-content 28px max-content minmax(0,1fr);align-items:center;gap:14px;margin-top:38px;padding:18px 0;display:grid}.mapping-readout>span{color:#ff8a5b;font-size:13px;font-weight:650}.mapping-readout code{color:var(--dark-text);font-size:12px}.mapping-readout strong{color:#ff8a5b;text-align:center}.mapping-readout p{color:var(--dark-muted);margin:0;font-size:13px;line-height:1.5}.source-map-compare{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:center;gap:24px;margin-top:40px;display:grid;position:relative}.code-pane{z-index:1;min-width:0;position:relative}.pane-title{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.pane-title span{font-weight:650}.pane-title small{color:var(--dark-muted);font-family:var(--font-mono)}.file-block+.file-block{margin-top:18px}.file-block>strong{color:var(--dark-muted);font-family:var(--font-mono);margin-bottom:8px;font-size:11px;font-weight:500;display:block}.file-block pre{color:#e8eef5;background:#080c11;margin:0;padding:17px 0;font-size:13px;line-height:1.9;overflow-x:auto}.code-line{grid-template-columns:38px max-content;min-width:max-content;padding-right:18px;display:grid}.code-line>i{color:#667487;text-align:right;-webkit-user-select:none;user-select:none;padding-right:12px;font-style:normal}.mapped-segment{color:#9bbcff;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #79a6ff;margin:0;padding:1px 2px}.mapped-segment:hover,.mapped-segment[data-active=true]{color:#d7e4ff;background:#79a6ff3d}.source-pane mark{color:inherit;background:0 0;padding:1px 2px}.source-pane mark[data-active=true]{color:#ffe0d2;background:#ff8a5b47}.generated-only{color:#7f8a98}.map-connector{z-index:3;background:var(--dark);color:#ff8a5b;text-align:center;justify-items:center;gap:8px;padding:8px 3px;display:grid;position:relative}.map-connector span{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:9px}.compact-line-maps{display:none}.line-map-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.line-map-path{fill:none;stroke:#79a6ff80;stroke-width:1.5px;vector-effect:non-scaling-stroke}.line-map-path[data-active=true]{stroke:#ff8a5b;stroke-width:2.5px}#line-map-arrow path{fill:#79a6ff}#line-map-arrow-active path{fill:#ff8a5b}.generated-note{color:var(--dark-muted);margin:14px 0 0;font-size:12px;line-height:1.55}.problem-section blockquote{border-left:4px solid var(--orange);letter-spacing:-.035em;margin:76px 0 0;padding:0 0 0 26px;font-size:clamp(27px,3.5vw,48px);line-height:1.35}.problem-conclusion{color:var(--muted);margin:28px 0 0 30px;font-size:17px;line-height:1.72}.problem-conclusion code{color:var(--blue)}.type-primer{background:var(--line-strong);border:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:72px;display:grid}.type-primer>div{background:var(--paper);padding:24px}.type-primer>div>code{color:var(--blue);font-size:15px;font-weight:700}.type-primer p{color:var(--muted);margin:14px 0 0;line-height:1.65}.leaf-study{margin-top:76px}.leaf-study-heading{border-bottom:1px solid var(--line-strong);grid-template-columns:1fr;gap:20px;padding:0 0 32px;display:grid}.leaf-study-heading>div>span,.leaf-case>header>span,.leaf-use>span,.leaf-map-result>span{color:var(--orange);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.leaf-study-heading h3{letter-spacing:-.04em;margin:14px 0 0;font-size:clamp(30px,4vw,52px);line-height:1.08}.leaf-study-heading>p{color:var(--muted);margin:0;font-size:17px;line-height:1.72}.leaf-study-heading code{color:var(--blue)}.leaf-comparison{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.leaf-case{min-width:0;padding:38px clamp(28px,4vw,54px) 42px 0}.leaf-case+.leaf-case{border-left:1px solid var(--line-strong);padding-left:clamp(28px,4vw,54px);padding-right:0}.leaf-case-original>header>span{color:var(--blue)}.leaf-case>header h4{font-family:var(--font-mono);letter-spacing:-.035em;margin:12px 0 7px;font-size:clamp(22px,2.6vw,32px)}.leaf-case>header p{min-height:48px;color:var(--muted);margin:0;line-height:1.55}.leaf-use{border-top:1px solid var(--line);min-height:172px;margin-top:28px;padding-top:22px}.leaf-use>span{color:var(--muted);margin-bottom:10px;display:block}.leaf-use>strong{font-size:16px;display:block}.leaf-use>p{color:var(--muted);margin:10px 0 0;line-height:1.65}.leaf-use code{color:var(--ink)}.leaf-case pre{background:var(--dark);min-height:130px;color:var(--dark-text);margin:0;padding:19px 20px;font-size:12px;line-height:1.6;overflow-x:auto}.leaf-map-result{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;margin-top:24px;display:grid}.leaf-map-result>span{color:var(--muted);grid-column:1/-1;margin-bottom:2px}.leaf-map-result>code{background:var(--blue-soft);color:var(--blue);text-overflow:ellipsis;white-space:nowrap;padding:9px 10px;font-size:10px;overflow:hidden}.leaf-case-raw .leaf-map-result>code:last-child{background:var(--orange-soft);color:var(--orange)}.leaf-map-result>strong{color:var(--muted);text-align:center}.source-choice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.8fr) 38px minmax(360px,1.2fr);align-items:center;gap:20px;margin-top:26px;padding:26px 0;display:grid}.source-choice-label{color:var(--muted);margin:0;font-size:12px;display:block}.source-choice>strong{color:var(--orange);text-align:center;font-size:22px}.source-choice-branches{gap:8px;display:grid}.source-choice-branches p{grid-template-columns:minmax(190px,.85fr) minmax(220px,1.15fr);gap:18px;margin:0;padding:10px 0;display:grid}.source-choice-branches p+p{border-top:1px solid var(--line)}.source-choice-branches code{color:var(--blue);font-size:11px}.source-choice-branches span{color:var(--muted);font-size:13px}.type-ledger{border-top:1px solid var(--line-strong)}.ledger-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1.1fr) minmax(100px,.6fr) 2fr;align-items:center;gap:28px;min-height:68px;display:grid}.ledger-row code{color:var(--blue);font-weight:650}.ledger-row strong{font-size:14px}.ledger-row span{color:var(--muted)}.interactive-field{border:1px solid var(--line-strong);background:var(--paper-raised);box-shadow:12px 12px 0 var(--line);margin-top:76px;padding:clamp(22px,4vw,48px)}.field-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:26px;display:flex}.field-header h3{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(26px,3vw,42px)}.step-controls{align-items:center;gap:16px;min-width:240px;display:flex}.step-controls button{border:1px solid var(--line-strong);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:10px 13px;font-size:13px}.step-controls button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.step-controls button:disabled{opacity:.35;cursor:not-allowed}.step-controls span{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;font-size:12px}.step-controls strong{color:var(--ink)}.builder-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:center;gap:56px;padding-top:46px;display:grid}.source-structure-diagram{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.source-tree-root{justify-items:center;width:100%;display:grid}.diagram-node{border:1px solid var(--line-strong);background:var(--paper);min-width:170px;box-shadow:5px 5px 0 var(--line);opacity:.16;text-align:center;padding:15px 17px;transition:opacity .28s,transform .28s,border-color .28s;transform:translateY(6px)}.diagram-node[data-active=true]{opacity:1;transform:translateY(0)}.diagram-node[data-accent=blue][data-active=true]{border-color:var(--blue)}.diagram-node[data-accent=orange][data-active=true]{border-color:var(--orange)}.diagram-node>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:5px;font-size:10px;display:block}.diagram-node>strong{font-size:17px;display:block}.diagram-node>code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:10px;display:block;overflow:hidden}.diagram-node-leaf{flex-direction:column;justify-content:center;height:104px;display:flex}.source-tree-rail{background:var(--line-strong);opacity:.16;width:1px;transition:opacity .25s}.source-tree-rail[data-active=true]{opacity:1}.source-tree-root-rail,.source-tree-transform-rail{height:28px}.source-tree-branch-group{width:100%}.source-tree-distributor{opacity:.16;width:100%;height:40px;transition:opacity .25s;position:relative}.source-tree-distributor[data-active=true]{opacity:1}.source-tree-distributor>span{background:var(--line-strong);display:block;position:absolute}.source-tree-distributor-trunk{width:1px;height:20px;top:0;left:50%;transform:translate(-50%)}.source-tree-distributor-bar{height:1px;top:20px;left:16.6667%;right:16.6667%}.source-tree-distributor-drop{width:1px;height:20px;top:20px;transform:translate(-50%)}.source-tree-distributor-drop[data-column=left]{left:16.6667%}.source-tree-distributor-drop[data-column=center]{left:50%}.source-tree-distributor-drop[data-column=right]{left:83.3333%}.source-tree-branches{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.source-tree-branch{flex-direction:column;align-items:center;min-width:0;padding:0 9px;display:flex}.source-tree-branch .diagram-node{width:100%}.source-tree-direct-rail{height:132px}.source-tree-transform-branch>.diagram-node:first-child{height:104px}.step-narrative{border-left:1px solid var(--line-strong);padding-left:28px}.step-narrative h4{letter-spacing:-.028em;margin:15px 0;font-size:clamp(24px,2.6vw,36px);line-height:1.18}.step-narrative p{color:var(--muted);line-height:1.72}.step-narrative pre{background:var(--ink);color:#f7f9fc;margin-top:26px;padding:18px;font-size:12px;line-height:1.55;overflow-x:auto}.dark-section{background:var(--dark);color:var(--dark-text)}.dark-section .section-heading>p,.dark-section .section-kicker span:last-child{color:var(--dark-muted)}.dark-section .section-kicker span:first-child{color:#ff8a5b}.dark-section .source-notes{border-color:#ffffff40}.dark-section .source-notes summary{color:var(--dark-muted)}.dark-section .code-link{color:var(--dark-text);border-color:#ffffff29}.dark-section .code-link code{color:var(--dark-muted)}.source-map-flow{--source-map-flow-columns:minmax(0, .9fr) minmax(0, 1.05fr) minmax(0, 1.05fr);border-top:1px solid #ffffff52;border-bottom:1px solid #ffffff52}.flow-header{justify-content:space-between;align-items:flex-end;gap:30px;padding:30px 0;display:flex}.flow-header h3{letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(26px,3.2vw,42px);line-height:1.12}.flow-controls{gap:8px;display:flex}.flow-controls button{min-width:82px;color:var(--dark-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;padding:9px 11px;font-size:12px}.flow-controls button:hover:not(:disabled){color:#ffb596;border-color:#ff8a5b}.flow-controls button:disabled{opacity:.28;cursor:not-allowed}.flow-controls .flow-play{color:#ffb596;border-color:#ff8a5b}.callback-legend{grid-template-columns:var(--source-map-flow-columns);border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;display:grid}.callback-legend>div{border-right:1px solid #ffffff26;min-height:112px;padding:20px 22px;transition:background .28s}.callback-legend>div:last-child{border-right:0}.callback-legend>div[data-active=true]{background:#ff8a5b1a}.callback-legend code{color:#ff9c76;font-size:12px;display:block}.callback-legend strong{margin-top:10px;font-size:14px;display:block}.callback-legend span{color:var(--dark-muted);margin-top:7px;font-size:11px;display:block}.flow-stage{grid-template-columns:var(--source-map-flow-columns);min-height:520px;display:grid}.flow-stage>section{border-right:1px solid #ffffff26;min-width:0;padding:30px 26px}.flow-stage>section:first-child{padding-left:0}.flow-stage>section:last-child{border-right:0;padding-right:0}.flow-panel-label{color:var(--dark-muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:10px;font-weight:700}.flow-tree{justify-items:center;margin:20px 0 32px;display:grid}.flow-tree-node{text-align:center;opacity:.44;background:#0b1118;border:1px solid #ffffff2e;width:100%;min-width:0;max-width:230px;padding:11px 12px;transition:opacity .28s,border-color .28s,background .28s,transform .28s}.flow-tree-node[data-active=true]{opacity:1;background:#ff8a5b1f;border-color:#ff8a5b;transform:translateY(-2px)}.flow-tree-node>span{color:var(--dark-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.flow-tree-node>strong{color:var(--dark-text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;display:block;overflow:hidden}.flow-tree-stem{background:#fff3;width:1px;height:22px;transition:background .28s}.flow-tree-stem[data-active=true]{background:#ff8a5b}.flow-tree-fork{border:1px solid #fff3;border-bottom-width:0;width:62%;height:18px;margin-top:16px;transition:border-color .28s;position:relative}.flow-tree-fork:before{content:"";border-left:1px solid #fff3;height:16px;transition:border-color .28s;position:absolute;bottom:100%;left:50%}.flow-tree-fork[data-active=true],.flow-tree-fork[data-active=true]:before{border-color:#ff8a5b}.flow-tree-children{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;width:100%;display:grid}.flow-tree-branch{justify-items:center;min-width:0;display:grid}.flow-tree-stem-small{height:18px}.flow-tree-panel .flow-output{min-height:116px;color:var(--dark-text);background:#0b1118;margin:13px 0 0;padding:18px;font-size:11px;line-height:1.65;overflow-x:auto}.flow-output code{white-space:pre-wrap}.flow-output span{opacity:.12;transition:opacity .3s,color .3s,background .3s}.flow-output span[data-visible=true]{opacity:1}.flow-output span[data-active=true]{color:#ffc5ac;background:#ff8a5b2b}.flow-event{background:#ffffff06;position:relative}.flow-event:before{content:"";background:#ff8a5b;width:3px;height:100%;animation:1.1s ease-out flow-event-pulse;position:absolute;top:0;left:0}.flow-event-call{overflow-wrap:anywhere;color:#8eb5ff;margin-top:66px;font-size:12px;line-height:1.65;display:block}.flow-event h4{letter-spacing:-.028em;margin:22px 0 0;font-size:clamp(22px,2.4vw,31px);line-height:1.18}.flow-event p{color:var(--dark-muted);margin:18px 0 0;line-height:1.72}.flow-journey{border-top:1px solid #ffffff24;margin-top:28px}.flow-journey>div{border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;display:grid}.flow-journey code{overflow-wrap:anywhere;color:#ff9c76;font-size:10px}.flow-journey span{color:var(--dark-muted);font-size:11px;line-height:1.45}.flow-map{transition:background .3s}.flow-map[data-complete=true]{background:#2b6de814}.map-field{border-bottom:1px solid #ffffff1f;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:13px 0;display:grid}.flow-map>.map-field:first-of-type{border-top:1px solid #ffffff1f;margin-top:22px}.map-field>span{color:var(--dark-muted);font-family:var(--font-mono);font-size:10px}.map-field>code{overflow-wrap:anywhere;min-width:0;color:var(--dark-text);font-size:11px}.map-field-mappings{grid-template-columns:1fr;gap:8px}.map-field-mappings>code{color:#8eb5ff}.map-field-encoded{border-bottom-color:#ff8a5b8c;grid-template-columns:112px minmax(0,1fr)}.map-field-encoded>code{color:#ffb596;font-weight:700}.flow-timeline{border-top:1px solid #ffffff26;grid-template-columns:repeat(8,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.flow-timeline li{min-width:0}.flow-timeline button{width:100%;min-height:68px;color:var(--dark-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff1f;padding:12px 8px}.flow-timeline li:last-child button{border-right:0}.flow-timeline button[data-complete=true]{color:#8eb5ff}.flow-timeline button[data-current=true]{color:#ffb596;background:#ff8a5b21}.flow-timeline button span,.flow-timeline button code{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.flow-timeline button code{color:inherit;margin-top:6px}@keyframes flow-event-pulse{0%{opacity:.25;transform-origin:top;transform:scaleY(.12)}to{opacity:1;transform-origin:top;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.flow-event:before{animation:none}.flow-output span,.flow-map,.callback-legend>div{transition:none}}.stream-details{border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;margin-top:54px}.stream-details summary{color:var(--dark-muted);cursor:pointer;padding:20px 0}.stream-details .api-ledger{margin-top:0}.stream-details .mode-matrix{margin:38px 0}.api-ledger{border-top:1px solid #ffffff4d;margin-top:70px}.api-ledger>div{border-bottom:1px solid #ffffff24;grid-template-columns:1fr 1.5fr 1fr;gap:24px;padding:18px 0;display:grid}.api-ledger code{color:#8eb5ff}.api-ledger span{color:var(--dark-text)}.api-ledger em{color:var(--dark-muted);font-style:normal}.mode-matrix{background:#fff3;grid-template-columns:1fr 1fr;gap:1px;margin-top:70px;display:grid}.mode-matrix>div{background:var(--dark-raised);min-height:118px;padding:24px}.mode-matrix code{color:#ff9c76;display:block}.mode-matrix span{color:var(--dark-muted);margin-top:12px;line-height:1.5;display:block}.mapping-offset-header{align-items:end}.mapping-offset-header>code{border-bottom:2px solid var(--orange);color:var(--orange);white-space:nowrap;padding:10px 12px;font-size:12px}.coordinate-strip{border-top:1px solid var(--line-strong);margin-top:46px;padding-top:24px}.mapping-offset-header+.coordinate-strip{border-top:0}.coordinate-strip-heading,.coordinate-strip-range,.coordinate-suffix-marker{justify-content:space-between;align-items:center;gap:24px;display:flex}.coordinate-strip-heading>div span,.coordinate-strip-heading>div strong{display:block}.coordinate-strip-heading>div span{color:var(--blue);font-family:var(--font-mono);letter-spacing:.1em;font-size:10px}.coordinate-strip-heading>div strong{margin-top:7px;font-size:19px}.coordinate-strip-heading>code{color:var(--muted);white-space:pre;font-size:12px}.coordinate-strip-range{border-top:1px solid var(--line);margin-top:19px;padding:12px 0}.coordinate-strip-range strong{font-size:12px}.coordinate-strip[data-mode=removed] .coordinate-strip-range strong{color:var(--orange)}.coordinate-strip[data-mode=inserted] .coordinate-strip-range strong{color:var(--blue)}.coordinate-strip-range code{color:var(--muted);font-size:10px}.coordinate-ruler{border:1px solid var(--line-strong);grid-template-columns:58px minmax(0,1fr);display:grid}.coordinate-ruler-labels{border-right:1px solid var(--line-strong);background:var(--paper-raised);grid-template-rows:34px 23px 23px;display:grid}.coordinate-ruler-labels span{border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;place-items:center start;padding-left:9px;font-size:8px;display:grid}.coordinate-ruler-labels span:last-child{border-bottom:0}.coordinate-strip-scroll{overscroll-behavior-inline:contain;min-width:0;overflow-x:auto}.coordinate-cells{width:100%;display:grid}.coordinate-cell{border-right:1px solid var(--line);text-align:center;grid-template-rows:34px 23px 23px;min-width:0;display:grid;position:relative}.coordinate-cell[data-target=true]{background:var(--orange-soft)}.coordinate-strip[data-mode=inserted] .coordinate-cell[data-target=true]{background:var(--blue-soft)}.coordinate-cell[data-wide=true]{box-shadow:inset 0 2px var(--blue)}.coordinate-cell[data-suffix=true]:not([data-target=true]){background:color-mix(in srgb, var(--blue-soft) 48%, transparent)}.coordinate-cell[data-suffix-start=true]:before{z-index:1;background:var(--blue);content:"";width:2px;position:absolute;top:-1px;bottom:-1px;left:-2px}.coordinate-cell strong{border-bottom:1px solid var(--line);place-items:center;font-size:15px;display:grid}.coordinate-cell span{border-bottom:1px solid var(--line);min-width:0;color:var(--muted);font-family:var(--font-mono);white-space:nowrap;place-items:center;font-size:8px;display:grid}.coordinate-cell span:last-child{border-bottom:0}.coordinate-suffix-marker{color:var(--muted);justify-content:flex-end;margin-top:4px;font-size:10px}.coordinate-suffix-marker>code{color:var(--blue)}.replacement-transition{color:var(--muted);text-align:center;grid-template-columns:repeat(4,auto);justify-content:center;align-items:center;gap:14px;margin:28px 0 -18px;font-size:10px;display:grid}.replacement-transition code{color:var(--orange)}.replacement-transition strong{color:var(--orange);font-size:19px}.column-delta,.mapping-offset-result{border-top:2px solid var(--orange);margin-top:64px;padding-top:28px}.mapping-offset-result{border-top-color:var(--blue)}.column-delta-heading,.mapping-offset-result-heading{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:start;gap:48px;display:grid}.column-delta-heading h4,.mapping-offset-result-heading h4{letter-spacing:-.025em;margin:9px 0 0;font-size:clamp(24px,2.8vw,38px);line-height:1.18}.column-delta-heading>p,.mapping-offset-result-heading>p{color:var(--muted);margin:0;line-height:1.7}.column-delta-formula{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:13px;margin-top:34px;display:grid}.column-delta-formula>div{border-top:1px solid var(--line-strong);min-height:126px;padding:18px;display:grid}.column-delta-formula>div>span,.mapping-offset-equation div>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.column-delta-formula>div>code{align-self:center;font-size:11px}.column-delta-formula>div>strong{font-family:var(--font-mono);align-self:end;font-size:28px}.column-delta-formula>span,.mapping-offset-equation>strong{color:var(--orange);text-align:center;align-self:center;font-size:25px}.column-delta-formula .column-delta-result{border-top-color:var(--orange);background:var(--orange-soft)}.mapping-offset-equation{grid-template-columns:minmax(0,1fr) 34px minmax(0,.72fr) 34px minmax(0,1fr);align-items:stretch;gap:13px;margin-top:34px;display:grid}.mapping-offset-equation>div{border-top:1px solid var(--line-strong);gap:9px;min-height:116px;padding:18px;display:grid}.mapping-offset-equation>div>code{font-size:12px}.mapping-offset-equation>strong{color:var(--blue)}.mapping-offset-equation .mapping-offset-value{text-align:center}.mapping-offset-value>strong{color:var(--blue);font-family:var(--font-mono);align-self:end;font-size:28px}.mapping-offset-equation .mapping-offset-final{border-top-color:var(--blue);background:var(--blue-soft)}.mapping-boundaries{border-top:1px solid var(--line-strong);margin-top:30px}.mapping-boundaries>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,1fr) minmax(120px,.8fr) 28px minmax(120px,.8fr);align-items:center;gap:14px;min-height:56px;padding:11px 14px;display:grid}.mapping-boundaries>div:last-child{background:var(--blue-soft)}.mapping-boundaries span{color:var(--muted);font-family:var(--font-mono);font-size:11px}.mapping-boundaries strong{color:var(--blue);text-align:center}.source-map-source-section{background:color-mix(in srgb, var(--blue) 4%, var(--paper))}.source-map-composition-explainer{border-top:2px solid var(--blue);margin-top:76px;padding-top:28px}.source-map-composition-heading{grid-template-columns:minmax(320px,1.15fr) minmax(280px,.85fr);align-items:start;gap:64px;display:grid}.source-map-composition-heading h3{letter-spacing:-.035em;max-width:720px;margin:10px 0 0;font-size:clamp(28px,3.5vw,48px);line-height:1.12}.source-map-composition-heading>p{color:var(--muted);margin:0;line-height:1.75}.source-map-composition-scroll{overscroll-behavior-inline:contain;margin-top:46px;overflow-x:auto}.source-map-composition-canvas{width:100%}.source-map-lane header{border-bottom:1px solid var(--line-strong);grid-template-columns:auto 1fr auto;align-items:baseline;gap:16px;padding:11px 0;display:grid}.source-map-lane header>span{color:var(--blue);font-family:var(--font-mono);letter-spacing:.08em;font-size:9px}.source-map-lane header>strong{font-family:var(--font-mono);font-size:14px}.source-map-lane header>code{color:var(--muted);font-size:9px}.source-map-code-grid{border-bottom:1px solid var(--line);width:100%;min-height:48px;display:grid}.source-map-code-grid>span{border:0;border-right:1px solid color-mix(in srgb, var(--line) 55%, transparent);min-width:0;color:var(--ink);font-family:var(--font-mono);background:0 0;place-items:center;padding:0;font-size:13px;display:grid}.source-map-code-grid>[data-space=true]{color:var(--line-strong)}.source-map-code-grid>[data-reference=true]{box-shadow:inset 0 -3px var(--blue);font-weight:700}.source-map-code-grid>[data-comparison=true]{background:color-mix(in srgb, var(--blue-soft) 55%, transparent)}.source-map-code-grid>[data-candidate=true]{background:var(--blue-soft);box-shadow:inset 2px 0 var(--blue), inset 0 -3px var(--blue)}.source-map-code-grid>[data-selected=true]{background:var(--blue-soft);color:var(--blue);font-weight:700}.source-map-lane[data-tone=outer] .source-map-code-grid>[data-selected=true]{background:var(--orange-soft);color:var(--orange);box-shadow:inset 0 -3px var(--orange)}.source-map-connector{height:82px;color:var(--blue);position:relative}.source-map-connector[data-kind=outer]{color:var(--orange)}.source-map-connector>div{z-index:1;background:color-mix(in srgb, var(--blue) 4%, var(--paper));white-space:nowrap;align-items:center;gap:12px;padding:3px 9px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.source-map-connector>div span{font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;font-weight:700}.source-map-connector>div code{color:var(--muted);font-size:9px}.source-map-connector svg{width:100%;height:54px;position:absolute;bottom:0;left:0;right:0;overflow:visible}.source-map-connector line{stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.source-map-merge-calculation{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,1.15fr);margin:46px 0 0;padding:0;list-style:none;display:grid}.source-map-merge-calculation>li{grid-template-rows:auto auto minmax(46px,1fr) auto;gap:11px;min-width:0;min-height:178px;padding:22px 20px;display:grid;position:relative}.source-map-merge-calculation>li+li{border-left:1px solid var(--line)}.source-map-merge-calculation>li+li:before{z-index:1;background:color-mix(in srgb, var(--blue) 4%, var(--paper));width:19px;color:var(--muted);content:"→";font-family:var(--font-mono);text-align:center;font-size:13px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.source-map-merge-calculation>li>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;font-size:9px}.source-map-merge-calculation>li>strong{font-size:14px;line-height:1.45}.source-map-merge-calculation>li>code{align-self:center;font-size:11px;line-height:1.65}.source-map-merge-calculation>li>small{color:var(--muted);font-family:var(--font-mono);font-size:9px;line-height:1.55}.source-map-merge-calculation>li[data-tone=outer]{box-shadow:inset 0 2px var(--orange)}.source-map-merge-calculation>li[data-tone=final]{background:var(--blue-soft);box-shadow:inset 0 2px var(--blue)}.source-map-merge-calculation>li[data-tone=outer]>span{color:var(--orange)}.source-map-merge-calculation>li[data-tone=final]>span,.source-map-merge-calculation>li[data-tone=final]>em{color:var(--blue)}.source-map-merge-calculation>li[data-tone=final]>em{font-family:var(--font-mono);align-self:center;font-size:11px;font-style:normal;font-weight:700;line-height:1.6}.source-map-slice-equation{align-self:center;align-items:center;gap:8px;display:flex}.source-map-slice-equation code{font-size:13px}.source-map-slice-equation b{color:var(--blue);font-size:18px}.source-map-merge-guardrail{background:color-mix(in srgb, var(--orange-soft) 42%, transparent);color:var(--muted);margin:0;padding:16px 20px;line-height:1.65}.source-map-merge-guardrail strong{color:var(--ink);margin-right:8px}.source-map-fallback-rule{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);grid-template-columns:230px minmax(0,1fr);gap:28px;margin-top:42px;padding:18px 0;display:grid}.source-map-fallback-rule>strong{font-size:14px}.source-map-fallback-rule>p{color:var(--muted);margin:0;line-height:1.65}.source-map-production-case{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px;margin-top:64px;padding:24px 0;display:grid}.source-map-production-case>span{color:var(--orange);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px;font-weight:700}.source-map-production-case>p{color:var(--muted);margin:0;line-height:1.7}.algorithm-notes{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:72px;display:grid}.algorithm-notes article{border-top:2px solid var(--line-strong);padding-top:24px}.algorithm-notes article:nth-child(2){border-top-color:var(--orange)}.algorithm-notes article:nth-child(3){border-top-color:var(--blue)}.algorithm-notes h3{margin:12px 0;font-size:24px;line-height:1.25}.algorithm-notes article>p:last-child{color:var(--muted);line-height:1.7}.cache-section{background:#e9e4d9}.cache-step-summary{border-bottom:1px solid var(--line);grid-template-columns:84px minmax(220px,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;padding:28px 0;display:grid}.cache-step-summary>span,.cache-panel-heading>span,.cache-reference-heading>div>span{color:var(--orange);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.cache-step-summary h4{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.25}.cache-step-summary p{color:var(--muted);margin:0;line-height:1.68}.cache-overview{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:48px;padding-top:42px;display:grid}.cache-tree-panel,.cache-store-panel{min-width:0}.cache-panel-heading{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:18px;padding-bottom:13px;display:flex}.cache-panel-heading code{color:var(--muted);font-size:10px}.cache-source-tree{justify-items:center;width:100%;padding-top:24px;display:grid}.cache-tree-node{border:1px solid var(--line-strong);background:var(--paper);opacity:.2;text-align:center;flex-direction:column;justify-content:center;width:100%;min-width:0;max-width:210px;min-height:68px;padding:11px 12px;transition:opacity .25s,border-color .25s,background .25s;display:flex}.cache-tree-node[data-active=true]{opacity:1}.cache-tree-node[data-accent=blue][data-active=true]{border-color:var(--blue);background:var(--blue-soft)}.cache-tree-node[data-accent=orange][data-active=true]{border-color:var(--orange);background:var(--orange-soft)}.cache-tree-node strong,.cache-tree-node code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cache-tree-node strong{font-size:13px}.cache-tree-node code{color:var(--muted);margin-top:6px;font-size:9px}.cache-tree-rail,.cache-tree-child-rail,.cache-tree-branch-rail{background:var(--line-strong);opacity:.15;width:1px;transition:opacity .25s}.cache-tree-rail[data-active=true],.cache-tree-child-rail[data-active=true],.cache-tree-branch-rail[data-active=true]{opacity:1}.cache-tree-rail,.cache-tree-child-rail{height:22px}.cache-tree-distributor{opacity:.15;width:100%;height:30px;transition:opacity .25s;position:relative}.cache-tree-distributor[data-active=true]{opacity:1}.cache-tree-distributor>span{background:var(--line-strong);display:block;position:absolute}.cache-tree-distributor-trunk{width:1px;height:15px;top:0;left:50%;transform:translate(-50%)}.cache-tree-distributor-bar{height:1px;top:15px;left:16.6667%;right:16.6667%}.cache-tree-distributor-drop{width:1px;height:15px;top:15px;transform:translate(-50%)}.cache-tree-distributor-drop[data-column=left]{left:16.6667%}.cache-tree-distributor-drop[data-column=center]{left:50%}.cache-tree-distributor-drop[data-column=right]{left:83.3333%}.cache-tree-branches{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.cache-tree-branch{flex-direction:column;align-items:center;min-width:0;padding:0 6px;display:flex}.cache-tree-branch .cache-tree-node{max-width:none}.cache-tree-branch-rail{height:90px}.cache-store-fields{border:1px solid var(--line-strong);background:var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:24px;display:grid}.cache-store-fields>div{background:var(--paper);min-width:0;min-height:93px;padding:15px;transition:background .25s,color .25s}.cache-store-fields strong,.cache-store-fields code,.cache-store-fields span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cache-store-fields strong{font-size:13px}.cache-store-fields code{color:var(--muted);margin-top:7px;font-size:9px}.cache-store-fields span{color:var(--muted);margin-top:8px;font-size:9px}.cache-store-fields>div[data-warm=true]{background:var(--blue-soft)}.cache-store-fields>div[data-warm=true] strong,.cache-store-fields>div[data-warm=true] span{color:var(--blue)}.cache-reference-panels{border:1px solid var(--line-strong);background:var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:48px;display:grid}.cache-reference-panels>section{background:var(--paper);opacity:.42;min-width:0;padding:24px;transition:opacity .25s}.cache-reference-panels>section[data-active=true]{opacity:1}.cache-reference-heading{border-bottom:1px solid var(--line);min-height:104px;padding-bottom:18px}.cache-reference-heading h4{font-family:var(--font-mono);margin:8px 0 0;font-size:19px}.cache-reference-heading p{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.cache-reference-table>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(92px,.7fr) minmax(112px,.9fr) auto minmax(0,1.4fr);align-items:center;gap:10px;min-height:50px;display:grid}.cache-reference-table>div:last-child{border-bottom:0}.cache-reference-table code{overflow-wrap:anywhere;color:var(--muted);font-size:9px}.cache-reference-table code:first-child{color:var(--ink)}.cache-reference-table span{color:var(--orange);font-family:var(--font-mono)}.rspack-pipeline{border-top:1px solid #ffffff47;margin:0;padding:0;list-style:none}.rspack-pipeline>li{border-bottom:1px solid #ffffff24;grid-template-columns:80px minmax(0,1fr);gap:28px;padding:30px 0;display:grid}.rspack-pipeline>li>span{color:#ff8a5b;font-family:var(--font-mono)}.rspack-pipeline strong{font-size:clamp(22px,2.4vw,32px);display:block}.rspack-pipeline p{color:var(--dark-muted);line-height:1.65}.rspack-pipeline .code-link{margin-top:14px}.banner-case{border-top:2px solid #ff8a5b;border-bottom:1px solid #fff3;grid-template-columns:minmax(160px,.55fr) 1.2fr minmax(220px,.8fr);align-items:center;gap:28px;margin-top:56px;padding:28px 0;display:grid}.banner-case span{color:#ff8a5b;font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:8px;font-size:10px;display:block}.banner-case strong{font-size:22px}.banner-case p{color:var(--dark-muted);margin:0;line-height:1.65}.appendix-section{background:var(--paper-raised)}.appendix-list{border-top:1px solid var(--line-strong)}.appendix-list details{border-bottom:1px solid var(--line)}.appendix-list summary{cursor:pointer;padding:24px 0;font-size:19px;font-weight:620}.appendix-list p{color:var(--muted);margin:0 0 24px;line-height:1.72}.source-notes{border-top:1px solid var(--line-strong);margin-top:70px;padding-top:20px}.source-notes summary{color:var(--muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;font-size:11px}.source-note-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.code-link{border:1px solid var(--line);min-width:220px;color:var(--ink);flex-direction:column;gap:3px;padding:12px 14px;text-decoration:none;display:inline-flex}.code-link:hover{border-color:var(--blue)}.code-link span{font-size:13px}.code-link code{color:var(--muted);font-size:9px}footer{padding:38px max(24px, calc((100vw - var(--measure)) / 2));background:var(--ink);color:#f2f5f8;justify-content:space-between;gap:28px;display:flex}footer a{color:#f2f5f8;text-decoration:none}footer p{color:#9aa7b5;margin:0;font-size:12px}@media (prefers-color-scheme:dark){:root{--paper:#111820;--paper-raised:#18222d;--ink:#edf2f7;--muted:#a6b0bc;--line:#edf2f71f;--line-strong:#edf2f752;--blue:#79a6ff;--blue-soft:#79a6ff1f;--orange:#ff8a5b;--orange-soft:#ff8a5b1f}.cache-section{background:#161e27}.step-narrative pre,footer{background:#080c11}}@media (max-width:980px){.top-nav>div{display:none}.builder-layout{grid-template-columns:1fr}.step-narrative{border-top:1px solid var(--line-strong);border-left:0;padding:28px 0 0}.flow-stage{grid-template-columns:1fr}.flow-stage>section,.flow-stage>section:first-child,.flow-stage>section:last-child{border-bottom:1px solid #ffffff26;border-right:0;padding:28px 0}.flow-stage>section:last-child{border-bottom:0}.flow-event-call{margin-top:36px}.flow-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-timeline li:nth-child(-n+4){border-bottom:1px solid #ffffff1f}.algorithm-notes{grid-template-columns:1fr}.operation-intro,.operation-examples>li{grid-template-columns:110px minmax(0,1fr)}.operation-code{grid-column:2}.primer-heading{grid-template-columns:1fr;gap:24px}.mapping-readout{grid-template-columns:110px 1fr 24px 1fr}.mapping-readout p{grid-column:2/-1}.source-map-compare{grid-template-columns:1fr}.line-map-overlay{display:none}.map-connector{text-align:left;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;justify-items:stretch;padding:18px 0}.compact-line-maps{gap:7px;margin-top:7px;display:grid}.compact-line-maps code{color:var(--dark-muted);grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;font-size:10px;display:grid}.compact-line-maps code[data-active=true]{color:#ffb596;background:#ff8a5b1f}.compact-line-maps strong{color:#ff8a5b;text-align:center}.type-primer,.banner-case{grid-template-columns:1fr}.leaf-study-heading{grid-template-columns:1fr;gap:22px}.leaf-comparison{grid-template-columns:1fr}.leaf-case{padding-right:0}.leaf-case+.leaf-case{border-top:1px solid var(--line-strong);border-left:0;padding-left:0}.leaf-case>header p,.leaf-use{min-height:0}.leaf-use{margin-bottom:26px}.source-choice{grid-template-columns:minmax(180px,.75fr) 28px minmax(340px,1.25fr);gap:12px}.cache-overview,.cache-reference-panels{grid-template-columns:1fr}.source-map-composition-heading,.source-map-fallback-rule,.source-map-production-case{grid-template-columns:1fr;gap:22px}.source-map-merge-calculation{grid-template-columns:1fr}.source-map-merge-calculation>li{min-height:0}.source-map-merge-calculation>li+li{border-top:1px solid var(--line);border-left:0}.source-map-merge-calculation>li+li:before{top:-10px;left:50%;transform:translate(-50%)rotate(90deg)}.cache-reference-panels>section+section{border-top:1px solid var(--line-strong)}}@media (max-width:720px){html{scroll-padding-top:56px}.top-nav{min-height:50px}.hero{min-height:auto;padding-top:60px}.hero-meta{flex-direction:column;align-items:flex-start;gap:10px}.hero h1{margin-top:70px;font-size:clamp(52px,17vw,76px)}.hero-actions{flex-direction:column;align-items:flex-start;gap:4px}.hero-thesis{grid-template-columns:1fr;gap:14px}.content-section{padding-left:20px;padding-right:20px}.section-heading{margin-bottom:48px}.operation-intro{grid-template-columns:1fr;gap:14px}.operation-intro h3{margin-top:0}.operation-examples>li{grid-template-columns:1fr;gap:12px;padding:24px 0}.operation-code{grid-column:auto;grid-template-columns:1fr}.operation-code span{text-align:left}.source-map-motivation{grid-template-columns:1fr;gap:16px}.source-map-motivation p{margin-top:0}.source-map-primer{margin-left:-20px;margin-right:-20px;padding:24px 20px 30px}.mapping-readout{grid-template-columns:1fr;gap:8px}.mapping-readout strong{text-align:left;transform-origin:0;transform:rotate(90deg)}.mapping-readout p{grid-column:auto;margin-top:8px}.source-map-compare{gap:16px}.problem-conclusion{margin-left:0}.leaf-study{margin-top:58px}.leaf-study-heading h3{font-size:34px}.leaf-study-heading>p{font-size:15px}.leaf-case{padding-top:30px;padding-bottom:32px}.leaf-map-result{grid-template-columns:1fr}.leaf-map-result>strong{text-align:left;transform-origin:50%;transform:rotate(90deg)}.source-choice{grid-template-columns:1fr;gap:14px}.source-choice>strong{text-align:left;transform-origin:50%;transform:rotate(90deg)}.source-choice-branches p{grid-template-columns:1fr;gap:6px}.ledger-row{grid-template-columns:1fr;gap:7px;padding:17px 0}.field-header{flex-direction:column;align-items:stretch}.step-controls{justify-content:space-between}.interactive-field{box-shadow:6px 6px 0 var(--line);margin-left:-8px;margin-right:-8px;padding:18px}.mapping-offset-header>code{white-space:normal;align-self:flex-start}.coordinate-strip-heading,.coordinate-strip-range{flex-direction:column;align-items:flex-start;gap:10px}.coordinate-strip-heading>code{white-space:normal}.coordinate-ruler{grid-template-columns:52px minmax(0,1fr)}.coordinate-ruler-labels span{padding-left:7px}.replacement-transition{grid-template-columns:1fr;margin-top:24px}.source-map-composition-explainer{margin-top:54px}.source-map-composition-scroll{margin-top:34px}.source-map-lane header{grid-template-columns:1fr auto}.source-map-lane header>span{grid-column:1/-1}.column-delta-heading,.mapping-offset-result-heading{grid-template-columns:1fr;gap:18px}.column-delta-formula,.mapping-offset-equation{grid-template-columns:1fr;gap:10px}.column-delta-formula>div,.mapping-offset-equation>div{min-height:104px}.column-delta-formula>span,.mapping-offset-equation>strong{min-height:24px}.mapping-boundaries>div{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.mapping-boundaries>div>code{grid-column:1/-1}.source-tree-distributor{display:none}.source-tree-root-rail,.source-tree-transform-rail{height:18px}.source-tree-branches{grid-template-columns:1fr;gap:12px;max-width:310px;margin:18px auto 0}.source-tree-direct-rail{display:none}.source-tree-transform-branch{order:-1}.flow-header{flex-direction:column;align-items:stretch}.flow-controls{grid-template-columns:repeat(3,1fr);display:grid}.flow-controls button{min-width:0}.callback-legend{grid-template-columns:1fr}.callback-legend>div{border-bottom:1px solid #ffffff26;border-right:0;min-height:0}.callback-legend>div:last-child{border-bottom:0}.map-field,.map-field-encoded{grid-template-columns:1fr;gap:7px}.flow-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-timeline li:nth-child(-n+6){border-bottom:1px solid #ffffff1f}.api-ledger>div{grid-template-columns:1fr;gap:7px}.mode-matrix{grid-template-columns:1fr}.cache-step-summary{grid-template-columns:70px minmax(0,1fr)}.cache-step-summary p{grid-column:2}.cache-overview,.cache-reference-panels{grid-template-columns:1fr}.cache-reference-panels>section+section{border-top:1px solid var(--line-strong)}.cache-panel-heading{flex-direction:column;align-items:flex-start;gap:6px}.cache-reference-heading{min-height:0}.cache-reference-table>div{grid-template-columns:1fr;gap:6px;padding:12px 0}.cache-reference-table span{transform-origin:0;transform:rotate(90deg)}.rspack-pipeline>li{grid-template-columns:44px 1fr;gap:12px}.source-note-links{display:grid}.code-link{min-width:0}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}