:root{font-family:var(--body-font);color:var(--ink);background:var(--paper);font-size:16px;--green:var(--accent)}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:250px;inset:0 auto 0 0;border-right:1px solid var(--line);padding:34px 24px;background:var(--card)}.brand{font:600 20px var(--body-font);color:var(--ink);text-decoration:none;letter-spacing:2px;display:block}.brand small{font-size:12px;margin-left:43px;color:var(--muted)}.logo{float:left;color:var(--green);font-size:28px;margin-right:10px}.nav-label{font-size:10px;letter-spacing:1.7px;color:var(--muted);margin:54px 0 19px}nav button{display:block;width:100%;text-align:left;background:none;border:0;padding:15px 10px;color:var(--muted);border-radius:7px;margin:5px 0}nav button.selected{background:var(--accent-soft);color:var(--green)}nav small{display:block;font-size:10px;color:var(--muted);margin:5px 0 0 26px}.side-bottom{position:absolute;bottom:30px;font-size:11px;line-height:2;color:var(--muted)}.live-dot{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;margin-right:5px}main{margin-left:250px;padding:0 52px 70px;max-width:1530px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:var(--muted)}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:var(--card);border-radius:6px;padding:10px 16px}button:hover{border-color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);margin:38px 0 18px}h1{font:400 clamp(36px,4vw,58px)/1.13 var(--heading-font);letter-spacing:-.035em;margin:0 0 20px;color:var(--ink)}h1 em{font-style:normal;color:var(--green)}.intro{max-width:650px;color:var(--muted);line-height:1.8;font-size:16px}.chips{display:flex;gap:20px;margin:24px 0 30px;font-size:11px;color:var(--muted)}.chips span{border-right:1px solid var(--line);padding-right:20px}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{white-space:nowrap;background:none;border:0;border-radius:0;padding:17px 0;color:var(--muted);font-size:12px}.tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.content{padding-top:30px}h2{font:500 24px var(--heading-font);margin:0 0 12px}h3{font:500 16px var(--heading-font)}.sub{color:var(--muted);font-size:13px;line-height:1.8}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.card{border:1px solid var(--line);background:linear-gradient(120deg,var(--card),var(--card));border-radius:11px;padding:25px}.card-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);display:flex;justify-content:space-between}.pill{color:var(--green);background:var(--accent-soft);padding:4px 8px;border-radius:4px;font-size:10px}.pipeline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:35px 0}.node{padding:18px 12px;background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;text-align:center;font-size:13px;min-width:90px}.node.green{background:var(--accent-soft);border-color:var(--accent);color:var(--green)}.arrow{color:var(--muted)}.token-row{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.token{padding:10px;border-radius:4px;background:var(--surface-alt);color:var(--accent);font:12px monospace}.token.cached{background:var(--accent-soft);color:var(--green)}.token.new{background:var(--card);color:var(--ink);border:1px dashed var(--accent)}.legend{display:flex;gap:18px;color:var(--muted);font-size:11px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.primary{background:var(--green);color:var(--on-accent);border-color:var(--green);font-weight:600}.num{font:600 32px var(--body-font);color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{padding:18px;background:var(--surface-alt);border-radius:8px}.metric small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.callout{border-left:2px solid var(--green);padding:12px 16px;background:var(--accent-soft);font-size:13px;line-height:1.8;margin-top:24px}details{border-top:1px solid var(--line);padding:18px 0;font-size:13px;line-height:1.85}summary{cursor:pointer;color:var(--ink)}details p{color:var(--muted)}code,pre{font-family:monospace;color:var(--accent)}pre{white-space:pre-wrap;background:var(--surface-alt);padding:18px;border-radius:8px;font-size:12px}label{display:block;font-size:12px;color:var(--muted);margin:20px 0 8px}input[type=range]{width:100%;accent-color:var(--green)}select,textarea,input[type=text]{width:100%;padding:12px;background:var(--surface-alt);color:var(--ink);border:1px solid var(--line);border-radius:6px;font:inherit}textarea{min-height:160px;line-height:1.7}.bar{height:18px;display:flex;background:var(--surface-alt);border-radius:4px;overflow:hidden;margin:18px 0}.bar span{background:var(--green);transition:width .3s}.bar span+span{background:var(--accent)}.matrix{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:20px 0}.cell{height:26px;border-radius:3px;background:var(--surface-alt)}.cell.on{background:var(--accent)}.cell.hot{background:var(--accent)}.quiz{margin-bottom:18px}.quiz button{display:block;text-align:left;width:100%;margin:10px 0}.quiz button.correct{border-color:var(--green);background:var(--accent-soft)}.quiz button.wrong{border-color:var(--danger-soft)}.feedback{font-size:13px;line-height:1.8;color:var(--green)}.footer{margin-top:30px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}a{color:var(--accent)}.progress{height:3px;background:var(--surface-alt);margin-top:22px}.progress span{display:block;height:100%;background:var(--green)}.fade{animation:appear .35s ease}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){aside{width:205px;padding:25px 15px}main{margin-left:205px;padding:0 25px 40px}.grid{grid-template-columns:1fr}.pipeline{flex-wrap:wrap}}@media(max-width:650px){aside{position:relative;width:100%;padding:18px;border-right:0}.nav-label,.side-bottom,nav small{display:none}nav{display:flex;overflow:auto;margin-top:16px}nav button{min-width:170px;font-size:12px;padding:9px}.brand{font-size:16px}main{margin:0;padding:0 18px 40px}header{height:65px;font-size:8px;gap:8px}header button{font-size:10px;padding:8px}.tabs{gap:20px}.metrics{grid-template-columns:1fr}.chips{gap:10px;font-size:9px}.card{padding:19px}.node{min-width:70px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:651px){aside{display:flex;flex-direction:column}nav{overflow-y:auto;min-height:0;flex:1}.side-bottom{position:static;flex-shrink:0;padding-top:18px;background:var(--card)}}
.guide-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:15px 0 24px}.guide-intro{max-width:800px;font-size:19px;color:var(--ink);line-height:1.8}.guide-body{max-width:800px;line-height:1.9;color:var(--muted);margin:0 0 28px}.experiment{margin-top:20px;padding:30px}.experiment h3{font-size:19px;margin:26px 0 17px}.flow{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:24px 0}.flow-box{flex:1;min-width:170px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);font-size:16px;line-height:1.7}.flow-box small{color:var(--muted);font-size:12px}.model-box{background:var(--accent-soft);border-color:var(--accent);color:var(--green)}.narration{background:var(--surface-alt);border-left:2px solid var(--accent);padding:18px 20px;line-height:1.85;color:var(--ink);font-size:14px;margin:20px 0 0}.takeaway{font-size:15px;padding:18px 22px}.takeaway strong{color:var(--green)}.depth{margin:20px 0;padding:20px 5px}.depth-label{float:right;font-size:11px;color:var(--muted);margin-right:10px}.depth p{max-width:850px;line-height:1.95;font-size:14px}.small-check{padding:24px}.small-check h3{line-height:1.6}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-grid button{text-align:left;line-height:1.6;padding:16px}.choice-grid button.correct{background:var(--accent-soft);border-color:var(--green)}.choice-grid button.wrong{border-color:var(--danger-soft)}.prediction-slot{background:var(--accent-soft);color:var(--accent);padding:13px 25px;border-radius:5px}.text-bubble{padding:24px;background:var(--surface-alt);border-radius:8px;max-width:300px;font-size:24px}.diagram-arrow{color:var(--muted);font-size:13px;margin:15px 0}.token small{display:block;font:10px var(--body-font);margin-top:8px;color:var(--muted)}.token-id{font-size:18px;padding:16px}.unknown{color:var(--muted);background:var(--card);border:1px dashed var(--line)}.cache-tray{padding:20px;background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;margin:18px 0}.cache-tray strong{font-size:12px;color:var(--green)}.weight-row{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:15px;font-size:12px}.weight-row .bar{margin:10px 0}.lab-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.lab-cards button{text-align:left;padding:22px;line-height:1.6}.lab-cards small{display:block;color:var(--muted);margin-top:10px}.path-heading{font-size:10px;color:var(--green);letter-spacing:1.3px;padding:10px}.guide-footer{margin-bottom:20px}.sources-line{font-size:11px;line-height:1.8;color:var(--muted);margin:25px 0}.return-guide{position:fixed;bottom:20px;left:20px;z-index:10;box-shadow:0 4px 30px var(--surface-alt)}button:disabled{opacity:.45;cursor:default}@media(max-width:650px){.choice-grid,.lab-cards{grid-template-columns:1fr}.experiment{padding:20px}.guide-intro{font-size:17px}.guide-footer{gap:12px;flex-wrap:wrap}.guide-footer span{display:none}.path-heading{display:none}.depth-label{float:none;display:block;margin-top:8px}.weight-row{grid-template-columns:100px 1fr 48px;gap:8px}.return-guide{left:10px;bottom:10px;font-size:12px}.flow-box{min-width:150px}}
#attention-svg svg{width:100%;height:auto;margin-top:16px;overflow:visible}.av-node rect{fill:var(--surface,#24201c);stroke:currentColor;stroke-opacity:.35}.av-node text{fill:currentColor;font:14px sans-serif}.av-node .av-number{font:12px monospace}.av-active rect{stroke:var(--green);stroke-width:3}.av-link{fill:none;stroke:currentColor;stroke-opacity:.55;stroke-width:2}.av-label{fill:currentColor;font:12px sans-serif}.av-moving{stroke:var(--green);stroke-opacity:1;stroke-dasharray:9 6;animation:av-flow .7s linear infinite}[data-position][aria-pressed=true]{border-color:var(--green);font-weight:700}@keyframes av-flow{to{stroke-dashoffset:-30}}@media(prefers-reduced-motion:reduce){.av-moving{animation:none}}
.request-svg svg{width:100%;height:auto;margin:18px 0;min-width:580px}.request-svg{overflow-x:auto}
/* Concept-specific diagrams share the journal theme. */
.location{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px;font-size:12px;color:var(--muted)}.location span+span::before{content:'›';margin-right:8px}.mechanism-node{border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;padding:16px;line-height:1.6;min-width:0}.mechanism-node>strong{display:block;margin-bottom:10px}.mechanism-node p{margin:10px 0}.mechanism-node details{font-size:12px;padding:8px 0 0;margin-top:12px}.mechanism-node small{display:block;color:var(--muted)}.node-grid,.cache-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.connector{text-align:center;padding:12px;color:var(--accent);font-size:15px}.pending{padding:16px;border:1px dashed var(--line);color:var(--muted);border-radius:8px}.event-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:13px}.event-controls>span{font-size:12px;color:var(--muted)}.position-grid{display:grid;grid-template-columns:90px repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;font-size:12px}.position-grid>strong{overflow-wrap:anywhere}.grid-cell{padding:12px 8px;border:1px dashed var(--line);border-radius:6px;color:var(--muted)}.grid-cell.active{background:var(--accent-soft);border-style:solid;color:var(--ink)}.grid-cell small{display:block;margin-top:6px}.diagram-note{font-size:13px;line-height:1.7}.prob-row{display:grid;grid-template-columns:85px 1fr 55px;gap:10px;align-items:center;margin:10px 0;font-size:13px}.prob-track{height:16px;background:var(--paper);border:1px solid var(--line);border-radius:3px;overflow:hidden}.prob-track>span{display:block;height:100%;background:var(--accent)}.query-controls{border-top:1px solid var(--line);margin-top:20px}.request-state{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.request-state strong{display:block;font-size:12px;margin-bottom:12px}.request-state .token{display:inline-block;margin:3px}.cache-lanes{margin-top:14px}.event-caption{line-height:1.7;padding:14px;background:var(--accent-soft)}.guide-intro{font-size:17px;line-height:1.65;margin-bottom:24px}.guide-progress{margin-top:24px;margin-bottom:12px}#scene{padding:24px}#scene .token{display:inline-block;margin:3px;overflow-wrap:anywhere}.concept-check{margin-bottom:20px}h1:focus{outline:none}button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
@media(max-width:650px){.position-grid{grid-template-columns:58px repeat(3,minmax(0,1fr));gap:4px;font-size:11px}.grid-cell{padding:8px 4px}.request-state{grid-template-columns:1fr}.node-grid,.cache-lanes{grid-template-columns:1fr}#scene{padding:14px}.event-controls{gap:8px}.event-controls button{padding:10px;font-size:12px}.prob-row{grid-template-columns:65px 1fr 46px;gap:6px}h1{font-size:32px}}
@media(min-width:651px){.node-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.pass-nodes{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center;gap:10px}.pass-nodes>.connector{font-size:11px}.pass-nodes>.connector>span{display:block;transform:rotate(-90deg);font-size:20px}}.pass-nodes{margin-bottom:14px}
.grid-cell .seen{color:var(--ink);font-weight:600}.grid-cell .hidden-token{opacity:.35;text-decoration:line-through}
.mixing-example{margin:4px 0 14px}.mixing-example pre{overflow-x:auto;font-size:13px;line-height:1.7;background:var(--surface-alt);padding:12px;border-radius:6px}
.component-vector{text-align:center;margin:16px 0}.component-vector>strong,.component-vector>small{display:block}.component-vector>small{color:var(--muted)}.component-strip{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:12px 0}.component-strip>span{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:38px;padding:6px;background:var(--accent-soft);color:var(--ink);font-family:monospace}.context-path{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:12px 0}.context-path>span{background:var(--surface-alt);padding:10px;font-size:13px}.position-grid{overflow-wrap:anywhere}
.embedding-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.embedding-controls input{width:100%;padding:10px;background:var(--surface-alt);color:var(--ink);border:1px solid var(--line);border-radius:6px;font:inherit}
@media(max-width:650px){.embedding-controls{grid-template-columns:1fr}}