@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500&display=swap";.iso{--anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;--anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;--anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;--anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#fff;--anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;--anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;--anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014}.iso[data-theme=light]{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-paper:#fbfbfa;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-lit-top:#fff;--anatomy-lit-shade:#eeeeeb;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;--anatomy-lift:inset 0 1px 0 0 #fff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a}.iso-svg{width:100%;height:auto;display:block;overflow:visible}.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4px;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-tone=red]{stroke:var(--anatomy-red)}.iso-line[data-tone=green]{stroke:var(--anatomy-green)}.iso-line[data-tone=blue]{stroke:var(--anatomy-blue)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1px}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=faint] .iso-wire-end{stroke:var(--anatomy-faint)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}.iso-face-text[data-tone=faint]{fill:var(--anatomy-faint)}.tb-body{fill:var(--anatomy-shade-2);stroke:none}.tb-shine{fill:var(--anatomy-top);stroke:none}.tb-shade{fill:var(--anatomy-shade-0);stroke:none}.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45px;stroke-linecap:butt;stroke-linejoin:round}.tb-ring[data-tone=mid]{stroke:var(--anatomy-mid)}.tb-ring[data-tone=faint]{stroke:var(--anatomy-faint)}.tb-ring[data-tone=hi]{stroke:var(--anatomy-hi)}@keyframes iso-flow{to{stroke-dashoffset:-32px}}@keyframes iso-pulse{0%,to{opacity:.18}12%{opacity:1}40%{opacity:.18}}.iso-line[data-flow]{animation:1.6s linear infinite iso-flow}.iso-dots circle[data-pulse]{animation:1.6s step-end infinite iso-pulse;animation-delay:var(--pulse-at,0s)}.iso-figure{margin:32px 0 36px}.iso-plate{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card);border-radius:0;padding:52px 24px;position:relative}.iso-plate-corners{pointer-events:none;position:absolute;inset:18px 20px}.iso-plate-corner{color:var(--anatomy-muted);font-family:var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;font-size:10.5px;line-height:1;position:absolute}.iso-plate-corner[data-corner=fig]{color:var(--anatomy-text);top:0;left:0}.iso-plate-corner[data-corner=title]{text-transform:uppercase;letter-spacing:.1em;top:0;right:0}.iso-plate-corner[data-corner=hint]{text-transform:uppercase;letter-spacing:.1em;bottom:0;left:0}.iso-plate-corner[data-corner=readout]{color:var(--anatomy-text);font-variant-numeric:tabular-nums;bottom:0;right:0}.iso-plate .iso-svg{margin:0 auto}.iso-legend{color:var(--anatomy-muted);gap:8px;margin-top:12px;font-size:13px;line-height:1.55;display:grid}.iso-keys{flex-wrap:wrap;gap:6px 18px;display:flex}.iso-key{align-items:center;gap:7px;display:inline-flex}.iso-swatch{flex:none;width:16px;height:10px;overflow:visible}.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.iso-swatch[data-mark=raised] path,.iso-swatch[data-mark=flat] path{stroke:var(--anatomy-mid)}.iso-swatch[data-mark=lit] path{stroke:var(--anatomy-lit)}.iso-swatch[data-mark=dim] path{stroke:var(--anatomy-lo)}.iso-swatch[data-mark=dotted] path{stroke-dasharray:.01 3;stroke-width:1.4px}.iso-swatch[data-mark=dashed] path{stroke-dasharray:3 2.5}.iso-swatch[data-mark=red] path{stroke:var(--anatomy-red)}.iso-swatch[data-mark=green] path{stroke:var(--anatomy-green)}.iso-swatch[data-mark=blue] path{stroke:var(--anatomy-blue)}.iso-swatch-crease{stroke:var(--anatomy-lo)!important}@media (width<=560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner=hint]{bottom:18px}}@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}:root{--paper:#f4f3ee;--surface:#faf9f6;--ink:#252923;--muted:#73786e;--line:#dddfd5;--accent:#596344;--green:#596d39;--wash:#e9ebdf;--mono:"IBM Plex Mono",monospace;--sans:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}:root[data-theme=dark]{--paper:#171b17;--surface:#1d221d;--ink:#e7e9df;--muted:#a0a798;--line:#353c32;--accent:#b9c7a2;--green:#b1c68c;--wash:#2b3327;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button{transition:background-color .18s,color .18s,transform .15s}button:active:not(:disabled){transform:scale(.96)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}svg{flex-shrink:0}.wrap{width:min(1344px,100% - 112px);margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:13px;font-size:17px;font-weight:650;display:flex}.brand-symbol{font:italic 38px/1 Georgia;display:block;transform:rotate(-8deg)}.brand-symbol>span{color:var(--accent)}.brand-divider{color:#b6b9ad;padding:0 15px;font-weight:400}.brand-cn{letter-spacing:.09em;font-size:13px;font-weight:500}.site-header nav{align-items:center;gap:32px;font-size:12px;display:flex}.site-header nav a{align-items:center;gap:7px;display:flex}.icon-button{background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--wash)}.theme-button{border-left:1px solid var(--line);border-radius:0;width:48px}.intro{padding:48px 0 42px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:var(--accent);align-items:center;gap:9px;display:flex}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.edition{color:var(--muted);letter-spacing:.04em;margin-left:auto}.intro-row{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:24px;display:flex}h1{letter-spacing:-.045em;margin:0;font-size:clamp(40px,4.6vw,65px);font-weight:500;line-height:1.2}.period{color:var(--accent)}.intro-aside{width:355px;padding-bottom:3px}.tiny-label{font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.intro-aside p{color:var(--muted);margin:12px 0 18px;font-size:13px;line-height:1.9}.stack-tags{flex-wrap:wrap;gap:7px;display:flex}.stack-tags span{font:9px var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:5px 7px}.workbench{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.bench-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 19px;display:flex}.segment{border:1px solid var(--line);border-radius:5px;gap:2px;padding:3px;display:flex}.segment button{color:var(--muted);background:0 0;border-radius:3px;padding:6px 13px;font-size:11px}.segment button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.bench-tools{align-items:center;gap:26px;display:flex}.text-button{color:var(--muted);background:0 0;align-items:center;gap:6px;font-size:10px;display:inline-flex}.bench-grid{grid-template-columns:minmax(0,1fr) 300px;min-height:505px;display:grid}.figure-card{background:var(--surface);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.figure-top,.figure-bottom{z-index:1;font:8px var(--mono);letter-spacing:.08em;color:var(--muted);pointer-events:none;justify-content:space-between;padding:22px 24px;display:flex;position:relative}.figure-top>span:first-child{color:var(--ink)}.figure-bottom{letter-spacing:.02em;align-items:center;padding:18px 24px;font-size:8px}.figure-bottom>span{align-items:center;gap:7px;display:flex}.crosshair{font-size:16px}.figure-readout{color:var(--accent);text-align:right}.drawing-window{flex:1;justify-content:center;align-items:center;min-height:370px;display:flex;position:relative}.drawing{justify-content:center;align-items:center;width:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0}.drawing>svg{width:100%;height:100%;min-height:370px;overflow:visible}.zoomed .drawing{transform:scale(1.5)}.drawing [data-module]{cursor:pointer;outline:none}.drawing [data-module]:focus-visible{filter:drop-shadow(0 0 2px var(--accent))}.inspector{border-left:1px solid var(--line);background:var(--paper);flex-direction:column;padding:22px 24px 17px;display:flex}.inspector-top{justify-content:space-between;align-items:center;display:flex}.inspector-index{font:14px var(--mono);color:var(--accent)}.inspector-index>span{color:var(--muted);font-size:10px}.module-icon{border:1px solid var(--line);width:45px;height:45px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;margin:28px 0 24px;display:flex}.accent{color:var(--accent)}.inspector h2{letter-spacing:-.025em;margin:9px 0 5px;font-size:26px;font-weight:500}.module-name{color:var(--muted);font-size:11px}.module-summary{color:var(--muted);margin:16px 0 20px;font-size:11px;line-height:1.8}.io{border-top:1px solid var(--line);margin:0}.io>div{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:10px;padding:12px 0;display:grid}.io dt{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.io dd{margin:0;font-size:10px;line-height:1.7}.code-label{font:8px var(--mono);color:var(--muted);align-items:center;gap:6px;margin:21px 0 9px;display:flex}.command{font:10px/1.8 var(--mono);overflow-wrap:anywhere;color:var(--accent);margin-bottom:14px;display:block}.inspector details{border-top:1px solid var(--line);font-size:10px}.inspector summary{cursor:pointer;color:var(--muted);justify-content:space-between;padding:13px 0;list-style:none;display:flex}.inspector summary::-webkit-details-marker{display:none}.inspector details p{color:var(--muted);font-size:11px;line-height:1.9}.inspector details ul{padding:0;list-style:none}.inspector details li{overflow-wrap:anywhere;align-items:center;gap:6px;margin:7px 0;display:flex}.inspector details code{font:9px var(--mono)}.inspector-footer{color:var(--muted);justify-content:space-between;margin-top:auto;padding-top:20px;display:flex}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.steps>button{text-align:left;border-right:1px solid var(--line);background:0 0;align-items:center;gap:12px;padding:18px 16px;display:flex;position:relative}.steps>button:last-child{border-right:0}.steps>button:hover,.steps>button.active{background:var(--wash)}.steps>button.active:before{content:"";background:var(--accent);height:2px;position:absolute;top:-1px;left:0;right:0}.step-index{font:9px var(--mono);color:var(--muted)}.steps>button>svg{color:var(--accent)}.steps>button>span:nth-of-type(2){font-size:11px;line-height:1.5}.steps small{font:8px var(--mono);color:var(--muted);margin-top:4px;display:block}.step-indicator{background:0 0;border-radius:50%;width:4px;height:4px;margin-left:auto}.active .step-indicator{background:var(--accent)}.playback{align-items:center;gap:20px;padding:10px 18px;display:flex}.playback-actions{align-items:center;gap:4px;display:flex}.play-button{white-space:nowrap;color:var(--accent);background:0 0;align-items:center;gap:9px;padding:7px 12px 7px 3px;font-size:10px;display:flex}.playback-progress{background:var(--line);flex:1;height:2px}.playback-progress>div{background:var(--accent);transform-origin:0;height:100%}.simulation-label{color:var(--muted);font-size:9px}.figure-caption{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:230px 1fr;gap:40px;padding:20px 0 48px;font-size:10px;line-height:1.9;display:grid}.figure-caption>span{color:var(--ink);font-weight:500}.figure-caption p{margin:0}.note-lab{padding:57px 0 53px;scroll-margin-top:24px}.lab-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.lab-heading h2{letter-spacing:-.035em;margin:15px 0 11px;font-size:30px;font-weight:500}.lab-heading p{color:var(--muted);margin:0;font-size:12px}.live-chip{border:1px solid var(--line);color:var(--accent);border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;display:flex}.notebook{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:260px 1fr;min-height:333px;display:grid;overflow:hidden}.note-list{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;display:flex}.note-list-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.note-list-heading>span{align-items:center;gap:9px;font-size:11px;display:flex}.note-list-heading small{font:9px var(--mono);color:var(--muted);margin-left:8px}.note-items{flex:1;max-height:260px;overflow:auto}.note-items>button{text-align:left;border-bottom:1px solid var(--line);background:0 0;width:100%;padding:14px 17px;display:block}.note-items>button.current,.note-items>button:hover{background:var(--wash)}.note-items>button span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.note-items>button small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:10px;display:block;overflow:hidden}.empty-notes{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:40px 15px 20px;display:flex}.empty-notes p{margin:15px 0 8px;font-size:11px}.empty-notes small{opacity:.8;font-size:10px;line-height:1.9}.notebook-footnote{color:var(--muted);border-top:1px solid var(--line);padding:13px 17px;font-size:9px;line-height:1.7}.note-editor{flex-direction:column;min-width:0;padding:13px 28px 0;display:flex}.editor-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-toolbar>div{align-items:center;gap:8px;display:flex}.save-button{background:var(--ink);color:var(--paper);border-radius:4px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex}.save-button:hover:not(:disabled){background:var(--accent)}.note-title{color:var(--ink);outline-offset:5px;background:0 0;border:0;width:100%;margin:26px 0 14px;padding:0;font-size:24px;font-weight:500}.note-title::placeholder{color:var(--muted)}.note-body{resize:vertical;width:100%;min-height:130px;color:var(--muted);outline-offset:5px;background:0 0;border:0;flex:1;padding:0 0 20px;font-size:12px;line-height:2}.editor-bottom{border-top:1px solid var(--line);min-height:38px;color:var(--muted);justify-content:space-between;align-items:center;gap:15px;font-size:9px;display:flex}.editor-bottom>span:first-child{align-items:center;gap:6px;display:flex}.editor-bottom>span:last-child{font:8px var(--mono);white-space:nowrap}.error-text,.danger{color:#b84c39}.danger{width:auto;font-size:10px}.reconnect{color:var(--accent);background:0 0;align-self:flex-start;align-items:center;gap:5px;padding:8px 0;font-size:10px;display:flex}.request-trace{border-bottom:1px solid var(--line);align-items:center;gap:26px;padding:15px 0;display:flex}.request-trace>div{font:9px var(--mono);color:var(--accent);align-items:center;gap:15px;display:flex}.request-trace>div>svg{width:12px;height:12px;color:var(--muted)}.trace-time{font:9px var(--mono);color:var(--muted);margin-left:auto}.trace-time strong{color:var(--ink);font-size:13px;font-weight:500}.trace-time>span{font:9px var(--sans);margin-left:9px}.under-hood{grid-template-columns:230px 1fr;gap:40px;padding-bottom:60px;display:grid}.under-hood h2{letter-spacing:-.025em;margin:13px 0 0;font-size:25px;font-weight:500;line-height:1.5}.boundary-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.boundary-grid article{border-top:1px solid var(--line);padding-top:15px}.boundary-number{font:8px var(--mono);color:var(--accent)}.boundary-grid h3{margin:15px 0 10px;font-size:13px;font-weight:500}.boundary-grid p{color:var(--muted);font-size:11px;line-height:1.9}.boundary-grid code{font:8px var(--mono);color:var(--muted)}.page-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:25px 0 30px;font-size:9px;display:flex}.page-footer>div{align-items:center;gap:20px;display:flex}.footer-mark{color:var(--accent);font:italic 26px Georgia}.page-footer a{align-items:center;gap:5px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:10px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:10px}.not-found{padding:80px}@media (width>=1600px){.bench-grid{min-height:570px}.drawing-window{min-height:435px}}@media (width<=1100px){.wrap{width:calc(100% - 56px)}.bench-grid{grid-template-columns:minmax(0,1fr) 270px}.inspector{padding:22px 19px}.steps>button{gap:8px;padding:16px 10px}.step-index{display:none}.steps small{font-size:7px}.intro-aside{width:310px}.under-hood{grid-template-columns:180px 1fr;gap:28px}.boundary-grid{gap:20px}.figure-bottom{padding:16px}.figure-bottom>span:first-child{font-size:7px}}@media (width<=800px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.site-header nav{gap:18px}.site-header nav>a:first-child{display:none}.intro{padding:32px 0}.intro-row{gap:25px}.intro-aside{width:250px}.intro-aside>.tiny-label{font-size:7px}.intro-aside p{font-size:11px}.intro h1{font-size:44px}.edition{font-size:8px}.bench-grid{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 28px;padding:22px;display:grid}.inspector-top{grid-column:1/-1}.module-icon{display:none}.inspector>.accent{grid-column:1;margin-top:20px}.inspector h2,.module-name,.module-summary{grid-column:1}.inspector h2{margin:8px 0 5px}.io{grid-area:2/2/6;align-self:start;margin-top:20px}.module-summary{margin:12px 0 16px}.code-label,.command{grid-column:1}.code-label{margin-top:0}.inspector details{grid-area:6/2/9}.inspector-footer{display:none}.drawing-window{min-height:390px}.steps>button{justify-content:center;gap:8px;padding:15px 8px}.steps>button>span:nth-of-type(2){font-size:10px}.steps small,.step-indicator{display:none}.figure-caption{grid-template-columns:180px 1fr;gap:20px}.notebook{grid-template-columns:200px 1fr}.note-editor{padding:13px 20px 0}.under-hood{grid-template-columns:1fr;gap:25px}.under-hood h2 br{display:none}.page-footer{font-size:8px}.page-footer>div{gap:13px}.playback{gap:15px}.simulation-label{font-size:8px}}@media (width<=540px){.wrap{width:calc(100% - 32px)}.brand{gap:9px;font-size:15px}.brand-cn{font-size:11px}.brand-divider{padding:0 9px}.brand-symbol{font-size:32px}.site-header nav{gap:14px;font-size:11px}.theme-button{width:32px}.intro{padding:27px 0}.eyebrow{letter-spacing:.08em;font-size:8px}.edition{display:none}.intro-row{margin-top:23px;display:block}.intro h1{font-size:43px}.intro-aside{width:auto;margin-top:22px}.intro-aside>.tiny-label{display:none}.intro-aside p{margin:0 0 15px;font-size:12px}.intro-aside p br{display:none}.stack-tags{gap:5px}.stack-tags span{padding:4px 6px;font-size:8px}.bench-toolbar{padding:10px}.bench-tools>.tiny-label{display:none}.segment button{padding:6px 10px;font-size:10px}.text-button{font-size:9px}.figure-top{padding:17px 14px;font-size:7px}.drawing-window{min-height:265px}.drawing>svg{flex-shrink:0;width:112%;max-width:none;min-height:265px}.figure-bottom{gap:12px;padding:10px 12px;font-size:7px}.figure-bottom>span:first-child{max-width:130px;line-height:1.7}.figure-readout{max-width:120px;font-size:6px}.crosshair{display:none}.steps>button{flex-direction:column;gap:7px;padding:13px 4px}.steps>button>span:nth-of-type(2){font-size:9px}.steps>button>svg{width:15px;height:15px}.inspector{gap:0 15px;padding:17px}.inspector>.accent{font-size:7px}.inspector h2{font-size:23px}.module-name{font-size:9px}.module-summary{font-size:10px}.io>div{grid-template-columns:27px 1fr;gap:5px;padding:9px 0}.io dd{font-size:9px}.io dt{font-size:8px}.io dt>svg{display:none}.command{font-size:8px}.code-label{font-size:7px}.inspector summary{font-size:9px}.inspector details p{font-size:10px}.inspector details code{font-size:8px}.playback{flex-wrap:wrap;gap:10px;padding:8px 10px}.play-button{padding-right:4px;font-size:9px}.playback-actions{gap:0}.playback .icon-button{width:28px}.playback-progress{min-width:55px}.simulation-label{text-align:right;width:100%;margin-top:-2px;font-size:8px}.figure-caption{padding:17px 0 30px;font-size:10px;display:block}.figure-caption p{margin-top:8px}.desktop-break{display:none}.note-lab{padding:33px 0}.lab-heading{align-items:flex-start;gap:10px;position:relative}.lab-heading h2{margin-top:14px;font-size:25px}.lab-heading p{max-width:230px;font-size:11px;line-height:1.8}.live-chip{gap:5px;padding:6px 7px;font-size:7px;position:absolute;top:30px;right:0}.lab-heading .eyebrow{font-size:7px}.notebook{flex-direction:column;display:flex}.note-list{border-right:0;border-bottom:1px solid var(--line)}.note-list-heading{padding:6px 12px}.note-items{max-height:135px;display:flex;overflow-x:auto}.note-items>button{border-right:1px solid var(--line);border-bottom:0;min-width:150px;max-width:210px}.empty-notes{text-align:left;flex-direction:row;gap:12px;width:100%;padding:17px}.empty-notes>svg{width:18px}.empty-notes p{margin:0;font-size:10px}.empty-notes small{display:none}.notebook-footnote{padding:8px 12px;font-size:8px;line-height:1.5}.notebook-footnote br{display:none}.note-editor{padding:12px 17px 0}.editor-toolbar>.tiny-label{font-size:7px}.save-button{padding:8px 10px;font-size:9px}.note-title{margin-top:25px;font-size:21px}.note-body{min-height:160px}.editor-bottom{font-size:8px}.request-trace{flex-wrap:wrap;gap:10px;padding:13px 0}.request-trace>.tiny-label{font-size:7px}.request-trace>div{gap:9px;font-size:8px}.request-trace>div>svg{width:9px;height:9px}.trace-time{text-align:right;width:100%;margin-left:auto;font-size:8px}.trace-time>span{font-size:8px}.under-hood{padding-bottom:30px}.under-hood h2{font-size:23px}.boundary-grid{grid-template-columns:1fr;gap:20px}.boundary-grid article{grid-template-columns:110px 1fr;gap:0 15px;padding-top:13px;display:grid}.boundary-number{grid-column:1;font-size:7px}.boundary-grid h3{grid-column:1;margin:10px 0;font-size:12px}.boundary-grid p{grid-area:1/2/4;margin:0;font-size:10px;line-height:1.9}.boundary-grid code{overflow-wrap:anywhere;grid-column:1;font-size:6px}.page-footer{flex-direction:column;gap:14px;padding:20px 0 25px}.page-footer>div:last-child{justify-content:space-between}.page-footer>div:first-child{gap:12px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
