:root{--paper:#f5f4ef;--ink:#142e39;--muted:#667578;--line:#d9ddd6;--orange:#ff7047;--mint:#88d9bb;--blue:#96c8ed;--navy:#152f3a;--dark:#102832;--white:#fff;--sans:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d87032;outline-offset:5px}button:disabled{opacity:.35;cursor:not-allowed}button{border:0}::selection{background:#ffd6c8;color:#142e39}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--orange);padding:10px 20px}.skip-link:focus{top:10px}.site-header{max-width:1440px;margin:0 auto;height:90px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:730;letter-spacing:-.4px}.brand b{font-size:13px;font-weight:500;letter-spacing:.3px}.brand-slash{color:#adb6b4;margin:0 10px}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-8deg)}.brand-mark i{height:9px;background:var(--ink)}.brand-mark i:last-child{background:var(--orange)}.source-link{font-size:12px;font-weight:650}.source-link span{font-size:18px;margin-left:10px}main{max-width:1312px;margin:0 auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding:52px 0 49px}.eyebrow{font-size:10px;font-family:var(--mono);font-weight:600;letter-spacing:2px;margin:0 0 16px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(42px,4.6vw,66px);line-height:1.19;letter-spacing:-2.8px;margin:0;font-weight:760}h1>span{color:#788583}.hero-note{padding-top:22px;max-width:450px}.hero-lead{font-size:22px;font-weight:620;line-height:1.65;margin:0 0 13px;letter-spacing:-.7px}.hero-description{font-size:13px;color:var(--muted);margin:0;line-height:1.9}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:10px;font-family:var(--mono);color:#6d7e80}.hero-meta span+span:before{content:'·';margin-right:18px;color:#adb4ae}.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.chapter-tabs button{background:none;display:flex;align-items:center;text-align:left;padding:21px 24px 21px 0;position:relative;color:#7a888a;gap:18px;transition:color .2s}.chapter-tabs button+button{padding-left:25px;border-left:1px solid var(--line)}.chapter-tabs button:after{content:'';height:3px;background:var(--orange);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.chapter-tabs button[aria-selected=true]{color:var(--ink)}.chapter-tabs button[aria-selected=true]:after{transform:scaleX(1)}.tab-index{font-family:var(--mono);font-size:12px;align-self:flex-start;margin-top:4px;color:var(--orange)}.chapter-tabs strong{display:block;font-size:16px;font-weight:660;letter-spacing:-.3px}.chapter-tabs small{font-size:11px;display:block;margin-top:2px}.tab-arrow{font-size:22px;margin-left:auto}.experiment{background:var(--navy);border-radius:14px;color:#ecf2ed;overflow:hidden;box-shadow:0 18px 40px #17303b13;position:relative}.lab-topline{border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:15px 27px}.lab-label{font-family:var(--mono);font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;color:#b6c7c7}.lab-label>span:last-child{color:#6f9499;margin-left:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #88d9bb50}.boundary-button{color:#a4bbbb;background:transparent;font-size:10px;padding:4px}.boundary-button span{font-size:12px;margin-left:5px}.lab-heading{padding:25px 30px 17px;display:flex;justify-content:space-between;align-items:center;gap:20px}.section-kicker{margin:0 0 4px;font-size:10px;color:#8da8ad}.lab-heading h2{font-size:24px;letter-spacing:-.6px;font-weight:590;line-height:1.5;margin:0}.lab-options{flex-shrink:0}.lab-options label{font-size:10px;display:flex;gap:9px;align-items:center;color:#9eb5b8}.lab-options select{background:#233e48;color:#dfe9e5;font-size:11px;border:1px solid #3f5a63;border-radius:5px;padding:7px 25px 7px 10px;max-width:210px}.lab-stage{min-height:342px;padding:10px 30px 20px;position:relative;background-image:radial-gradient(#ffffff0a .7px,transparent .7px);background-size:14px 14px}.journey-board{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:25px;align-items:center;min-height:174px;position:relative}.flow-panel{min-width:0;position:relative;padding:10px 0}.micro-label{font-family:var(--mono);letter-spacing:1px;font-size:9px;color:#8ca7ac;display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.micro-label b{font-weight:400;color:#d2e1dc;letter-spacing:0}.token-rack{display:flex;gap:5px;flex-wrap:wrap;min-height:42px;align-content:start}.token{width:34px;height:37px;border-radius:5px;border:1px solid #7f999d4d;background:#24414c;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:600;font-size:13px;position:relative;flex-shrink:0}.token.prompt{background:#2d4a55;color:#d1e2de}.token.orange{background:#ff704726;color:#ffa583;border-color:#ff916347}.token.mint{background:#88d9bb17;color:#9ee5ca;border-color:#88d9bb60}.token.dim{border-style:dashed;background:none;color:#48636c;border-color:#4a666e80}.token.fresh{background:var(--orange);color:#17313b;border-color:var(--orange);box-shadow:0 0 20px #ff70472e}.flow-caption{font-size:10px;line-height:1.8;color:#91aaae;margin:10px 0 0;min-height:36px}.gpu-shell{position:relative;margin:10px auto;width:166px;height:132px;border:1px solid #92b3b546;border-radius:12px;padding:9px;background:#142b35;box-shadow:0 10px 28px #08192150}.gpu-shell:before,.gpu-shell:after{content:'';position:absolute;left:-7px;top:23px;width:5px;height:84px;background:repeating-linear-gradient(to bottom,#46626b 0,#46626b 3px,transparent 3px,transparent 10px)}.gpu-shell:after{left:auto;right:-7px}.gpu-core{height:100%;border:1px solid #7ea0a04a;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#263e46,#1b343f);position:relative;overflow:hidden}.gpu-core:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff08 50%,transparent 80%);transform:translateX(-100%)}.gpu-core>span{font-family:var(--mono);font-size:9px;letter-spacing:1.3px;color:#91b0b4}.gpu-core strong{font-size:22px;font-weight:600;line-height:1.7}.gpu-core small{font-size:9px;color:#96b4b7}.gpu-shell.active{border-color:#a6ddc577;box-shadow:0 0 40px #88d9bb10}.gpu-shell.active .gpu-core:after{animation:scan 1.4s ease-out}.gpu-connector{position:absolute;width:calc((100% - 166px)/2 + 26px);height:1px;background:#567279;top:50%;pointer-events:none}.gpu-connector.left{left:-26px}.gpu-connector.right{right:-26px}.gpu-connector:after{content:'';position:absolute;right:-1px;top:-3px;border-left:5px solid #567279;border-top:3px solid transparent;border-bottom:3px solid transparent}.traveler{position:absolute;top:-3px;left:0;height:7px;width:11px;border-radius:2px;background:var(--orange);box-shadow:0 0 10px #ff704790;opacity:0}.active-path .traveler{animation:travel 1.4s ease-in-out}.gpu-area{position:relative}.round-badge{font-size:9px;color:#88d9bb;font-family:var(--mono);text-align:center;margin-top:6px;letter-spacing:1px}.kv-shelf{border-top:1px solid #ffffff16;padding-top:19px;margin-top:12px;display:grid;grid-template-columns:145px minmax(0,1fr) 130px;gap:16px;align-items:center}.kv-name strong{font-size:13px;display:block;font-weight:550}.kv-name small{font-size:10px;color:#8da8ad;display:block}.kv-cells{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.kv-cell{width:29px;height:31px;border:1px dashed #53717a70;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#40616c;position:relative}.kv-cell.written{background:#88d9bb1c;color:#a4e9cd;border:1px solid #88d9bb80}.kv-cell.reserved{background:#2e4851;border-style:solid;border-color:#68848b66}.kv-cell.new-kv{box-shadow:0 0 0 1px #b4f0d699}.kv-group-gap{margin-right:7px}.kv-meter{font-size:10px;color:#8da8ad;text-align:right}.kv-meter strong{font-size:24px;line-height:1.3;color:#b6e6d2;font-family:var(--mono);font-weight:500}.kv-meter span{font-size:12px;color:#7e9ea7;margin-left:5px}.kv-legend{display:flex;gap:16px;color:#8da8ad;font-size:9px;margin:15px 0 0 161px;flex-wrap:wrap}.kv-legend span{display:flex;align-items:center;gap:5px}.legend-box{width:7px;height:7px;display:inline-block;border:1px solid #88d9bb99;background:#88d9bb35;border-radius:1px}.legend-box.unwritten{background:#2e4851;border-color:#68848b88}.legend-box.pending{background:#ff7047;border-color:#ff7047}.explanation{display:flex;gap:13px;border-top:1px solid #ffffff15;margin:0 30px;padding:20px 0 18px;min-height:106px}.explanation-icon{color:var(--orange);font-size:25px;line-height:1.2}.explanation h3{font-size:13px;margin:0 0 4px;font-weight:600}.explanation p{font-size:11px;color:#a5bbbd;margin:0;line-height:1.8;max-width:880px}.step-counter{font-family:var(--mono);font-size:10px;color:#7f9da5;margin-left:auto;white-space:nowrap;padding-top:4px}.transport{background:#102832;display:flex;align-items:center;gap:23px;padding:17px 30px;border-top:1px solid #ffffff12}.transport-buttons{display:flex;gap:8px;align-items:center;flex-shrink:0}.play-button{height:35px;padding:0 16px;color:var(--ink);background:var(--mint);display:flex;align-items:center;gap:8px;border-radius:5px;font-size:11px;font-weight:650;min-width:84px;justify-content:center}.play-button:hover{background:#aceed4}.play-button>span:first-child{font-size:10px}.icon-button,.next-button{height:35px;background:#233d48;border:1px solid #4e6b7445;border-radius:5px;color:#d1dedc;padding:0 12px;font-size:12px}.icon-button{width:35px;font-size:17px;padding:0}.next-button span{margin-left:8px}.icon-button:hover,.next-button:hover{background:#34535e}.timeline-label{display:flex;flex:1;min-width:70px}.timeline-label input{width:100%;accent-color:var(--mint);height:4px;cursor:pointer}.speed-control{font-size:10px;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#91a8ad}.speed-control select{background:none;border:0;color:#d7e7e1;font-family:var(--mono);font-size:11px;padding:5px 3px}.speed-control select option{background:#17313b}.lab-footnote{margin:0;padding:0 30px 15px;font-size:9px;color:#92adb2;line-height:1.7;background:#102832}.takeaway{margin:38px 0 63px;display:grid;grid-template-columns:140px 1fr 1.3fr;gap:25px;align-items:start}.takeaway-index{font-family:var(--mono);font-size:9px;letter-spacing:1.2px;color:#6b7b7d;padding-top:6px}.takeaway-index span{display:block;margin-top:5px;color:#c06443}.takeaway h2{font-size:23px;font-weight:630;letter-spacing:-.7px;line-height:1.6;margin:0}.takeaway>p{font-size:12px;color:#697c7e;line-height:1.95;margin:5px 0}.text-button{grid-column:3;background:none;padding:0;text-align:left;font-size:11px;color:var(--ink);font-weight:650;margin-top:-14px;width:fit-content}.text-button span{margin-left:13px}.section-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.section-title-row .eyebrow{margin-bottom:9px;font-size:9px;color:#718181}.section-title-row h2{font-size:28px;font-weight:650;letter-spacing:-.7px;line-height:1.4;margin:0}.section-title-row>p{font-size:11px;color:#748587;margin:0;line-height:1.9}.code-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfd6ce;border-radius:8px;overflow:hidden}.code-node{padding:22px 24px 20px;position:relative;transition:background .2s}.code-node+.code-node{border-left:1px solid #cfd6ce}.code-node:hover{background:#e9eee6}.code-number{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;color:#85928c}.code-number i{font-style:normal;font-size:17px;color:#87948f}.code-node h3{font-size:17px;font-weight:600;margin:13px 0 9px}.code-node code{font-size:10px;font-family:var(--mono);color:#ac563b;word-break:break-word}.code-node p{font-size:11px;color:#778582;line-height:1.8;margin:8px 0 0}.code-node.active-code{box-shadow:inset 0 3px 0 var(--orange);background:#edece3}.code-note{font-size:10px;color:#86908a;margin:11px 0 0}.depth{margin:62px 0}.detail-list{border-top:1px solid #cfd6ce}.detail-list details{border-bottom:1px solid #cfd6ce}.detail-list summary{list-style:none;cursor:pointer;display:flex;gap:27px;align-items:center;padding:20px 0;font-size:14px;font-weight:570}.detail-list summary::-webkit-details-marker{display:none}.detail-no{font-family:var(--mono);font-size:10px;color:#99a29c}.detail-plus{font-family:var(--mono);font-size:22px;font-weight:300;margin-left:auto;line-height:1}.detail-list details[open] .detail-plus{transform:rotate(45deg)}.detail-body{margin:0 45px 25px;max-width:900px}.detail-body p{font-size:12px;line-height:1.95;color:#64787b;margin:0 0 11px}.formula{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px 16px;background:#e9eee7;margin:17px 0;font-size:11px}.formula b{font-weight:400;color:#a1afa4}.inline-source{font-size:10px;color:#a95338}.boundaries{border-top:1px solid var(--line);padding:42px 0 45px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.boundaries .eyebrow{font-size:9px;color:#8a9690}.boundaries h2{font-size:26px;font-weight:620;line-height:1.5;letter-spacing:-.5px;margin:0}.boundaries>div>p{font-size:12px;color:#89948b;margin-top:12px}.download-link{display:inline-flex;align-items:center;gap:24px;font-size:11px;margin-top:18px;padding:8px 13px;border:1px solid #cbd3ca;border-radius:4px}.download-link:hover{background:#e8eee5}.boundary-list>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #dce1d8}.boundary-list>div:first-child{padding-top:0}.boundary-list>div:last-child{border-bottom:0}.boundary-tag{font-size:10px;width:fit-content;white-space:nowrap;padding:2px 7px;border-radius:3px;align-self:start}.faithful{color:#317d6d;background:#dfebe0}.abstract{color:#ad6a38;background:#eee5d7}.omitted{color:#7e7a69;background:#e9e9e0}.reference{color:#657d8a;background:#e1e9e8}.boundary-list p{font-size:11px;line-height:1.9;margin:0;color:#71817f}.boundary-list a{color:#a9543b;border-bottom:1px solid #c3a38f}footer{max-width:1312px;margin:auto;padding:25px 40px 35px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px;color:#89928b}.footer-brand{font-size:10px;color:#5d726f}.footer-brand b{font-weight:400;color:#9fa99e;padding:0 8px}.noscript-notice{position:fixed;bottom:20px;left:20px;right:20px;z-index:100;padding:20px;background:#ffdbb2;color:#22323a}.section-highlight{animation:highlight 1.5s ease-out}
/* Round scheduler */
.schedule-head{display:flex;gap:20px;justify-content:space-between;margin:3px 0 18px;font-size:10px;color:#8eaaad}.schedule-head b{font-weight:500;color:#e0ece7}.stage-pills{display:flex;gap:8px;flex-wrap:wrap}.stage-pill{font-family:var(--mono);font-size:9px;border:1px solid #55707b55;padding:3px 9px;border-radius:20px;color:#9fb8bb}.stage-pill.phase{color:#102832;background:var(--mint);border-color:var(--mint)}.schedule-grid{display:grid;grid-template-columns:145px 1fr 116px;gap:12px;align-items:center}.schedule-axis{grid-column:2;display:grid;gap:4px;margin-bottom:1px}.round-tick{text-align:center;color:#6f939e;font-family:var(--mono);font-size:9px}.sequence-info{font-size:12px;display:flex;align-items:center;gap:10px}.sequence-badge{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:#ff704725;border:1px solid #ff70476e;border-radius:5px;font-family:var(--mono);color:#ff9a77;font-weight:550}.sequence-badge.mint{background:#88d9bb18;border-color:#88d9bb65;color:#b2ecd6}.sequence-badge.blue{background:#96c8ed18;border-color:#96c8ed70;color:#badff7}.sequence-info small{font-size:9px;color:#829fa6;display:block}.schedule-row{display:grid;gap:4px;min-height:43px}.round-cell{height:43px;border-radius:4px;background:#0e25304d;border:1px solid #425f6942;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#567681;font-size:10px;font-family:var(--mono);position:relative}.round-cell.past.P{background:#ff704727;border-color:#f5987260;color:#ffac8e}.round-cell.past.D{background:#88d9bb18;border-color:#88d9bb55;color:#9ee4c9}.round-cell.now{outline:1px solid #e1f1e499;outline-offset:2px}.round-cell small{font-size:7px;line-height:1.3;color:inherit}.round-cell.finished:after{content:'✓';position:absolute;right:3px;top:0;font-size:8px}.sequence-summary{font-size:9px;color:#87a4ac;text-align:right;line-height:1.9}.sequence-summary strong{font-family:var(--mono);font-weight:500;font-size:13px;color:#d4e5df}.sequence-summary .released{color:#97d7bd}.schedule-status{display:flex;gap:16px;border-top:1px solid #ffffff15;margin-top:21px;padding-top:16px;align-items:center}.queue-strip{flex:1;display:flex;gap:7px;align-items:center;min-width:0}.queue-strip label{font-size:9px;color:#8ba6ab;white-space:nowrap;margin-right:3px}.queue-item{font-family:var(--mono);font-size:10px;padding:2px 9px;border-radius:3px;background:#233f4b;border:1px solid #62818c55}.queue-empty{font-size:10px;color:#668994}.batch-box{border-left:1px solid #ffffff16;padding-left:17px;min-width:180px;font-size:9px;color:#7ea0a8}.batch-box strong{font-size:15px;color:#dce9e4;font-family:var(--mono);font-weight:500;margin-left:8px}.schedule-legend{display:flex;gap:20px;font-size:9px;color:#88a6ac;margin-top:16px}.schedule-legend i{display:inline-block;width:7px;height:7px;margin-right:5px;background:#ff704780;border-radius:1px}.schedule-legend i.mint{background:#88d9bb80}.schedule-legend i.outline{border:1px solid #b9d1ce;background:none}
/* Block table */
.cache-layout{display:grid;grid-template-columns:250px 42px minmax(0,1fr);gap:17px;align-items:start;padding-top:5px}.logical-list{display:flex;flex-direction:column;gap:10px}.logical-seq{padding:11px 12px;border:1px solid #46657070;border-radius:6px;background:#122b36;position:relative}.logical-seq.is-active{border-color:#c4e2d07c}.logical-title{display:flex;align-items:center;gap:8px;font-size:11px}.logical-title strong{font-family:var(--mono);font-weight:500}.logical-title small{color:#8aabb2;font-size:9px;margin-left:auto}.block-table{display:flex;gap:5px;align-items:center;margin:9px 0 0}.map-entry{min-width:40px;border:1px solid #56778060;padding:4px 6px;text-align:center;background:#1c3945;border-radius:3px;font-family:var(--mono);font-size:9px;color:#bed8d7}.map-entry.shared{color:#a7edcd;border-color:#88d9bb80;background:#88d9bb17}.logical-caption{font-size:9px;color:#87a5ac;margin:6px 0 0}.logical-empty{color:#597d87;font-size:10px;padding:15px 0}.mapping-bridge{height:190px;display:flex;align-items:center;justify-content:center;color:#87a4ab;font-size:30px;position:relative}.mapping-bridge:before{content:'';position:absolute;top:30px;bottom:0;left:50%;width:1px;border-left:1px dashed #78949e40;z-index:0}.mapping-bridge span{background:var(--navy);z-index:1}.physical-title{display:flex;align-items:center;justify-content:space-between;color:#91aeb3;font-size:9px;font-family:var(--mono);margin:0 0 10px}.physical-title b{font-weight:400;color:#b9d1ce}.physical-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.physical-block{border:1px dashed #47687477;padding:8px 8px 7px;border-radius:5px;background:#112a34;min-width:0;min-height:64px;position:relative}.physical-block.used{border-style:solid;border-color:#f79e775c;background:#ff70470a}.physical-block.shared{border-color:#88d9bba0;background:#88d9bb0c}.physical-block.retained{border-color:#749891;border-style:dashed;background:#88d9bb05}.physical-block .block-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:9px;color:#7999a3}.physical-block.used .block-head{color:#d8d9c4}.physical-block.shared .block-head{color:#b3e7d1}.block-head small{font-size:8px;color:#708f97}.block-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:8px}.block-slot{height:17px;background:#223d49;border-radius:2px;display:flex;justify-content:center;align-items:center;color:#4b6d77;font-size:8px}.block-slot.written{background:#ff704735;color:#fbb091}.shared .block-slot.written{background:#88d9bb30;color:#b2e7d2}.retained .block-slot.written{background:#47645d;color:#a9b9b0;opacity:.7}.block-slot.unwritten{background:none;border:1px solid #3c596466}.pool-statline{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:9px;color:#8caaaf}.pool-statline strong{font-family:var(--mono);font-size:13px;font-weight:500;color:#d8e6df}.cache-budget{display:flex;align-items:center;gap:10px;padding-top:15px;margin-top:15px;border-top:1px solid #ffffff15;color:#8eabb0;font-size:10px}.cache-budget strong{font-family:var(--mono);font-size:18px;font-weight:400;color:#b3e7d1}.cache-budget span:last-child{margin-left:auto;font-size:9px}.animated-in{animation:appear .45s ease both}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:95%;opacity:0}}@keyframes scan{to{transform:translateX(100%)}}@keyframes highlight{0%,40%{background:#e2e8d7}100%{background:transparent}}
@media(min-width:1440px){main{padding:0 30px}.hero{padding-top:62px;padding-bottom:57px}.lab-stage{min-height:360px}.journey-board{min-height:190px}.site-header{padding:0 94px}}
@media(max-width:1050px){.site-header{padding:0 35px;height:76px}main{padding:0 30px}.hero{gap:40px}.hero-lead{font-size:19px}h1{font-size:53px}.chapter-tabs strong{font-size:14px}.chapter-tabs button{gap:12px}.chapter-tabs button+button{padding-left:18px}.journey-board{grid-template-columns:minmax(0,1fr) 166px minmax(0,1fr);gap:20px}.gpu-shell{width:140px;height:122px}.gpu-connector{width:34px}.token{width:30px;height:34px;font-size:12px}.kv-shelf{grid-template-columns:115px 1fr 110px;gap:12px}.kv-cell{width:24px;height:28px;font-size:10px}.kv-legend{margin-left:127px}.kv-name strong{font-size:12px}.takeaway{grid-template-columns:110px 1fr 1.2fr;gap:20px}.takeaway h2{font-size:20px}.cache-layout{grid-template-columns:210px 25px 1fr;gap:13px}.physical-block{padding:7px 6px}.physical-pool{gap:6px}.code-node{padding:18px}.code-node code{font-size:9px}.schedule-grid{grid-template-columns:124px 1fr 100px;gap:9px}.boundaries{gap:40px}.hero-meta{gap:10px}.hero-meta span+span:before{margin-right:10px}.token-rack{gap:4px}}
@media(max-width:760px){.site-header{padding:0 22px;height:69px}.brand{font-size:14px;gap:10px}.brand b{font-size:11px}.brand-slash{margin:0 5px}.source-link{font-size:10px}.source-link span{margin-left:4px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:22px;padding:32px 0 30px}h1{font-size:48px;line-height:1.15;letter-spacing:-2px}.eyebrow{font-size:9px;margin-bottom:14px}.hero-note{padding:0;max-width:100%}.hero-lead{font-size:16px;line-height:1.65;margin-bottom:10px}.hero-lead br{display:none}.hero-description{font-size:11px;max-width:480px}.hero-meta{font-size:9px;margin-top:13px;gap:13px}.hero-meta span+span:before{margin-right:13px}.chapter-tabs{margin-bottom:16px}.chapter-tabs button{padding:15px 7px 15px 0;gap:8px;align-items:flex-start}.chapter-tabs button+button{padding-left:12px}.chapter-tabs strong{font-size:11px;line-height:1.6}.chapter-tabs small{font-size:8px;line-height:1.5;margin-top:4px}.tab-index{font-size:9px;margin-top:2px}.tab-arrow{display:none}.experiment{border-radius:9px}.lab-topline{padding:11px 17px}.lab-label{font-size:8px;letter-spacing:1px;gap:6px}.boundary-button{font-size:8px}.lab-heading{padding:21px 19px 10px;align-items:flex-start}.section-kicker{font-size:9px}.lab-heading h2{font-size:19px}.lab-options label{font-size:9px;flex-direction:column;gap:3px;align-items:flex-end}.lab-options select{font-size:9px;max-width:140px;padding:5px}.lab-stage{padding:8px 19px 20px;min-height:340px}.journey-board{grid-template-columns:minmax(0,1fr) 124px minmax(0,1fr);gap:13px;min-height:173px}.gpu-shell{width:105px;height:100px;padding:6px}.gpu-core strong{font-size:16px}.gpu-core>span{font-size:7px;letter-spacing:.5px}.gpu-core small{font-size:7px}.gpu-shell:before,.gpu-shell:after{top:17px;height:65px}.gpu-connector{width:23px}.gpu-connector.left{left:-15px}.gpu-connector.right{right:-15px}.micro-label{font-size:8px;margin-bottom:8px;letter-spacing:.1px;display:block}.micro-label b{display:block;font-size:8px;margin-top:2px}.token{width:25px;height:28px;font-size:10px;border-radius:3px}.token-rack{gap:3px}.flow-caption{font-size:8px;line-height:1.6;min-height:40px;margin-top:8px}.round-badge{font-size:7px;letter-spacing:.5px}.kv-shelf{grid-template-columns:1fr auto;gap:9px;padding-top:14px;margin-top:3px}.kv-name{grid-column:1;display:flex;gap:8px;align-items:center}.kv-name strong{font-size:11px}.kv-name small{font-size:8px}.kv-cells{grid-column:1;grid-row:2;gap:3px}.kv-cell{width:22px;height:25px;font-size:9px}.kv-group-gap{margin-right:4px}.kv-meter{grid-column:2;grid-row:1/3;font-size:8px}.kv-meter strong{font-size:20px}.kv-meter span{font-size:10px}.kv-legend{margin:12px 0 0;font-size:8px;gap:13px}.explanation{margin:0 19px;padding:16px 0;gap:9px;min-height:126px}.explanation h3{font-size:12px}.explanation p{font-size:10px;line-height:1.8}.explanation-icon{font-size:20px}.step-counter{font-size:8px}.transport{padding:14px 19px;gap:12px;flex-wrap:wrap}.transport-buttons{gap:6px}.play-button{height:34px;padding:0 13px;font-size:10px;min-width:73px}.icon-button{width:31px;height:34px}.next-button{height:34px;font-size:10px;padding:0 10px}.timeline-label{min-width:55px}.speed-control{font-size:9px;gap:3px}.speed-control select{font-size:10px}.lab-footnote{padding:0 19px 14px;font-size:8px}.takeaway{grid-template-columns:70px 1fr;gap:10px 18px;margin:28px 0 46px}.takeaway-index{font-size:8px}.takeaway h2{font-size:19px;line-height:1.6}.takeaway>p{grid-column:2;font-size:11px;margin:0}.text-button{grid-column:2;margin:3px 0 0;font-size:10px}.section-title-row{gap:10px;margin-bottom:18px}.section-title-row h2{font-size:24px}.section-title-row>p{font-size:9px;max-width:180px}.section-title-row .eyebrow{font-size:8px}.code-flow{grid-template-columns:repeat(2,1fr)}.code-node{padding:18px}.code-node:nth-child(3){border-left:0;border-top:1px solid #cfd6ce}.code-node:nth-child(4){border-top:1px solid #cfd6ce}.code-node h3{font-size:16px;margin:11px 0 5px}.code-node code{font-size:9px}.code-node p{font-size:10px}.code-note{font-size:9px}.depth{margin:44px 0}.detail-list summary{padding:17px 0;font-size:12px;gap:18px;line-height:1.7}.detail-no{font-size:9px}.detail-body{margin:0 15px 20px 32px}.detail-body p{font-size:11px}.formula{gap:7px;font-size:9px;padding:10px}.boundaries{grid-template-columns:1fr;gap:27px;padding:30px 0}.boundaries h2{font-size:23px}.boundaries h2 br{display:none}.boundaries>div>p{font-size:11px;margin:8px 0}.download-link{margin-top:7px;font-size:10px}.boundary-list>div{grid-template-columns:90px 1fr;gap:15px}.boundary-tag{font-size:9px}.boundary-list p{font-size:10px}footer{margin:0 20px;padding:20px 0 27px;font-size:8px;flex-wrap:wrap;gap:10px}.footer-brand{font-size:9px}footer>span:nth-child(2){display:none}.schedule-head{font-size:9px;gap:9px;flex-wrap:wrap;margin-bottom:12px}.stage-pill{font-size:8px;padding:2px 6px}.schedule-grid{grid-template-columns:94px minmax(0,1fr);gap:7px}.sequence-summary{grid-column:2;text-align:left;margin:-2px 0 6px;font-size:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sequence-summary br{display:none}.sequence-summary strong{font-size:10px}.schedule-row{min-height:37px;gap:3px}.round-cell{height:37px;font-size:9px}.round-cell small{font-size:6px}.schedule-axis{gap:3px}.round-tick{font-size:8px}.sequence-info{font-size:10px;gap:7px}.sequence-info small{font-size:8px}.sequence-badge{width:22px;height:24px;font-size:10px}.schedule-status{gap:10px;flex-wrap:wrap;margin-top:13px;padding-top:12px}.queue-strip{flex:initial}.queue-strip label{font-size:8px}.queue-item{font-size:9px;padding:2px 6px}.batch-box{margin-left:auto;font-size:8px;min-width:0;border-left:0;padding-left:0}.batch-box strong{font-size:12px;margin-left:5px}.schedule-legend{font-size:8px;gap:12px;flex-wrap:wrap;margin-top:10px}.cache-layout{grid-template-columns:1fr;gap:13px}.mapping-bridge{display:none}.logical-list{display:flex;flex-direction:row;gap:7px}.logical-seq{flex:1;min-width:0;padding:8px}.logical-title{font-size:9px;gap:5px;flex-wrap:wrap}.logical-title small{font-size:7px}.block-table{gap:3px;margin-top:7px;flex-wrap:wrap}.map-entry{font-size:8px;min-width:29px;padding:3px 4px}.logical-caption{font-size:8px;line-height:1.5}.logical-empty{font-size:8px;padding:7px 0}.physical-pool{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.physical-title{font-size:8px;margin-bottom:7px}.physical-block{padding:6px;min-height:53px}.physical-block .block-head{font-size:8px}.block-head small{font-size:7px}.block-slot{height:15px;font-size:7px}.block-slots{gap:2px;margin-top:6px}.pool-statline{font-size:8px;margin-top:9px;gap:12px}.pool-statline strong{font-size:11px}.cache-budget{margin-top:12px;padding-top:10px;gap:7px;font-size:8px;flex-wrap:wrap}.cache-budget strong{font-size:15px}.cache-budget span:last-child{font-size:8px}.lab-options{max-width:132px}.lab-stage.cache-stage{min-height:400px}}
@media(max-width:430px){.brand b{display:none}.brand-slash{display:none}.hero{padding-top:29px}h1{font-size:43px}.chapter-tabs button{gap:6px}.chapter-tabs button+button{padding-left:9px}.chapter-tabs strong{font-size:10px}.chapter-tabs small{font-size:7px}.lab-label{font-size:7px}.boundary-button{font-size:7px}.lab-heading{padding-left:15px;padding-right:15px;gap:8px}.lab-heading h2{font-size:17px}.lab-stage{padding-left:15px;padding-right:15px}.journey-board{grid-template-columns:minmax(0,1fr) 98px minmax(0,1fr);gap:10px}.gpu-shell{width:90px;height:92px}.gpu-core strong{font-size:14px}.gpu-core>span{font-size:6px}.gpu-core small{font-size:6px}.gpu-connector{width:15px}.gpu-connector.left{left:-10px}.gpu-connector.right{right:-10px}.token{width:23px;height:27px;font-size:10px}.token-rack{gap:3px}.flow-caption{font-size:7px}.kv-cell{width:20px;height:24px;font-size:8px}.kv-group-gap{margin-right:3px}.kv-cells{gap:2px}.kv-meter{font-size:7px}.kv-meter strong{font-size:18px}.kv-legend{font-size:7px;gap:11px}.explanation{margin-left:15px;margin-right:15px}.transport{padding-left:15px;padding-right:15px;gap:10px}.timeline-label{order:3;flex-basis:100%;margin:3px 0 4px}.speed-control{margin-left:auto}.lab-footnote{padding-left:15px;padding-right:15px}.cache-budget span:last-child{width:100%;margin:0}.lab-options select{max-width:116px;font-size:8px}.schedule-grid{grid-template-columns:80px minmax(0,1fr)}.round-cell{font-size:8px}.sequence-info{gap:5px}.sequence-info small{font-size:7px}.logical-list{gap:5px}.logical-seq{padding:7px 6px}.map-entry{min-width:26px;padding:2px 3px;font-size:7px}.logical-caption{font-size:7px}.lab-topline{padding-left:15px;padding-right:15px}.physical-block{padding:5px}.block-head small{font-size:6px}.section-title-row>p{max-width:135px}.boundary-list>div{grid-template-columns:76px 1fr;gap:12px}.lab-label>span:last-child{margin-left:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.traveler{display:none}}
.journey-annotation{font-family:var(--mono);font-size:10px;color:#8fa8ad}.selected-block{outline:2px solid #e2f0cf!important;outline-offset:2px}.block-inspection{font-size:10px;color:#d0e4d8;min-height:0;line-height:1.8}.block-inspection:not(:empty){padding:10px 12px;margin-top:10px;background:#28434a;border-left:2px solid #a0dcbf;border-radius:3px}.physical-block:hover,.map-entry:hover{background:#2b4a54}.physical-block:focus-visible,.map-entry:focus-visible,.round-cell:focus-visible{outline-color:#e2f0cf;outline-offset:2px}
@media(max-width:760px){.axis-spacer{display:none}.journey-annotation{font-size:8px;white-space:nowrap}.block-inspection{font-size:9px}}
@media(max-width:430px){.journey-annotation{font-size:7px}.hero-meta{gap:8px}.hero-meta span+span:before{margin-right:8px}}
/* Round-two readability and motion polish. */
.kv-block{display:inline-flex;gap:4px;padding:3px;border:1px solid #526c7540;border-radius:5px}.kv-cells{gap:7px}.gpu-shell.active .gpu-core:after,.active-path .traveler{animation-duration:var(--animation-duration,1400ms)}.motion-paused *,.motion-paused *:after{animation-play-state:paused!important}.block-owner{display:block;margin-top:5px;font-size:9px;line-height:1.2;min-height:12px;color:#8ea9ae;font-family:var(--mono)}.shared .block-owner{color:#b3e7d1}.retained .block-owner{color:#b8c9b8}.physical-block.unindexed .block-slot.written{background:#344d54;color:#91a6a8}.physical-block.retained .block-slot.written{background:#47645d;color:#b3c7b8}.physical-block{min-height:80px}.lab-stage.cache-stage{min-height:374px}.explanation p,.takeaway>p,.hero-description,.code-node p,.detail-body p,.boundary-list p{font-size:12px}.lab-footnote,.flow-caption,.kv-meter,.kv-legend,.physical-title,.pool-statline,.logical-caption,.schedule-head,.schedule-legend{font-size:10px}.micro-label,.section-kicker,.lab-label{font-size:10px}.block-head small,.block-owner{font-size:9px}.block-slot{font-size:10px}.sequence-info small,.sequence-summary{font-size:10px}.round-cell small{font-size:8px}.physical-block .block-head{font-size:10px}.hero-meta,.code-note{font-size:11px}
@media(max-width:1050px){.kv-block{gap:3px;padding:2px}.kv-cells{gap:5px}.kv-cell{width:23px}.lab-stage.cache-stage{min-height:378px}}
@media(max-width:760px){.kv-block{gap:2px;padding:2px}.kv-cells{gap:4px}.kv-cell{width:20px;height:25px}.hero-meta{font-size:10px}.hero-description,.takeaway>p,.code-node p,.detail-body p,.boundary-list p{font-size:11px}.explanation p{font-size:11px}.explanation{min-height:142px}.lab-footnote,.flow-caption,.kv-legend,.physical-title,.pool-statline,.logical-caption,.schedule-head,.schedule-legend,.sequence-info small,.sequence-summary,.code-note{font-size:9px}.micro-label,.section-kicker,.lab-label{font-size:9px}.block-head small,.block-owner{font-size:8px}.block-slot{font-size:10px}.physical-block .block-head{font-size:10px}.physical-block{min-height:75px}.lab-stage.cache-stage{min-height:440px}.round-cell small{font-size:7px}.schedule-grid{grid-template-columns:94px minmax(0,1fr)}.sequence-summary{line-height:1.6}.kv-meter{font-size:9px}.flow-caption{min-height:54px}.kv-shelf{margin-top:10px}.journey-board{min-height:185px}.boundary-button{font-size:9px}.map-entry{font-size:9px;min-width:31px}.logical-title{font-size:10px}.logical-title small{font-size:9px}.block-inspection{font-size:10px}}
@media(max-width:430px){.micro-label{font-size:9px}.flow-caption{font-size:9px;line-height:1.7;min-height:65px}.token{width:23px;height:27px;font-size:11px}.kv-cell{width:18px;font-size:10px}.kv-meter{font-size:8px}.kv-legend{font-size:8px;gap:10px}.lab-label{font-size:8px}.boundary-button{font-size:8px}.lab-label>span:last-child{display:none}.schedule-grid{grid-template-columns:78px minmax(0,1fr);gap:6px}.sequence-info small{font-size:8px}.sequence-summary{font-size:9px}.round-cell{font-size:9px}.round-cell small{font-size:6px}.map-entry{font-size:8px;min-width:28px}.logical-caption{font-size:9px}.physical-block .block-head{font-size:9px}.block-head small{font-size:8px}.block-owner{font-size:8px}.hero-meta{font-size:9px}.cache-budget span:last-child{font-size:9px}.chapter-tabs small{font-size:9px}.chapter-tabs strong{font-size:11px}.chapter-tabs button{gap:5px}.tab-index{font-size:8px}}
.mini-check{display:grid;grid-template-columns:1fr auto;gap:12px 25px;align-items:center;padding:20px 24px;margin:-33px 0 59px;background:#e9ede4;border-radius:7px;border-left:3px solid #809d82}.check-eyebrow{font-size:10px;color:#6b866f}.mini-check h3{font-size:13px;font-weight:570;margin:4px 0 0}.check-answers{display:flex;gap:8px}.check-answers button{padding:8px 12px;border:1px solid #c1cdbd;background:#f4f5ed;color:#546e62;border-radius:5px;font-size:11px;text-align:left}.check-answers button:hover{background:#e0e8db}.check-answers button[aria-pressed=true]{outline:1px solid #8ba18a;background:#dce5d8}.check-answers button.correct-answer{border-color:#6c9276;color:#315f47}.mini-check>p{grid-column:1/-1;font-size:12px;line-height:1.9;margin:0;color:#5b7964}.mini-check>p:empty{display:none}.check-jump{grid-column:1/-1;justify-self:start;background:none;color:#4c7258;font-size:11px;padding:0}.check-jump[hidden]{display:none}
@media(max-width:760px){.mini-check{grid-template-columns:1fr;margin:-20px 0 40px;padding:16px 18px;gap:12px}.mini-check h3{font-size:12px}.check-answers{flex-wrap:wrap}.check-answers button{font-size:11px;padding:8px 10px}.mini-check>p{font-size:11px}.check-eyebrow{font-size:10px}}
/* Contrast polish: supporting text remains readable on the warm paper. */
:root{--muted:#5e706e}.hero-meta,.takeaway-index,.takeaway>p,.section-title-row .eyebrow,.section-title-row>p,.code-node p,.code-note,.detail-body p,.boundaries .eyebrow,.boundaries>div>p,.boundary-list p,footer{color:#5e706e}.chapter-tabs button{color:#5e706e}.chapter-tabs button[aria-selected=true]{color:var(--ink)}.faithful{color:#2c6959}.abstract{color:#8b542a}.omitted{color:#656350}.reference{color:#496674}.check-eyebrow{color:#526b57}.round-tick{color:#81a4ad}.logical-empty,.queue-empty{color:#91aab0}.cache-budget{color:#9eb8bc}.cache-budget strong{color:#c2ebd9}
/* Motion marks writes and reference changes separately; cache hits never pulse as recomputation. */
.cache-write .block-slot.written{animation:kv-write calc(var(--animation-duration,1400ms)*.45) ease both}.cache-write .block-slot.written:nth-child(2){animation-delay:50ms}.cache-write .block-slot.written:nth-child(3){animation-delay:100ms}.cache-write .block-slot.written:nth-child(4){animation-delay:150ms}.cache-reference{animation:reference-flash calc(var(--animation-duration,1400ms)*.7) ease}.round-cell.now{animation:round-flash calc(var(--animation-duration,1400ms)*.5) ease}@keyframes kv-write{0%{opacity:.25;transform:translateY(3px)}60%{opacity:1;filter:brightness(1.55)}100%{opacity:1;transform:translateY(0);filter:brightness(1)}}@keyframes reference-flash{0%,55%{box-shadow:0 0 0 2px #b2e8ce80}100%{box-shadow:0 0 0 0 transparent}}@keyframes round-flash{0%{filter:brightness(1.5)}100%{filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.cache-write .block-slot.written,.cache-reference,.round-cell.now{animation:none!important}}

/* Expanded edition: readable laboratory notebook, responsive by reflow, not shrinking. */
:root{--rust:#a44d31;--lab-text:#e8f2ed;--lab-muted:#b5cbd0;--lab-line:#45616b;--panel:#1b3a46;--panel-deep:#102a35}
.hero-description,.takeaway>p,.code-node p,.detail-body p,.boundary-list p{font-size:15px;line-height:1.9}.hero-lead{font-size:22px}.hero-meta,.code-note{font-size:12px}.hero-note{max-width:520px}.tab-index{color:var(--rust)}.learning-route{margin:0 0 24px}.route-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px}.route-heading h2{font-size:18px;font-weight:650;margin:0}.route-heading p,.route-tip{font-size:12px;color:var(--muted);margin:0}.route-tip{margin-top:12px}.chapter-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.chapter-tabs button,.chapter-tabs button+button{padding:16px 12px;gap:10px;border:0;border-right:1px solid var(--line);min-height:80px}.chapter-tabs button:nth-child(5n){border-right:0}.chapter-tabs button:nth-child(n+6){border-top:1px solid var(--line)}.chapter-tabs button[aria-selected=true]{background:#e8ede4}.chapter-tabs strong{font-size:13px;line-height:1.6;letter-spacing:0}.chapter-tabs small{font-size:11px;line-height:1.5}.chapter-tabs .tab-index{font-size:11px;flex-shrink:0}.lab-heading{flex-wrap:wrap;align-items:flex-start;padding-bottom:20px}.lab-heading h2{font-size:27px}.lab-options{display:flex;gap:14px;flex-wrap:wrap;max-width:none;flex-shrink:1;align-items:end;min-width:0}.lab-options label,.lab-options .deep-control{display:flex;align-items:flex-start;flex-direction:column;gap:5px;font-size:12px;color:var(--lab-muted)}.lab-options select{font-size:13px;min-height:44px;max-width:270px;padding:8px 12px;line-height:1.5}.lab-options .range-control{min-width:144px}.range-control>span{display:flex;justify-content:space-between;width:100%;gap:10px}.range-control output{color:var(--mint);font-family:var(--mono)}.deep-options-note{font-size:12px;color:var(--lab-muted)}.lab-label,.section-kicker,.boundary-button{font-size:11px}.boundary-button{min-height:36px}.lab-topline{flex-wrap:wrap;gap:8px}.lab-label>span:last-child{color:#b5cbd0}.lab-footnote{font-size:12px;line-height:1.8;color:#b5cbd0}.explanation{min-height:154px}.explanation h3{font-size:18px}.explanation p{font-size:15px;line-height:1.9;color:#c2d3d4}.step-counter{font-size:12px;white-space:nowrap}.explanation-icon{font-size:24px}.transport{gap:20px}.play-button,.next-button,.icon-button{height:44px;font-size:14px}.play-button{min-width:90px}.icon-button{width:44px}.speed-control,.speed-control select{font-size:13px}.speed-control select{min-height:44px}.transport-buttons{gap:8px}.timeline-label{min-width:100px}.timeline-label input[type=range],.range-control input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:44px;min-height:44px;background:transparent;cursor:pointer;accent-color:var(--mint);margin:0;touch-action:pan-y}.timeline-label input[type=range]::-webkit-slider-runnable-track,.range-control input[type=range]::-webkit-slider-runnable-track{height:6px;background:#58737c;border-radius:4px}.timeline-label input[type=range]::-moz-range-track,.range-control input[type=range]::-moz-range-track{height:6px;background:#58737c;border-radius:4px}.timeline-label input[type=range]::-webkit-slider-thumb,.range-control input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:#b9ebd7;border:2px solid #16323d}.timeline-label input[type=range]::-moz-range-thumb,.range-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#b9ebd7;border:2px solid #16323d}.takeaway{margin:35px 0 55px;grid-template-columns:100px 1fr 1.2fr}.takeaway h2{font-size:25px}.takeaway-index{font-size:11px}.text-button{font-size:14px;min-height:36px}.mini-check{margin:-20px 0 65px;padding:24px;gap:14px 25px}.mini-check h3{font-size:16px}.check-answers button{font-size:14px;min-height:44px}.mini-check>p{font-size:14px}.check-eyebrow,.check-jump{font-size:12px}.code-node code{font-size:12px;overflow-wrap:anywhere}.code-note{line-height:1.8}.detail-list summary{font-size:16px}.detail-no{font-size:12px}.inline-source,.download-link{font-size:13px}.boundary-list>div{grid-template-columns:110px minmax(0,1fr)}.boundary-tag{font-size:11px}.boundaries>div>p{font-size:14px}.boundaries:focus,.experiment:focus{outline:3px solid #a44d31;outline-offset:6px}.study-end{max-width:1232px;margin:50px auto 30px;padding:28px 32px;background:#e4ebe0;border-radius:10px;display:flex;align-items:center;gap:40px}.study-end h2{font-size:24px;margin:0 0 12px}.study-end p:not(.eyebrow){font-size:14px;max-width:850px;margin:0;color:#4c655b}.study-end>a{white-space:nowrap;font-size:14px;color:#34624b}footer{font-size:11px}
/* Original three experiments retain their visual vocabulary at readable sizes. */
.micro-label,.micro-label b,.flow-caption,.kv-meter,.kv-legend,.physical-title,.pool-statline,.logical-caption,.schedule-head,.schedule-legend,.sequence-info small,.sequence-summary,.journey-annotation{font-size:12px;letter-spacing:0}.flow-caption{line-height:1.8}.gpu-core>span,.gpu-core small,.round-badge{font-size:11px}.gpu-core strong{font-size:21px}.kv-name strong{font-size:14px}.kv-name small{font-size:11px}.kv-cell{font-size:12px;width:29px;min-height:30px}.kv-cells{flex-wrap:wrap}.kv-shelf{grid-template-columns:140px minmax(0,1fr) 150px}.kv-legend{margin-left:0;gap:20px;flex-wrap:wrap}.token{width:36px;height:40px;font-size:15px}.physical-block .block-head{font-size:12px}.block-head small,.block-owner{font-size:11px}.block-slot{height:23px;font-size:12px}.physical-block{min-height:98px;padding:10px}.logical-title{font-size:13px}.logical-title small,.logical-empty{font-size:12px}.map-entry{min-height:36px;min-width:48px;font-size:12px;padding:5px 7px}.block-inspection{font-size:13px}.cache-budget,.cache-budget span:last-child{font-size:12px}.cache-layout{grid-template-columns:250px 30px minmax(0,1fr)}.physical-title{gap:12px}.schedule-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#6e9c9c #15303b;padding-bottom:12px;border-radius:6px}.schedule-scroll:focus-visible,.matrix-scroll:focus-visible{outline:2px solid #d4ecdc;outline-offset:-2px}.schedule-grid{min-width:1080px;grid-template-columns:140px minmax(0,1fr) 140px;gap:10px}.schedule-axis,.schedule-row{gap:5px}.round-cell{height:58px;font-size:13px;min-height:44px}.round-cell small{font-size:11px;line-height:1.5}.round-tick{font-size:12px}.sequence-info{font-size:14px}.sequence-badge{width:30px;height:32px;font-size:14px}.sequence-summary{grid-column:auto;display:block;text-align:right;line-height:1.7;margin:0}.sequence-summary br{display:initial}.sequence-summary strong{font-size:14px}.axis-spacer{display:block}.stage-pill,.queue-strip label,.queue-item,.batch-box{font-size:12px}.batch-box strong{font-size:16px}.schedule-status{flex-wrap:wrap}.round-cell[aria-current=step]{outline:2px solid #cbead9;outline-offset:-2px}
/* Deep numerical panels. */
.attention-stage,.architecture-stage,.preemption-stage,.performance-stage,.kernels-stage,.tensor-stage,.practice-stage{min-height:480px}.deep-grid{display:grid;gap:24px;align-items:start}.deep-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.deep-grid>*,.projection-grid>*,.layer-diagram>*,.workload-scene>*{min-width:0}.deep-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.deep-stat{padding:18px 20px;background:#1c3b46;border:1px solid #46626b;border-radius:8px;margin:10px 0;min-width:0}.deep-stats>.deep-stat{margin:0}.deep-stat>span{display:block;color:#b7cdd1;font-size:12px}.deep-stat>strong{display:block;color:#cbf1df;font-family:var(--mono);font-size:clamp(20px,2.1vw,28px);font-weight:500;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}.deep-stat>small{display:block;color:#b7cdd1;font-size:12px;line-height:1.7}.deep-note{margin:18px 0 10px;padding:14px 18px;border-left:3px solid #85cbb0;background:#15333f;border-radius:0 6px 6px 0;color:#c6d9d9}.deep-note strong{font-size:14px;color:#d5eddf}.deep-note p{font-size:13px;line-height:1.85;margin:5px 0 0}.deep-note.warning{border-color:#ffa579;background:#3d3631}.deep-note.warning strong{color:#ffd0b0}.equation{padding:16px 18px;background:#102a35;border:1px solid #3d5c68;border-radius:7px;font-family:var(--mono);font-size:15px;line-height:1.9;color:#cfebdf;margin:14px 0;overflow-wrap:anywhere}.equation small{display:block;font-family:var(--sans);font-size:12px;color:#aec6cc;margin-top:8px;line-height:1.8}.deep-pill{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid #638378;color:#cae5d8;background:#26483f}.evidence-rail{display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid #48616a;padding-top:16px;margin-top:24px}.deep-source{font-size:12px;color:#b5e8d3;text-decoration:underline;text-underline-offset:3px}.deep-source:hover{color:#fff}.step-map{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #385761}.step-map button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:12px;line-height:1.5;padding:7px 10px;background:#203f4b;border:1px solid #47616c;border-radius:6px;color:#b9ced2}.step-map button>span{font-family:var(--mono);font-size:11px;color:#bdd6db}.step-map button.current{background:#9cdec5;border-color:#c6f1dd;color:#12332d}.step-map button.current>span{color:#1c4538}.step-map button.done{border-color:#649b88;color:#c5e5d6}.step-map button:hover{box-shadow:inset 0 0 0 1px #d1e6dc}.matrix-card{background:#183641;border:1px solid #45626d;border-radius:8px;padding:14px;margin-bottom:14px;min-width:0;overflow:hidden}.matrix-label{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;font-family:var(--mono);font-size:13px;color:#d4ece2}.matrix-label strong{font-weight:500}.matrix-label>span{font-size:11px;color:#a8c3ca;white-space:nowrap}.matrix-scroll{overflow:auto;max-width:100%;padding-bottom:2px}.number-matrix{border-collapse:separate;border-spacing:5px;width:100%;font-family:var(--mono);font-size:14px;text-align:center}.number-matrix td{padding:9px 6px;min-width:45px;background:#244551;border:1px solid #3d5f69;border-radius:4px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#dceee7}.number-matrix th{font-family:var(--sans);font-size:12px;font-weight:400;color:#aac6ce;text-align:left;padding-right:8px;white-space:nowrap}.number-matrix .active-row td{background:#385a52;border-color:#8abfa8;color:#edfff5}.number-matrix td.masked-cell{color:#9bb7c0;background:#132d38;border-style:dashed}.number-matrix .diagonal-cell{box-shadow:inset 0 -2px #e7ba86}.matrix-flow{text-align:center;font-size:12px;color:#b2cdd0;margin:4px 0 14px}.projection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.numeric-bars{display:flex;flex-direction:column;gap:14px;padding:20px 0}.numeric-bar{display:grid;grid-template-columns:56px minmax(0,1fr) 72px;gap:10px;align-items:center;font-size:13px}.numeric-bar>span{color:#d1e3dc}.numeric-bar>b{font-family:var(--mono);font-size:13px;text-align:right;font-weight:500;color:#c0e8d6}.bar-track{height:16px;background:#294854;border-radius:3px;overflow:hidden;min-width:0}.bar-track i{display:block;height:100%;background:#9cdec5;transition:width .25s}.bar-track i.negative{background:#f1af88}.bar-selected{border:1px solid #86b8a5;border-radius:5px;padding:9px 6px;background:#23473e}.token-story>div:first-child{display:flex;align-items:center;justify-content:center;gap:25px;padding:30px 0}.token-id{min-width:150px;max-width:210px;text-align:center;border:1px solid #527884;border-radius:10px;padding:20px;background:#23414b}.token-id strong{font-size:50px;display:block;color:#bfead8;font-weight:500}.token-id span{font-family:var(--mono);font-size:13px;display:block}.token-id small{font-size:12px;color:#b6cdd0}.story-arrow{color:#80b1a6;font-size:28px}.dot-line{border-bottom:1px solid #41606a;padding:12px 0;display:flex;flex-direction:column;gap:5px;font-family:var(--mono);font-size:14px}.dot-line>span{color:#aacbd1;font-size:12px}.dot-line>strong{font-weight:500;color:#d7eddf}.dot-line>small{font-size:13px;color:#bce5d2}.deep-details{border:1px solid #47636d;border-radius:7px;background:#183743;margin:18px 0;padding:0 18px}.deep-details summary{font-size:14px;color:#cde8dc;padding:15px 0;cursor:pointer;line-height:1.7}.deep-details p,.deep-details li{font-size:13px;line-height:1.9;color:#bed3d5}.deep-details ol{padding-left:23px}.deep-details li{padding:4px 0}.deep-details .matrix-card{max-width:560px}.cdf-strip{display:flex;height:42px;position:relative;border:1px solid #85aa9d;border-radius:4px;margin:15px 0 25px}.cdf-strip>span{display:flex;align-items:center;justify-content:center;font-size:13px;color:#d9ece1;background:#3e675c;border-right:1px solid #83a99c;overflow:hidden;min-width:0}.cdf-strip>span:nth-child(2n){background:#3b5967}.cdf-strip>i{position:absolute;top:-8px;height:58px;width:2px;background:#ffd0a1;box-shadow:0 0 0 2px #15333f}.cdf-strip>i:before{content:'▼';position:absolute;top:-16px;left:-6px;color:#ffd0a1;font-size:14px}.proof-pass{padding:16px;border:1px solid #6eae8d;color:#c9efdc;font-size:14px;border-radius:6px;background:#284b40}.layer-diagram{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.layer-track{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layer-node{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border:1px solid #476572;background:#1f3e4a;border-radius:6px;font-size:13px}.layer-node>span{font-family:var(--mono);font-size:11px;color:#b1cbd1}.layer-node.lit{border-color:#98ccb3;background:#36574d;color:#dbf2e3}.rope-plot{max-width:400px;margin:0 auto;border:1px solid #41616e;border-radius:9px;background:#102b36;padding:10px}.rope-plot svg{display:block;width:100%;height:auto}.rope-plot circle{stroke:#476d7c;fill:none;stroke-dasharray:3 6}.rope-plot .axes{stroke:#517583;stroke-width:1}.rope-plot line{stroke-width:3}.rope-plot .q-vector{stroke:#9fe9c6}.rope-plot .k-vector{stroke:#ffbd92}.rope-plot .q-dot{fill:#9fe9c6;stroke:none}.rope-plot .k-dot{fill:#ffbd92;stroke:none}.rope-plot text{fill:#9fe9c6;font-size:12px}.rope-plot .k-label{fill:#ffbd92}.dimension-board{border:1px solid #476573;border-radius:8px;overflow:hidden}.dim-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:5px 15px;padding:18px 20px;background:#1c3c48;border-bottom:1px solid #46636c}.dim-row>strong{font-size:14px;font-weight:550}.dim-row>span{font-family:var(--mono);font-size:15px;color:#bdebd5;overflow-wrap:anywhere}.dim-row>small{grid-column:2;font-size:12px;color:#bad0d3}.dim-split{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:14px;background:#122e3a}.dim-split>div{padding:15px;border:1px solid #557c7a;border-radius:6px}.dim-split b{display:block;color:#a4e0c3;font-family:var(--mono);font-size:22px}.dim-split strong{font-family:var(--mono);font-size:14px;display:block;font-weight:500}.dim-split small{font-family:var(--mono);font-size:11px;color:#b4ccd1;display:block;margin-top:5px}.mini-matrices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kv-dim-stack{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:30px 10px}.kv-dim-stack>div{padding:16px 18px;background:#244c44;border:1px solid #719d86;border-radius:6px;color:#d2ecdd;font-size:15px}.kv-dim-stack>b{font-size:20px;font-weight:400;color:#9fc6bb}.preempt-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0 0 25px}.preempt-timeline>span{display:flex;flex-direction:column;gap:5px;padding:12px;background:#203f4b;border:1px solid #47636c;border-radius:6px;font-size:11px;color:#b8cfd2}.preempt-timeline b{font-family:var(--mono);font-size:16px}.preempt-timeline>span.active{background:#365d4c;border-color:#b1d7b9;color:#e2f6df}.preempt-timeline>span.past{border-color:#6e998a}.preemption-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.request-cards{display:flex;flex-direction:column;gap:14px}.request-card{padding:18px 20px;border:1px solid #59747b;border-radius:8px;background:#1b3a46}.request-card.preempted{border-color:#ffd09e;background:#403a32}.request-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.request-card>div>strong{font-size:18px;font-weight:600}.request-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.request-card dt{font-size:11px;color:#b9ced1}.request-card dd{font-family:var(--mono);font-size:24px;color:#d8efdf;margin:2px 0 0}.request-blocks{display:flex;flex-wrap:wrap;gap:8px}.request-blocks>span{padding:6px 10px;background:#33594c;border:1px solid #709b86;border-radius:4px;font-family:var(--mono);font-size:12px;color:#d2ebdc}.request-blocks .empty-block{background:none;border-style:dashed;color:#bfd0d0}.preempt-block{display:grid;grid-template-columns:50px 1fr;gap:3px 10px;border:1px solid #587a83;border-radius:6px;padding:14px 17px;margin:12px 0;background:#23434e}.preempt-block.free{border-style:dashed;background:#152f3b}.preempt-block>strong{font-family:var(--mono);font-size:18px}.preempt-block>span{font-family:var(--mono);font-size:13px;color:#c5e8d6}.preempt-block>small{grid-column:2;font-size:11px;color:#b3cacf}.queue-readout{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-top:16px;font-size:13px}.queue-readout>span{color:#b6ced2;font-family:var(--mono);font-size:11px}.queue-readout>b{font-weight:500;color:#d7f0e2}.workload-scene{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.workload-shape{padding:22px;background:#122e39;border:1px solid #496873;border-radius:9px;display:flex;flex-direction:column;gap:15px}.workload-shape>div{display:flex;align-items:center;gap:5px}.workload-shape span{font-size:11px;color:#c1d7d8;width:50px;flex-shrink:0}.workload-shape i{height:20px;flex:1;border:1px solid #5c8588;background:#284952;border-radius:3px}.workload-shape i.new{background:#9dd6b9;border-color:#bcebd5}.workload-shape>small{font-size:11px;color:#bdd3d7}.capacity-meter{height:22px;background:#274651;border-radius:5px;overflow:hidden;margin:20px 0}.capacity-meter>i{display:block;height:100%;background:#9ed9bc}.capacity-meter>i.overflow{background:#ffc298}.weight-fan{padding:24px;border:1px solid #496873;border-radius:8px;background:#17323e}.weight-core{text-align:center;color:#bdd6d7;font-size:14px;padding:23px;border:1px solid #8eac98;background:#325447;border-radius:8px}.weight-core>strong{font-family:var(--mono);font-size:26px;color:#d3eedb;font-weight:500}.weight-fan>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:25px}.weight-fan>div:last-child>span{padding:8px;font-size:11px;background:#274953;border:1px solid #5b7e86;border-radius:4px}.bottleneck-cards{display:flex;flex-direction:column;gap:12px}.bottleneck-cards>div{padding:16px 20px;border:1px solid #47636d;border-radius:6px;background:#193944}.bottleneck-cards strong{font-size:14px;font-weight:600;color:#c1e9d4}.bottleneck-cards p{font-size:13px;color:#b9d0d3;margin:5px 0 0}.mechanism-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}.mechanism-map>div{padding:16px 18px;background:#193944;border:1px solid #4a6872;border-radius:6px}.mechanism-map>div.lit{border-color:#b2dbc3;background:#365547}.mechanism-map small{font-size:12px;color:#b6d0d1;display:block}.mechanism-map strong{font-family:var(--mono);font-size:16px;color:#d7efdf;font-weight:500}.tile-board{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:center}.attention-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:280px}.attention-tiles i{height:50px;border:1px solid #5b9181;background:#365c4b;font-size:22px;font-style:normal;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#d8e8dd}.attention-tiles i.masked{background:#17323e;border-color:#3d6170;color:#7c9ca8}.attention-tiles i.loaded-tile{background:#a7d6b8;color:#12352b;outline:1px solid #d6edc9}.online-tile{padding:15px 18px;border:1px solid #719d87;border-radius:6px;background:#294d40;margin-bottom:13px}.online-tile>strong{font-size:14px;color:#d5ebd5;font-weight:550}.online-tile p{font-family:var(--mono);font-size:13px;color:#e1f1df;margin:6px 0}.online-tile small{font-size:12px;color:#c1dbc7}.address-equation{display:flex;gap:15px;align-items:center;justify-content:center;padding:35px 0;flex-wrap:wrap}.address-equation>div{padding:15px 18px;border:1px solid #749f8b;border-radius:7px;background:#305043;text-align:center}.address-equation small{font-size:11px;color:#c3ddce;display:block}.address-equation b{font-family:var(--mono);font-size:27px;color:#e0f4de;font-weight:500;display:block}.address-equation>span{font-family:var(--mono);font-size:13px;color:#b7d3d5}.graph-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px}.graph-comparison>div{display:flex;flex-direction:column;gap:9px;border:1px solid #4d737b;border-radius:7px;padding:20px;background:#183844}.graph-comparison strong{font-size:14px;color:#c2e2d1;margin-bottom:8px}.graph-comparison span,.graph-capture{padding:10px 12px;border:1px solid #55767d;border-radius:5px;font-size:12px;color:#d1e3dd;background:#244650}.graph-capture{border-color:#9accac;background:#355540;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center}.graph-capture b{font-family:var(--mono);font-size:20px;font-weight:500;color:#d6edca}.graph-capture small{font-size:12px;margin-top:8px}.head-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.head-groups>div{border:1px solid #608b80;background:#24463e;border-radius:7px;padding:14px;text-align:center}.head-groups>div>div{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.head-groups span{display:inline-block;padding:6px 9px;border-radius:4px;border:1px solid #8eaba1;background:#43635b;font-family:var(--mono);font-size:12px;color:#e2f0e6}.head-groups b{font-size:11px;color:#bddacb;display:block;margin:8px}.head-groups strong{font-family:var(--mono);font-size:15px;display:block;color:#d8f1df}.tp-ranks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.tp-ranks>div{padding:15px;background:#193843;border:1px solid #4e707b;border-radius:7px;display:flex;flex-direction:column;gap:5px}.tp-ranks b{font-family:var(--mono);font-size:13px;color:#c5e7d2}.tp-ranks span{font-family:var(--mono);font-size:12px;color:#b9cfd5;overflow-wrap:anywhere}.tp-ranks>.tp-error{grid-column:1/-1;border-color:#dda978;background:#40382f}.tp-error strong{font-size:16px;color:#ffdcaf}.tp-error span{font-family:var(--sans);font-size:14px;line-height:1.8;color:#e4d4c3}.shard-diagram{display:flex;gap:20px;align-items:center;padding:30px 0}.shard-diagram>div{flex:1;min-width:0;padding:18px;border:1px solid #4e7480;border-radius:7px;background:#1d3d49}.shard-diagram b{font-size:14px;font-weight:600;color:#d0ebda}.shard-diagram p{font-size:12px;color:#bdd4d7;margin:6px 0}.weight-shards{display:flex!important;gap:10px}.weight-shards>div{padding:12px;background:#3a5d4e;flex:1;min-width:0;border-radius:5px}.weight-shards small{display:block;font-size:11px;color:#c1d7c5;margin-top:8px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.practice-grid>div{padding:20px;border:1px solid #4c6d76;border-radius:8px;background:#1b3b47;min-width:0}.practice-grid span{font-family:var(--mono);font-size:12px;color:#a7d5be}.practice-grid p{font-size:14px;line-height:1.8;color:#d3e5df;margin:8px 0 0;overflow-wrap:anywhere}.command-box{overflow:auto;background:#0c2631;border-radius:6px;padding:16px;margin:15px 0;max-width:100%}.command-box code{font-family:var(--mono);font-size:12px;color:#cee9da;white-space:pre}.download-row{display:flex;gap:12px 20px;flex-wrap:wrap;margin:18px 0}.download-row a{color:#b5e8d3;font-size:13px;text-decoration:underline;text-underline-offset:4px}.study-end .eyebrow{font-size:11px}
@media(min-width:1440px){.lab-stage{min-height:400px}.attention-stage,.architecture-stage,.preemption-stage,.performance-stage,.kernels-stage,.tensor-stage,.practice-stage{min-height:490px}}
@media(max-width:1050px){.chapter-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.chapter-tabs strong{font-size:12px}.chapter-tabs button,.chapter-tabs button+button{gap:7px;padding:14px 9px}.chapter-tabs small{font-size:11px}.lab-heading h2{font-size:24px}.lab-heading{display:block}.lab-options{margin-top:16px}.cache-layout{grid-template-columns:230px 20px minmax(0,1fr)}.kv-cell{width:25px}.kv-shelf{grid-template-columns:125px minmax(0,1fr) 125px}.projection-grid{gap:10px}.matrix-card{padding:10px}.number-matrix{font-size:13px;border-spacing:3px}.number-matrix td{min-width:38px;padding:8px 5px}.number-matrix th{font-size:11px}.study-end{margin:35px 30px}.deep-stats{gap:10px}.deep-stat{padding:15px}.dim-row{grid-template-columns:140px minmax(0,1fr)}.preempt-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.head-groups,.tp-ranks{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-options select{max-width:260px}}
@media(max-width:760px){.site-header{padding:0 20px}.source-link{font-size:12px}.brand b{font-size:12px}main{padding:0 18px}.hero{gap:20px;padding:32px 0}.hero-lead{font-size:19px}.hero-description{font-size:15px}.hero-meta{font-size:11px;line-height:1.8}.route-heading{display:block}.route-heading h2{font-size:17px}.route-heading p{margin-top:7px;font-size:12px;line-height:1.7}.route-tip{font-size:12px}.chapter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-tabs button,.chapter-tabs button+button{padding:13px 12px;min-height:76px;gap:9px;border-bottom:1px solid var(--line);border-top:0;border-right:1px solid var(--line)}.chapter-tabs button:nth-child(5n){border-right:1px solid var(--line)}.chapter-tabs button:nth-child(2n){border-right:0}.chapter-tabs button:nth-child(n+9){border-bottom:0}.chapter-tabs strong{font-size:13px}.chapter-tabs small{font-size:11px}.chapter-tabs .tab-index{font-size:11px}.lab-heading{padding:22px 20px 16px}.lab-heading h2{font-size:23px}.section-kicker{font-size:12px}.lab-label,.boundary-button{font-size:11px}.lab-stage{padding:12px 20px 22px;min-height:350px}.lab-options{max-width:none;gap:12px;width:100%}.lab-options label,.lab-options .deep-control{font-size:12px;align-items:flex-start;max-width:100%}.lab-options select{font-size:13px;max-width:100%;min-height:44px}.lab-options .range-control{flex:1;min-width:125px}.journey-annotation{font-size:12px}.journey-board{grid-template-columns:1fr;gap:12px}.flow-panel{padding:4px 0}.micro-label,.micro-label b{font-size:12px;display:inline-flex;gap:10px}.micro-label{display:flex}.flow-caption{font-size:13px;min-height:0;margin-top:9px}.flow-caption br{display:none}.token-rack{gap:7px}.token{width:37px;height:40px;font-size:15px}.gpu-area{margin:4px 0 10px}.gpu-shell{width:170px;height:126px}.gpu-core strong{font-size:22px}.gpu-core>span,.gpu-core small{font-size:11px}.gpu-connector{display:none}.round-badge{font-size:11px;margin-top:12px}.kv-shelf{grid-template-columns:1fr;gap:12px}.kv-name{grid-column:auto;display:flex;align-items:baseline;gap:12px}.kv-name strong{font-size:15px}.kv-name small{font-size:11px}.kv-cells{grid-column:auto;grid-row:auto;gap:7px;flex-wrap:wrap;justify-content:flex-start}.kv-block{padding:3px;gap:3px}.kv-cell{width:27px;height:30px;font-size:12px}.kv-meter{grid-column:auto;grid-row:auto;font-size:12px;text-align:left}.kv-meter br{display:none}.kv-meter strong{font-size:25px}.kv-meter span{font-size:14px}.kv-legend{font-size:11px;gap:14px;margin:15px 0 0}.explanation{margin:0 20px;min-height:170px;padding:20px 0;gap:10px;flex-wrap:wrap}.explanation>div{min-width:0;flex:1}.explanation h3{font-size:17px}.explanation p{font-size:14px}.step-counter{font-size:11px}.transport{padding:16px 20px;gap:12px}.transport-buttons{gap:7px}.play-button,.next-button,.icon-button{height:44px;font-size:13px}.play-button{min-width:82px}.icon-button{width:40px}.next-button{padding:0 12px}.timeline-label{order:3;flex-basis:100%;margin:0}.speed-control{font-size:12px;margin-left:auto}.speed-control select{font-size:13px}.lab-footnote{padding:0 20px 18px;font-size:12px}.takeaway{grid-template-columns:1fr;gap:10px;margin:30px 0 50px}.takeaway h2{font-size:24px}.takeaway>p,.takeaway .text-button{grid-column:1;font-size:14px}.takeaway-index{font-size:11px;display:flex;gap:15px}.takeaway-index span{margin:0}.mini-check{padding:20px;gap:14px;margin:-20px 0 50px}.mini-check h3{font-size:16px}.check-eyebrow{font-size:12px}.check-answers button{font-size:13px;min-height:44px;padding:10px 12px}.mini-check>p{font-size:14px}.check-jump{font-size:13px}.section-title-row{align-items:start;flex-wrap:wrap}.section-title-row>p{font-size:12px;max-width:none}.section-title-row h2{font-size:26px}.section-title-row .eyebrow{font-size:11px}.code-node{padding:20px}.code-node h3{font-size:19px}.code-node code{font-size:11px}.code-node p{font-size:14px}.code-number{font-size:12px}.code-note{font-size:12px}.detail-list summary{font-size:15px;gap:15px}.detail-no{font-size:12px}.detail-body{margin-left:0;margin-right:0}.detail-body p{font-size:14px}.formula{font-size:12px;flex-wrap:wrap}.boundaries h2{font-size:26px}.boundaries>div>p{font-size:14px}.boundary-list>div{grid-template-columns:1fr;gap:8px}.boundary-tag{font-size:12px}.boundary-list p{font-size:14px}.boundary-list{gap:20px}.cache-layout{grid-template-columns:1fr;gap:20px}.mapping-bridge{display:none}.logical-list{display:grid;grid-template-columns:1fr;gap:10px}.logical-seq{padding:13px}.logical-title{font-size:14px}.logical-title small{font-size:12px}.map-entry{font-size:12px;min-width:50px;min-height:40px;padding:7px}.logical-caption,.logical-empty{font-size:12px}.block-table{gap:7px}.physical-title{font-size:12px;flex-wrap:wrap}.physical-pool{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.physical-block{padding:10px;min-height:108px}.physical-block .block-head{font-size:12px}.block-head small,.block-owner{font-size:11px}.block-slot{font-size:12px;height:24px}.pool-statline{font-size:12px;gap:14px}.pool-statline strong{font-size:15px}.cache-budget,.cache-budget span:last-child{font-size:12px;line-height:1.8}.cache-budget strong{font-size:20px}.block-inspection{font-size:13px}.schedule-head,.schedule-legend{font-size:12px}.schedule-grid{grid-template-columns:140px minmax(0,1fr) 140px;min-width:1080px;gap:10px}.schedule-row{gap:5px}.round-cell{height:58px;font-size:13px}.round-cell small{font-size:11px}.sequence-info{font-size:14px}.sequence-info small,.sequence-summary{font-size:12px}.sequence-summary{grid-column:auto;display:block;text-align:right;line-height:1.7;margin:0}.sequence-summary br{display:initial}.sequence-badge{width:30px;height:32px;font-size:14px}.round-tick{font-size:12px}.axis-spacer{display:block}.stage-pill,.queue-item,.queue-strip label,.batch-box{font-size:12px}.batch-box strong{font-size:16px}.study-end{margin:30px 18px;padding:24px;flex-direction:column;gap:18px;align-items:flex-start}.study-end h2{font-size:22px}.study-end p:not(.eyebrow){font-size:14px}footer{font-size:11px;margin:0 18px}.footer-brand{font-size:12px}.deep-grid.two,.projection-grid,.layer-diagram,.preemption-layout,.workload-scene,.graph-comparison,.practice-grid{grid-template-columns:1fr;gap:18px}.deep-stats{grid-template-columns:1fr;gap:10px}.deep-stat{padding:16px}.deep-stat>strong{font-size:25px}.deep-stat>span,.deep-stat>small{font-size:12px}.deep-note{padding:14px 16px}.deep-note p{font-size:14px}.equation{font-size:14px;padding:15px;line-height:1.9}.equation small{font-size:12px}.matrix-card{padding:12px}.number-matrix{font-size:14px;border-spacing:4px}.number-matrix td{padding:8px 6px;min-width:42px}.number-matrix th{font-size:12px}.matrix-label{font-size:13px}.numeric-bar{font-size:13px;grid-template-columns:52px minmax(0,1fr) 66px}.numeric-bar>b{font-size:12px}.step-map{gap:6px;margin-bottom:20px}.step-map button{font-size:12px;min-height:44px;padding:7px 9px}.token-story>div:first-child{gap:9px;padding:20px 0;flex-wrap:wrap}.token-id{min-width:70px;flex:1;padding:13px 8px}.token-id strong{font-size:38px}.token-id span,.token-id small{font-size:11px}.story-arrow{font-size:18px}.deep-details{padding:0 15px}.deep-details summary{font-size:14px}.deep-details p,.deep-details li{font-size:14px}.layer-track{grid-template-columns:1fr 1fr;gap:8px}.layer-node{font-size:12px;padding:10px;gap:9px;min-height:66px}.dim-row{grid-template-columns:1fr;padding:17px;gap:7px}.dim-row>small{grid-column:1}.dim-row>span{font-size:14px}.dim-split{grid-template-columns:1fr;gap:10px;padding:15px}.dim-split>div{padding:12px 15px;display:grid;grid-template-columns:35px 1fr;gap:4px 10px;align-items:center}.dim-split small{grid-column:2}.dim-split strong{font-size:14px}.dim-split small{font-size:12px}.mini-matrices{grid-template-columns:1fr;gap:0}.kv-dim-stack{justify-content:flex-start;padding:15px 0;gap:8px}.kv-dim-stack>div{font-size:13px;padding:12px}.preempt-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preempt-timeline>span{font-size:12px}.request-card{padding:17px}.request-card dt{font-size:12px;line-height:1.7}.request-card dd{font-size:23px}.request-blocks>span{font-size:12px}.preempt-block>small{font-size:12px}.workload-shape{padding:16px}.workload-shape>div{gap:4px}.workload-shape span{font-size:11px;width:43px}.mechanism-map{grid-template-columns:1fr;gap:8px}.mechanism-map>div{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.mechanism-map strong{font-size:14px}.mechanism-map small{font-size:12px}.tile-board{grid-template-columns:1fr;gap:20px}.attention-tiles{margin:auto;width:100%}.address-equation{justify-content:flex-start;padding:15px 0;gap:10px}.address-equation>div{flex:1;min-width:110px}.address-equation>span{font-size:12px}.head-groups,.tp-ranks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.head-groups>div{padding:12px 10px}.head-groups span{font-size:11px;padding:6px}.head-groups strong{font-size:14px}.tp-ranks>div{padding:13px}.shard-diagram{flex-direction:column;padding:10px 0;gap:12px}.shard-diagram>div{width:100%;padding:18px}.shard-diagram>span{transform:rotate(90deg)}.shard-diagram p{font-size:14px}.weight-shards small{font-size:12px}.practice-grid p{font-size:14px}.evidence-rail{gap:14px}.deep-source{font-size:12px;line-height:1.9}.download-row a{font-size:13px}}
@media(max-width:430px){main{padding:0 12px}.site-header{padding:0 15px}.hero{padding:28px 3px}.hero-lead{font-size:18px}.hero-meta{font-size:11px;gap:10px}.hero-meta span+span:before{margin-right:10px}.chapter-tabs button,.chapter-tabs button+button{padding:12px 9px;gap:7px;min-height:78px}.chapter-tabs strong{font-size:12px}.chapter-tabs small{font-size:11px}.chapter-tabs .tab-index{font-size:11px}.lab-topline{padding:12px 15px}.lab-label,.boundary-button{font-size:11px}.lab-label>span:last-child{display:inline}.lab-heading{padding:20px 15px 12px}.lab-heading h2{font-size:22px}.lab-stage{padding:12px 15px 20px}.lab-options{gap:12px}.lab-options label,.lab-options .deep-control{width:100%;font-size:12px}.lab-options select{font-size:13px;width:100%;max-width:100%}.lab-options .range-control{width:auto;min-width:110px}.token{font-size:15px;width:35px;height:40px}.flow-caption{font-size:13px;min-height:0}.kv-cell{width:25px;height:30px;font-size:12px}.kv-cells{gap:8px}.kv-meter{font-size:12px}.kv-legend{font-size:11px;gap:12px}.explanation{margin:0 15px}.explanation h3{font-size:16px}.explanation p{font-size:14px}.explanation-icon{display:none}.step-counter{align-self:flex-start;font-size:11px}.transport{padding:16px 15px;gap:10px}.transport-buttons{gap:5px}.play-button{min-width:76px;padding:0 10px}.next-button{padding:0 9px}.icon-button{width:36px}.speed-control{margin-left:0}.lab-footnote{padding:0 15px 18px;font-size:12px}.code-flow{grid-template-columns:1fr}.code-node{border-left:0!important;border-top:1px solid var(--line);padding:20px}.code-node:first-child{border-top:0}.code-node p{font-size:14px}.code-node code{font-size:12px}.section-title-row>p{max-width:none;font-size:12px}.physical-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.physical-block{padding:10px;min-height:110px}.physical-block .block-head{font-size:12px}.block-head small,.block-owner{font-size:11px}.block-slot{font-size:12px;height:24px}.map-entry{font-size:12px;min-width:48px;min-height:40px}.logical-caption{font-size:12px}.cache-budget span:last-child{font-size:12px}.schedule-grid{grid-template-columns:140px minmax(0,1fr) 140px;gap:10px}.round-cell{font-size:13px}.round-cell small{font-size:11px}.sequence-info small{font-size:12px}.sequence-summary{font-size:12px}.schedule-legend{font-size:12px;gap:15px}.boundary-list>div{grid-template-columns:1fr}.boundary-list p{font-size:14px}.deep-grid{gap:16px}.matrix-card{padding:10px}.number-matrix{border-spacing:3px;font-size:13px}.number-matrix td{min-width:36px;padding:8px 4px}.number-matrix th{font-size:11px}.matrix-label{font-size:12px}.equation{font-size:13px;padding:13px}.deep-note p{font-size:13px}.numeric-bar{grid-template-columns:45px minmax(0,1fr) 58px;gap:7px;font-size:12px}.numeric-bar>b{font-size:12px}.token-story>div:first-child{gap:6px}.token-id{min-width:66px;padding:12px 6px}.story-arrow{font-size:14px}.token-id strong{font-size:32px}.token-id span,.token-id small{font-size:11px}.request-card dl{gap:7px}.request-card dt{font-size:11px}.request-card dd{font-size:24px}.preempt-timeline>span{font-size:11px}.head-groups>div{padding:10px}.tp-ranks span{font-size:11px}.dim-row>span{font-size:13px}.layer-track{grid-template-columns:1fr}.layer-node{min-height:48px;font-size:13px}.study-end{margin:25px 12px;padding:21px}.study-end h2{font-size:22px}.study-end .eyebrow{font-size:11px}.route-heading h2{font-size:16px}.boundary-button{font-size:11px}.deep-source{font-size:12px}}
@media(prefers-reduced-motion:reduce){.bar-track i,.step-map button{transition:none}.rope-plot *{transition:none}.round-cell.now,.cache-reference,.cache-write .block-slot.written{animation:none!important}}
.preempt-slots{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.preempt-slots i{font-style:normal;text-align:center;font-size:11px;padding:5px 2px;border:1px dashed #58747e;border-radius:3px;color:#adc7cf}.preempt-slots i.written{background:#709e87;color:#102b22;border:1px solid #9ccbaf;font-weight:650}.preempt-slots i.reserved{background:#233f49;color:#bbd2d8;border:1px solid #70909c}
/* Final contrast repairs for instructional small text. */
.mini-check>p{color:#3f614c}.block-head small{color:#b9d1d5}.physical-block.retained .block-slot.written{background:#354f46;color:#d3e9d7;opacity:1}.code-number,.detail-no{color:#5b7066}.token.dim{color:#a7bec7}.deep-animated .matrix-card,.deep-animated .deep-stat,.deep-animated .proof-pass{animation:appear .35s ease both}.offline-ready{font-size:13px;color:#456958;line-height:1.8}
@media(prefers-reduced-motion:reduce){.deep-animated .matrix-card,.deep-animated .deep-stat,.deep-animated .proof-pass{animation:none!important}}
.symbol-key{display:flex;flex-wrap:wrap;gap:8px 18px;margin:-6px 0 20px;padding:12px 14px;border:1px dashed #52717c;border-radius:5px;color:#bfd7d7;font-family:var(--mono);font-size:11px;line-height:1.8}.number-matrix thead th{text-align:center;font-size:11px;color:#bed5da;padding:2px 6px 5px;font-weight:400}.number-matrix thead th:first-child{text-align:left}.number-matrix thead th:last-child{text-align:center}.deep-details .deep-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.symbol-key{font-size:11px;gap:5px 14px}.deep-details .deep-stats{grid-template-columns:1fr}.number-matrix thead th{font-size:11px}}
.source-code{background:#0d2732;border:1px solid #45636e;border-radius:5px;overflow:auto;padding:15px 12px;max-width:100%;font:12px/1.9 var(--mono);color:#d2e9de;tab-size:4}.source-code:focus-visible{outline:2px solid #d0e7d8;outline-offset:2px}.source-line{display:block;white-space:pre}.source-line>i{display:inline-block;width:32px;margin-right:14px;border-right:1px solid #41616b;color:#9fbfc9;font-style:normal;user-select:none}.source-lens .source-license{font-size:11px;color:#a9c7cd;margin-bottom:17px}.source-lens>.deep-source{display:inline-block;margin:0 0 8px}.source-lens summary{font-size:13px;overflow-wrap:anywhere}
@media(max-width:760px){.source-code{font-size:12px}.source-lens .source-license{font-size:11px}.source-lens summary{font-size:13px}}
.physical-block.unindexed .block-slot.written{background:#344d54;color:#d3e8e7;opacity:1}
.rope-legend{display:flex;flex-direction:column;gap:5px;padding:0 12px 12px;font-size:12px;line-height:1.8}.rope-legend span:first-child{color:#9fe9c6}.rope-legend span:last-child{color:#ffbd92}
.parameter-hint{font-size:12px;line-height:1.85;color:#b7d0d4;margin:-4px 0 20px;padding:0 2px}
.range-control .control-value{color:var(--mint);font-family:var(--mono)}.tp-ranks .tp-error span{font-size:14px;line-height:1.85}