*,*::before,*::after{box-sizing:border-box}
:root{--lesson-gold:var(--color-brand);--lesson-bg:var(--color-canvas);--lesson-surface:var(--color-surface);--lesson-raised:var(--color-surface-raised);--lesson-line:var(--color-border);--lesson-text:var(--color-text);--lesson-muted:var(--color-text-muted);--lesson-faint:var(--color-text-subtle);--lesson-good:var(--color-green);--lesson-warn:var(--color-orange);--lesson-purple:var(--color-purple);--font-serif:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;--font-mono:'Fira Code','JetBrains Mono','Cascadia Code',Consolas,monospace;--type-display:38px;--type-display-mobile:27px;--type-lede:15px;--type-section:24px;--type-subsection:20px;--type-card-title:17px;--type-body:13px;--type-label:10.5px}
html{scroll-behavior:smooth;background:var(--lesson-bg)}
body{margin:0;background:radial-gradient(115% 75% at 80% -8%,#2a1d10 0%,var(--lesson-bg) 52%);color:var(--lesson-text);font-family:var(--font-serif);letter-spacing:.01em}
button,select,input{font:inherit}.release-skip-link{position:fixed;z-index:9999;top:8px;left:8px;padding:10px 14px;border:2px solid var(--lesson-gold);border-radius:8px;background:var(--lesson-surface);color:var(--lesson-text);font:700 12px var(--font-mono);text-decoration:none;transform:translateY(-150%);transition:transform .16s ease}.release-skip-link:focus{transform:translateY(0);outline:2px solid var(--lesson-text);outline-offset:2px}
.lesson-page{max-width:1500px;margin:0 auto;padding:42px 40px 58px}.lesson-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;padding:34px 0 27px;border-bottom:1px solid var(--lesson-line)}
.lesson-back{display:inline-flex;align-items:center;gap:7px;color:var(--lesson-muted);font:700 10px var(--font-mono);letter-spacing:.4px;text-decoration:none}.lesson-back:hover{color:var(--lesson-gold)}.lesson-eyebrow{margin:22px 0 7px;color:var(--lesson-gold);font:700 10px var(--font-mono);letter-spacing:1.15px;text-transform:uppercase}.lesson-hero h1{margin:0;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:.96;letter-spacing:-.035em}.lesson-question{max-width:880px;margin:17px 0 0;color:var(--lesson-muted);font-size:17px;line-height:1.55}
.lesson-mode,.lens-switch{display:inline-flex;padding:4px;border:1px solid var(--lesson-line);border-radius:10px;background:rgba(30,24,17,.75)}.lesson-mode button,.lens-switch button{min-height:38px;padding:8px 13px;border:0;border-radius:7px;background:transparent;color:var(--lesson-faint);font:700 9px var(--font-mono);letter-spacing:.65px;text-transform:uppercase;cursor:pointer}.lesson-mode button.is-active,.lens-switch button.is-active{background:var(--lesson-raised);color:var(--lesson-gold);box-shadow:0 4px 16px rgba(0,0,0,.22)}.lesson-mode button:focus-visible,.lens-switch button:focus-visible{outline:2px solid var(--lesson-gold);outline-offset:2px}
.attention-primer{margin-top:22px;padding:22px;border:1px solid var(--lesson-line);border-radius:16px;background:linear-gradient(145deg,rgba(40,32,23,.75),rgba(23,19,13,.86))}.attention-primer>header{display:flex;align-items:baseline;gap:16px}.attention-primer>header .section-label{flex:none}.attention-primer>header h2{margin:0;font-size:23px}.attention-primer>header>p:last-child{max-width:570px;margin:0 0 0 auto;color:var(--lesson-muted);font-size:12px;line-height:1.45}.attention-roles{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:11px;align-items:center;margin-top:18px}.attention-role{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:106px;padding:14px;border:1px solid var(--lesson-line);border-radius:12px;background:rgba(23,19,13,.68)}.attention-role>span{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:var(--lesson-raised);color:var(--lesson-text);font:700 18px var(--font-mono)}.attention-role small{display:block;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.6px;text-transform:uppercase}.attention-role strong{display:block;margin-top:5px;font-size:13px;line-height:1.3}.attention-role p{margin:5px 0 0;color:var(--lesson-faint);font-size:10px}.attention-role--key{border-color:rgba(201,167,93,.34)}.attention-role--key>span{color:var(--lesson-gold)}.attention-role--value{border-color:rgba(143,184,124,.34)}.attention-role--value>span{color:var(--lesson-good)}.attention-link{color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.3px;text-transform:uppercase}.attention-flow{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:14px;padding:11px 13px;border-radius:10px;background:rgba(201,167,93,.055);color:var(--lesson-muted);font:10px var(--font-mono)}.attention-flow span{display:flex;align-items:center;gap:7px}.attention-flow b{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--lesson-gold);color:#17130d;font-size:9px}.attention-flow i{color:var(--lesson-gold);font-style:normal}.attention-note{margin:11px 0 0;color:var(--lesson-faint);font:9px/1.45 var(--font-mono);text-align:center}
.lesson-grid{display:grid;grid-template-columns:250px minmax(600px,1fr) 290px;gap:18px;align-items:start;padding-top:22px}.story-panel,.visual-workspace,.inspector{min-width:0;border:1px solid var(--lesson-line);border-radius:16px;background:rgba(30,24,17,.82);box-shadow:0 20px 48px rgba(0,0,0,.18)}.story-panel,.inspector{position:sticky;top:84px}.story-panel{padding:18px}.story-heading,.inspector-head,.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-heading{padding-bottom:13px;border-bottom:1px solid var(--lesson-line)}.story-heading p,.inspector-head p,.workspace-head p{margin:0;color:var(--lesson-gold);font:700 9px var(--font-mono);letter-spacing:.9px;text-transform:uppercase}.story-heading span{color:var(--lesson-faint);font:10px var(--font-mono)}
.story-steps{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:4px}.story-steps button{width:100%;min-height:48px;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--lesson-muted);text-align:left;cursor:pointer}.story-steps button>span:first-child{color:var(--lesson-faint);font:700 9px var(--font-mono)}.story-steps strong,.story-steps small{display:block}.story-steps strong{color:inherit;font-size:12px}.story-steps small{margin-top:2px;color:var(--lesson-faint);font:9px/1.3 var(--font-mono)}.story-steps button:hover,.story-steps button:focus-visible{background:rgba(201,167,93,.05);color:var(--lesson-text)}.story-steps button:focus-visible{outline:2px solid var(--lesson-gold);outline-offset:1px}.story-steps button.is-active{border-color:rgba(201,167,93,.35);background:rgba(201,167,93,.09);color:var(--lesson-gold)}
.story-copy{margin-top:15px;padding:15px;border:1px solid rgba(201,167,93,.2);border-radius:11px;background:linear-gradient(145deg,rgba(40,32,23,.9),rgba(23,19,13,.72))}.story-copy__act{margin:0;color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.story-copy h2{margin:7px 0 0;font-size:18px;line-height:1.18}.story-copy>p:not(.story-copy__act):not(.story-copy__takeaway){margin:9px 0 0;color:var(--lesson-muted);font-size:12.5px;line-height:1.5}.story-copy__takeaway{margin:11px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);color:var(--lesson-gold);font-size:11px;line-height:1.45}
.visual-workspace{padding:19px}.workspace-head{padding-bottom:16px;border-bottom:1px solid var(--lesson-line)}.workspace-head h2,.inspector-head h2{margin:5px 0 0;font-size:19px;font-weight:600}.request-timeline{margin-top:17px;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(23,19,13,.72)}.timeline-label{display:flex;justify-content:space-between;gap:12px;align-items:center}.timeline-label span{color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.timeline-label strong{color:var(--lesson-gold);font:700 9px var(--font-mono);text-transform:uppercase}.token-row{display:flex;align-items:center;gap:5px;min-height:39px;margin-top:11px;overflow-x:auto;padding-bottom:3px}.token{flex:none;min-width:58px;padding:8px 9px;border:1px solid var(--lesson-line);border-radius:7px;background:var(--lesson-raised);color:var(--lesson-muted);font:10px var(--font-mono);text-align:center}.token--prompt{border-color:rgba(201,167,93,.25)}.token--output{border-color:rgba(143,184,124,.42);color:var(--lesson-good)}.token--next{border-style:dashed;border-color:rgba(211,163,92,.55);color:var(--lesson-warn);animation:token-pulse 1.5s ease-in-out infinite}.timeline-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;color:var(--lesson-faint);font:8px var(--font-mono);text-transform:uppercase}.timeline-legend span{display:flex;align-items:center;gap:5px}.timeline-legend i{width:6px;height:6px;border-radius:50%}.prompt-dot{background:var(--lesson-gold)}.output-dot{background:var(--lesson-good)}.next-dot{background:var(--lesson-warn)}
.causal-attention{margin-top:12px;padding:14px;border:1px solid rgba(201,167,93,.18);border-radius:11px;background:rgba(23,19,13,.52)}.causal-attention>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.causal-attention>header small{display:block;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.causal-attention>header h3{margin:4px 0 0;font-size:15px}.causal-attention>header p{max-width:410px;margin:0;color:var(--lesson-faint);font:8.5px/1.55 var(--font-mono);text-align:right}.causal-attention__scroll{margin-top:12px;overflow-x:auto;padding-bottom:3px}.causal-attention__matrix{display:grid;gap:3px;min-width:max-content}.causal-attention__row{display:grid;grid-template-columns:70px repeat(var(--causal-token-count),minmax(48px,1fr));gap:3px;transition:opacity .2s ease}.causal-attention__row.is-cached{opacity:.4}.causal-attention__row.is-active{padding-block:2px;border-block:1px solid rgba(143,184,124,.35);background:rgba(143,184,124,.045)}.causal-attention__axis,.causal-attention__token,.causal-attention__cell{display:grid;min-height:30px;place-items:center;border-radius:5px;font:700 7px var(--font-mono)}.causal-attention__axis{justify-items:start;color:var(--lesson-faint);letter-spacing:.2px;text-transform:uppercase}.causal-attention__token{color:var(--lesson-muted);background:rgba(255,255,255,.025)}.causal-attention__cell{border:1px solid transparent}.causal-attention__cell.is-visible{border-color:rgba(143,184,124,.28);background:rgba(143,184,124,.13);color:var(--lesson-good)}.causal-attention__cell.is-self{border-color:var(--lesson-gold);background:rgba(201,167,93,.2);color:var(--lesson-gold);font-size:6px;box-shadow:inset 0 0 0 1px rgba(201,167,93,.15)}.causal-attention__cell.is-masked{border-color:rgba(255,255,255,.035);background:rgba(255,255,255,.015);color:rgba(190,177,150,.2)}.causal-attention__legend{display:flex;flex-wrap:wrap;gap:13px;margin-top:9px;color:var(--lesson-faint);font:7.5px var(--font-mono);text-transform:uppercase}.causal-attention__legend span{display:flex;align-items:center;gap:5px}.causal-attention__legend i{width:9px;height:9px;border:1px solid transparent;border-radius:3px}.causal-attention__legend .is-visible{border-color:rgba(143,184,124,.35);background:rgba(143,184,124,.18)}.causal-attention__legend .is-self{border-color:var(--lesson-gold);background:rgba(201,167,93,.2)}.causal-attention__legend .is-masked{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.path-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.execution-path{min-width:0;padding:15px;border:1px solid var(--lesson-line);border-radius:12px;background:linear-gradient(150deg,rgba(40,32,23,.82),rgba(23,19,13,.9));transition:border-color .2s ease,box-shadow .2s ease}.execution-path>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.execution-path small{color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.execution-path h3{margin:4px 0 0;font-size:17px}.path-badge{flex:none;padding:4px 6px;border:1px solid var(--lesson-line);border-radius:999px;font:700 7px var(--font-mono);letter-spacing:.5px;text-transform:uppercase}.path-badge--waste{color:var(--lesson-warn)}.path-badge--reuse{color:var(--lesson-good)}.path-note{min-height:35px;margin:11px 0;color:var(--lesson-muted);font-size:11.5px;line-height:1.45}.projection-stack{display:grid;gap:7px}.projection-label{display:flex;justify-content:space-between;gap:8px;color:var(--lesson-faint);font:8px var(--font-mono);text-transform:uppercase}.projection-label strong{color:var(--lesson-muted);font-weight:600}.projection-row{display:flex;gap:4px;min-height:29px;overflow:hidden}.projection-cell{position:relative;flex:1;min-width:12px;max-width:38px;border:1px solid var(--lesson-line);border-radius:5px;background:var(--lesson-surface);overflow:hidden}.projection-cell::after{content:'';position:absolute;inset:4px;border-radius:2px;background:var(--lesson-faint);opacity:.24}.projection-cell.is-recomputed{border-color:rgba(211,163,92,.55);animation:recompute 1.1s ease-in-out infinite}.projection-cell.is-recomputed::after{background:var(--lesson-warn);opacity:.65}.projection-cell.is-cached{border-color:rgba(143,184,124,.4)}.projection-cell.is-cached::after{background:var(--lesson-good);opacity:.45}.projection-cell.is-new{border-color:var(--lesson-gold);box-shadow:0 0 12px rgba(201,167,93,.18)}.projection-cell.is-new::after{background:var(--lesson-gold);opacity:.9}.path-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.06);color:var(--lesson-muted);font-size:10px}.path-result strong{color:var(--lesson-text);font:700 17px var(--font-mono)}
body[data-lens="compute"] .path-baseline{border-color:rgba(211,163,92,.33)}body[data-lens="memory"] .path-cache{border-color:rgba(143,184,124,.4);box-shadow:0 0 24px rgba(143,184,124,.05)}body[data-lens="memory"] .path-baseline{opacity:.64}.workspace-callout{margin-top:12px;padding:12px 14px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.065);color:var(--lesson-muted);font-size:12px;line-height:1.5}.workspace-actions{display:flex;justify-content:center;gap:8px;margin-top:13px}.workspace-actions button{min-height:42px;padding:9px 12px;border-radius:8px;font:700 9px var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.primary-action{border:1px solid var(--lesson-gold);background:var(--lesson-gold);color:#17130d}.secondary-action{border:1px solid var(--lesson-line);background:var(--lesson-surface);color:var(--lesson-muted)}.workspace-actions button:hover{transform:translateY(-1px)}.workspace-actions button:focus-visible{outline:2px solid var(--lesson-text);outline-offset:2px}
.inspector{padding:18px}.inspector-head{padding-bottom:14px;border-bottom:1px solid var(--lesson-line)}.inspector-head button{min-height:44px;padding:6px 10px;border:1px solid var(--lesson-line);border-radius:7px;background:transparent;color:var(--lesson-faint);font:700 8px var(--font-mono);text-transform:uppercase;cursor:pointer}.control-list{display:grid;gap:13px;margin-top:15px}.control-list label>span{display:flex;justify-content:space-between;gap:12px;align-items:center}.control-list strong{font-size:11px}.control-list output{color:var(--lesson-gold);font:9px var(--font-mono)}.control-list input{width:100%;margin-top:7px;accent-color:var(--lesson-gold)}.control-list select{margin-top:7px;width:100%;min-height:34px;padding:5px 8px;border:1px solid var(--lesson-line);border-radius:7px;background:var(--lesson-raised);color:var(--lesson-text);font:10px var(--font-mono)}
.formula-card{margin-top:17px;padding:14px;border:1px solid rgba(201,167,93,.24);border-radius:10px;background:rgba(201,167,93,.055)}.formula-card p{margin:0;color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.formula{margin-top:8px;color:var(--lesson-text);font:11px/1.5 var(--font-mono)}.formula-values{margin-top:7px;color:var(--lesson-faint);font:9px/1.4 var(--font-mono);word-break:break-word}.formula-card>strong{display:block;margin-top:9px;color:var(--lesson-gold);font:700 24px var(--font-mono)}.memory-budget{margin-top:15px}.memory-budget__heading{display:flex;justify-content:space-between;gap:8px;color:var(--lesson-muted);font-size:10px}.memory-budget__heading strong{color:var(--lesson-text);font:10px var(--font-mono)}.memory-track{display:flex;height:11px;margin-top:9px;border:1px solid var(--lesson-line);border-radius:99px;background:var(--lesson-bg);overflow:hidden}.memory-segment{display:block;flex:none;height:100%;transition:width .2s ease}.memory-segment--weights{background:var(--lesson-gold)}.memory-segment--runtime{background:var(--lesson-faint)}.memory-segment--kv{min-width:2px;background:var(--lesson-good)}.memory-track.is-over{border-color:var(--lesson-warn);box-shadow:0 0 0 2px rgba(211,163,92,.12)}.memory-legend{display:grid;gap:5px;margin:10px 0 0}.memory-legend div{display:flex;align-items:center;justify-content:space-between;gap:8px}.memory-legend dt{display:flex;align-items:center;gap:6px;color:var(--lesson-faint);font-size:9px}.memory-legend dd{margin:0;color:var(--lesson-text);font:9px var(--font-mono)}.memory-key{width:7px;height:7px;border-radius:2px;background:var(--lesson-bg);box-shadow:inset 0 0 0 1px var(--lesson-line)}.memory-key--weights{background:var(--lesson-gold);box-shadow:none}.memory-key--runtime{background:var(--lesson-faint);box-shadow:none}.memory-key--kv{background:var(--lesson-good);box-shadow:none}.memory-budget p,.calculator-note{margin:7px 0 0;color:var(--lesson-faint);font:9px/1.45 var(--font-mono)}.calculated-metrics{display:grid;gap:7px;margin:15px 0 0;padding-top:13px;border-top:1px solid var(--lesson-line)}.calculated-metrics div{display:flex;justify-content:space-between;gap:10px}.calculated-metrics dt{color:var(--lesson-faint);font-size:10px}.calculated-metrics dd{margin:0;color:var(--lesson-text);font:10px var(--font-mono)}
.metric-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:22px;border:1px solid var(--lesson-line);border-radius:14px;background:rgba(30,24,17,.72);overflow:hidden}.metric-strip div{padding:15px;border-right:1px solid var(--lesson-line)}.metric-strip div:last-child{border-right:0}.metric-strip small{display:block;color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.7px}.metric-strip strong{display:block;margin-top:5px;font-size:14px}.metric-strip span{display:block;margin-top:4px;color:var(--lesson-faint);font-size:10px}.metric-strip .positive strong{color:var(--lesson-good)}.metric-strip .tradeoff strong{color:var(--lesson-warn)}
.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.explanation-grid article{padding:21px;border:1px solid var(--lesson-line);border-radius:14px;background:linear-gradient(145deg,rgba(40,32,23,.7),rgba(23,19,13,.82))}.section-label{margin:0;color:var(--lesson-gold);font:700 9px var(--font-mono);letter-spacing:.75px;text-transform:uppercase}.explanation-grid h2{margin:8px 0 0;font-size:20px;line-height:1.25}.explanation-grid ul{margin:14px 0 0;padding-left:18px;color:var(--lesson-muted);font-size:12.5px;line-height:1.6}.explanation-grid li+li{margin-top:5px}
.lesson-bridge{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:22px;border:1px solid rgba(201,167,93,.28);border-radius:14px;background:rgba(201,167,93,.055)}.lesson-bridge p{margin:0;color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.lesson-bridge h2{margin:6px 0 0;font-size:24px}.lesson-bridge div span{display:block;margin-top:5px;color:var(--lesson-muted);font-size:12px}.bridge-status{padding:7px 9px;border:1px solid var(--lesson-line);border-radius:999px;color:var(--lesson-faint);font:700 8px var(--font-mono);text-transform:uppercase}.lesson-references{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;padding-top:23px;border-top:1px solid var(--lesson-line)}.lesson-references p{margin:0 0 7px;color:var(--lesson-faint);font:700 8px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.lesson-references a{color:var(--lesson-gold);font-size:12px;text-decoration:none}.lesson-references a:hover{text-decoration:underline}
body[data-mode="explore"] .story-steps{opacity:.46}body[data-mode="explore"] .story-copy__act::after{content:' · Explore mode'}
.concept-page{max-width:1380px}.concept-hero{align-items:center}.concept-stage{margin-top:22px}.concept-steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--lesson-line);border-radius:14px;background:rgba(30,24,17,.72);overflow:hidden}.concept-steps button{position:relative;min-height:78px;padding:13px 15px;border:0;border-right:1px solid var(--lesson-line);background:transparent;color:var(--lesson-muted);text-align:left;cursor:pointer}.concept-steps button:last-child{border-right:0}body[data-concept-lesson="why-local-models"] .concept-steps button:nth-child(4){border-right:0}body[data-concept-lesson="why-local-models"] .concept-steps button:nth-child(-n+4){border-bottom:1px solid var(--lesson-line)}.concept-steps button::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lesson-gold);transform:scaleX(0);transition:transform .18s ease}.concept-steps button.is-active{background:rgba(201,167,93,.07);color:var(--lesson-text)}.concept-steps button.is-active::after{transform:scaleX(1)}.concept-steps button:focus-visible{outline:2px solid var(--lesson-gold);outline-offset:-3px}.concept-steps span,.concept-steps strong,.concept-steps small{display:block}.concept-steps span{color:var(--lesson-gold);font:700 8px var(--font-mono)}.concept-steps strong{margin-top:4px;font-size:12px}.concept-steps small{margin-top:3px;color:var(--lesson-faint);font:9px/1.35 var(--font-mono)}.concept-copy{display:grid;grid-template-columns:95px minmax(230px,.8fr) minmax(340px,1.2fr);gap:18px;align-items:center;margin-top:14px;padding:15px 18px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.05)}.concept-copy p{margin:0;color:var(--lesson-gold);font:700 9px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.concept-copy h2{margin:0;font-size:19px}.concept-copy span{color:var(--lesson-muted);font-size:12px;line-height:1.5}.concept-board{margin-top:14px;padding:20px;border:1px solid var(--lesson-line);border-radius:16px;background:linear-gradient(145deg,rgba(40,32,23,.82),rgba(23,19,13,.9));box-shadow:0 20px 48px rgba(0,0,0,.18)}.concept-board>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--lesson-line)}.concept-board>header p{margin:0;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.concept-board>header h2{scroll-margin-top:92px;margin:5px 0 0;font-size:21px}.concept-board>header>span{color:var(--lesson-faint);font:9px var(--font-mono)}.concept-diagram{min-height:330px;margin-top:18px;padding:18px;border-radius:12px;background:rgba(23,19,13,.7)}[data-stage-highlight]{opacity:.3;filter:saturate(.55);transition:opacity .24s ease,filter .24s ease,transform .24s ease}body[data-stage="0"] [data-stage-highlight~="0"],body[data-stage="1"] [data-stage-highlight~="1"],body[data-stage="2"] [data-stage-highlight~="2"],body[data-stage="3"] [data-stage-highlight~="3"],body[data-stage="4"] [data-stage-highlight~="4"],body[data-stage="5"] [data-stage-highlight~="5"],body[data-stage="6"] [data-stage-highlight~="6"],body[data-stage="7"] [data-stage-highlight~="7"]{opacity:1;filter:none}.concept-caption{min-height:18px;margin:13px 0 0;color:var(--lesson-gold);font:10px/1.45 var(--font-mono);text-align:center}.concept-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:12px}.concept-actions button{min-height:40px;padding:8px 13px;border-radius:8px;font:700 9px var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.concept-actions button:disabled{opacity:.35;cursor:not-allowed}.concept-actions>span{min-width:45px;color:var(--lesson-faint);font:9px var(--font-mono);text-align:center}.concept-results{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.concept-results article{padding:18px;border:1px solid var(--lesson-line);border-radius:13px;background:rgba(30,24,17,.7)}.concept-results small{color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.concept-results p{margin:8px 0 0;color:var(--lesson-muted);font-size:12px;line-height:1.5}.concept-metrics{grid-template-columns:repeat(3,1fr)}.concept-next{color:inherit;text-decoration:none}.concept-next:hover{border-color:var(--lesson-gold)}
body[data-concept-lesson="why-local-models"][data-stage="0"] .diagram-slo,body[data-concept-lesson="why-local-models"][data-stage="1"] .diagram-slo,body[data-concept-lesson="why-local-models"][data-stage="2"] .diagram-slo,body[data-concept-lesson="why-local-models"][data-stage="3"] .diagram-slo,body[data-concept-lesson="why-local-models"][data-stage="4"] .diagram-local-models,body[data-concept-lesson="why-local-models"][data-stage="5"] .diagram-local-models,body[data-concept-lesson="why-local-models"][data-stage="6"] .diagram-local-models,body[data-concept-lesson="why-local-models"][data-stage="7"] .diagram-local-models{display:none}
.diagram-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.diagram-heading span{color:var(--lesson-faint);font:9px var(--font-mono);text-transform:uppercase}.diagram-heading strong{font-size:12px}.diagram-memory{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}.memory-hierarchy{display:grid;gap:8px;justify-items:center}.hierarchy-tier{padding:10px 14px;border:1px solid var(--lesson-line);background:var(--lesson-surface);text-align:center;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.hierarchy-tier small,.hierarchy-tier strong,.hierarchy-tier span{display:block}.hierarchy-tier small{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.hierarchy-tier strong{margin-top:3px;font-size:12px}.hierarchy-tier span{margin-top:3px;color:var(--lesson-muted);font-size:9px}.hierarchy-tier--fast{width:50%}.hierarchy-tier--vram{width:76%;border-color:rgba(201,167,93,.35)}.hierarchy-tier--host{width:100%}.hierarchy-tier--vram>div{display:flex;justify-content:center;gap:5px;margin-top:7px}.hierarchy-tier--vram b{padding:4px 6px;border-radius:4px;background:var(--lesson-raised);color:var(--lesson-gold);font:7px var(--font-mono)}.device-budget{padding:18px;border:1px solid var(--lesson-line);border-radius:12px;background:var(--lesson-surface)}.budget-bar{display:flex;height:52px;margin-top:18px;border-radius:8px;overflow:hidden;background:var(--lesson-bg)}.budget-bar span{display:flex;align-items:center;justify-content:center;min-width:0;color:#17130d;font:700 8px var(--font-mono);text-align:center}.budget-weights{background:var(--lesson-gold)}.budget-kv{background:var(--lesson-good)}.budget-work{background:var(--lesson-faint)}.budget-free{background:var(--lesson-raised)!important;color:var(--lesson-faint)!important}.diagram-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--lesson-faint);font:8px var(--font-mono)}.diagram-legend span{display:flex;align-items:center;gap:5px}.diagram-legend i{width:7px;height:7px;border-radius:2px}.legend-weights{background:var(--lesson-gold)}.legend-kv{background:var(--lesson-good)}.legend-work{background:var(--lesson-faint)}.legend-free{background:var(--lesson-raised)}
.diagram-quantization{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center}.precision-stack{display:grid;gap:10px}.precision-row{display:grid;grid-template-columns:48px minmax(120px,1fr) 85px 60px;gap:9px;align-items:center;padding:11px;border:1px solid var(--lesson-line);border-radius:9px;background:var(--lesson-surface)}.precision-row>strong{font:700 11px var(--font-mono)}.precision-row>span{color:var(--lesson-faint);font:8px var(--font-mono)}.precision-row>b{color:var(--lesson-gold);font:10px var(--font-mono);text-align:right}.bit-pack{display:flex;height:24px;border-radius:5px;overflow:hidden}.bit-pack i{flex:1;border-right:1px solid rgba(23,19,13,.45);background:var(--lesson-gold)}.precision-row--int8 .bit-pack{width:50%}.precision-row--int8 .bit-pack i{background:var(--lesson-good)}.precision-row--int4 .bit-pack{width:25%}.precision-row--int4 .bit-pack i{background:var(--lesson-warn)}.quant-map{display:grid;gap:9px;padding:15px;border:1px solid var(--lesson-line);border-radius:11px}.quant-map>span{color:var(--lesson-faint);font:8px var(--font-mono);text-transform:uppercase}.quant-map>b{color:var(--lesson-gold);font:9px var(--font-mono);text-align:center}.number-line{display:flex;justify-content:space-between;padding:8px;border-radius:7px;background:var(--lesson-raised)}.number-line i{color:var(--lesson-muted);font:8px var(--font-mono);font-style:normal}.number-line--low i{color:var(--lesson-warn)}.kernel-gate{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:12px;border-left:3px solid var(--lesson-good);background:rgba(143,184,124,.055)}.kernel-gate small{color:var(--lesson-faint);font:8px var(--font-mono);text-transform:uppercase}.kernel-gate strong{font-size:12px}.kernel-gate div{display:flex;gap:7px;margin-left:auto}.kernel-gate span{padding:5px 7px;border-radius:5px;background:var(--lesson-raised);color:var(--lesson-muted);font:8px var(--font-mono)}
.diagram-sparsity{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center}.matrix-panel{padding:14px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface)}.matrix-panel small,.matrix-panel strong,.matrix-panel>span{display:block}.matrix-panel small{color:var(--lesson-gold);font:8px var(--font-mono);text-transform:uppercase}.matrix-panel strong{margin-top:4px;font-size:12px}.matrix-panel>span{margin-top:8px;color:var(--lesson-faint);font:8px var(--font-mono);text-align:center}.weight-matrix{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:13px}.weight-matrix i{aspect-ratio:1;border-radius:3px}.weight-matrix .is-weight{background:var(--lesson-gold)}.weight-matrix .is-zero{background:var(--lesson-raised);box-shadow:inset 0 0 0 1px var(--lesson-line)}.matrix-arrow{color:var(--lesson-faint);font:15px var(--font-mono)}
.diagram-batching{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.schedule-panel{padding:15px;border:1px solid var(--lesson-line);border-radius:11px;background:var(--lesson-surface)}.schedule-panel header small,.schedule-panel header strong{display:block}.schedule-panel header small{color:var(--lesson-gold);font:8px var(--font-mono);text-transform:uppercase}.schedule-panel header strong{margin-top:4px;font-size:12px}.time-labels,.schedule-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.time-labels{margin-top:13px;color:var(--lesson-faint);font:7px var(--font-mono);text-align:center}.schedule-grid{margin-top:5px}.schedule-grid i{display:grid;min-height:31px;place-items:center;border-radius:3px;font:7px var(--font-mono);font-style:normal}.schedule-grid .is-active{background:rgba(201,167,93,.7);color:#17130d}.schedule-grid .request-2{background:rgba(143,184,124,.78)}.schedule-grid .request-3{background:rgba(211,163,92,.74)}.schedule-grid .request-4{background:rgba(169,143,183,.76)}.schedule-grid .request-5{background:rgba(201,167,93,.28);color:var(--lesson-gold);box-shadow:inset 0 0 0 1px rgba(201,167,93,.62)}.schedule-grid .request-6{background:rgba(143,184,124,.28);color:var(--lesson-good);box-shadow:inset 0 0 0 1px rgba(143,184,124,.58)}.schedule-grid .is-new{font-weight:700}.schedule-grid .is-idle{background:var(--lesson-bg);box-shadow:inset 0 0 0 1px var(--lesson-line)}.arrival-queue{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:9px}.arrival-queue span{padding:4px 7px;border:1px solid var(--lesson-line);border-radius:999px;color:var(--lesson-muted);font:7px var(--font-mono)}.arrival-queue span:first-child{border-color:rgba(201,167,93,.42);color:var(--lesson-gold)}.arrival-queue span:last-child{border-color:rgba(143,184,124,.42);color:var(--lesson-good)}.schedule-panel p{margin:9px 0 0;color:var(--lesson-faint);font:8px var(--font-mono);text-align:center}.schedule-arrow{color:var(--lesson-gold);font:18px var(--font-mono)}
.diagram-paged{display:grid;gap:14px;align-items:stretch;padding:14px}.paged-section{padding:15px;border:1px solid var(--lesson-line);border-radius:11px;background:var(--lesson-surface)}.paged-section>header{display:flex;align-items:center;gap:11px;padding-bottom:11px;border-bottom:1px solid var(--lesson-line)}.paged-section>header>span{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:50%;background:rgba(201,167,93,.12);color:var(--lesson-gold);font:700 8px var(--font-mono)}.paged-section>header small,.paged-section>header strong{display:block}.paged-section>header small{color:var(--lesson-gold);font:700 7px var(--font-mono);letter-spacing:.55px;text-transform:uppercase}.paged-section>header strong{margin-top:3px;font-size:12px}.fragmentation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.fragment-card{padding:11px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-bg)}.fragment-card>small,.fragment-card>strong{display:block}.fragment-card>small{color:var(--lesson-warn);font:700 7px var(--font-mono);text-transform:uppercase}.fragment-card>strong{margin-top:4px;font-size:10px}.fragment-card p{margin:8px 0 0;color:var(--lesson-faint);font:7px/1.4 var(--font-mono)}.reserved-run,.scattered-memory{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:9px}.reserved-run i,.scattered-memory i{display:grid;min-height:30px;place-items:center;border-radius:3px;background:var(--lesson-gold);color:#17130d;font:7px var(--font-mono);font-style:normal}.reserved-run i.is-waste{background:repeating-linear-gradient(135deg,var(--lesson-raised),var(--lesson-raised) 4px,rgba(211,163,92,.12) 4px,rgba(211,163,92,.12) 8px);color:var(--lesson-warn);box-shadow:inset 0 0 0 1px rgba(211,163,92,.28)}.scattered-memory i{background:var(--lesson-purple);color:#17130d}.scattered-memory i.is-gap{background:var(--lesson-bg);color:var(--lesson-faint);box-shadow:inset 0 0 0 1px var(--lesson-line)}.request-denied{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:7px 8px;border-left:2px solid var(--lesson-warn);background:rgba(211,163,92,.06)}.request-denied b{font-size:8px}.request-denied span{color:var(--lesson-faint);font:6px/1.35 var(--font-mono);text-align:right}.paged-growth-layout{display:grid;grid-template-columns:minmax(0,1.25fr) auto minmax(250px,.75fr);gap:12px;align-items:center;margin-top:11px}.token-stream-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.token-stream-label small{color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.token-stream-label span{color:var(--lesson-faint);font:7px var(--font-mono)}.logical-token-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.logical-token-block{min-width:0;padding:8px;border:1px solid var(--lesson-line);border-radius:7px;background:var(--lesson-bg);opacity:.25;transition:opacity .2s ease,border-color .2s ease}.logical-token-block header{display:flex;align-items:center;justify-content:space-between;gap:5px}.logical-token-block header small{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.logical-token-block header strong{color:var(--lesson-gold);font:9px var(--font-mono)}.logical-token-block>div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:7px}.paged-token{display:grid;min-height:28px;place-items:center;border-radius:3px;background:var(--lesson-gold);color:#17130d;font:700 7px var(--font-mono);font-style:normal;opacity:.15}.paged-token.is-empty{background:var(--lesson-surface);color:var(--lesson-faint);box-shadow:inset 0 0 0 1px var(--lesson-line);opacity:.42;font-size:5px}.logical-token-block>span{display:block;margin-top:7px;color:var(--lesson-faint);font:6px var(--font-mono)}body[data-stage="1"] .logical-token-block.block-1,body[data-stage="2"] .logical-token-block.block-1,body[data-stage="2"] .logical-token-block.block-2,body[data-stage="3"] .logical-token-block{border-color:rgba(201,167,93,.38);opacity:1}body[data-stage="1"] .block-1 .paged-token:not(.is-empty),body[data-stage="2"] .block-2 .paged-token:not(.is-empty),body[data-stage="3"] .block-3 .paged-token:not(.is-empty){animation:paged-token-arrive .34s ease both;animation-delay:calc(var(--token-order) * .18s)}body[data-stage="2"] .block-1 .paged-token:not(.is-empty),body[data-stage="3"] .block-1 .paged-token:not(.is-empty),body[data-stage="3"] .block-2 .paged-token:not(.is-empty){opacity:1}.mapping-arrow{color:var(--lesson-faint);font:8px var(--font-mono);text-align:center}.mapping-arrow span,.mapping-arrow b{display:block}.mapping-arrow b{margin-top:4px;color:var(--lesson-gold);font-size:16px}.physical-pages{padding:11px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-bg)}.physical-pages>small{display:block;color:var(--lesson-gold);font:7px var(--font-mono);text-transform:uppercase}.physical-pages>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:9px}.page-slot{display:grid;min-height:38px;place-items:center;border-radius:4px;background:var(--lesson-gold);color:#17130d;font-style:normal}.page-slot small,.page-slot strong{display:block;font-family:var(--font-mono);text-align:center}.page-slot small{font-size:5px;opacity:.72}.page-slot strong{font-size:7px}.page-slot.request-b{background:var(--lesson-good)}.page-slot.request-c{background:var(--lesson-warn)}.page-slot.is-free{background:var(--lesson-surface);color:var(--lesson-faint);box-shadow:inset 0 0 0 1px var(--lesson-line)}.physical-pages>span{display:block;margin-top:8px;color:var(--lesson-faint);font:6px/1.4 var(--font-mono)}body[data-stage="1"] .page-slot[data-page="0"],body[data-stage="2"] .page-slot[data-page="3"],body[data-stage="3"] .page-slot[data-page="7"]{box-shadow:0 0 0 2px var(--lesson-gold),0 0 16px rgba(201,167,93,.16);transform:translateY(-1px)}.paged-growth-rule{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:8px;border-radius:7px;background:rgba(201,167,93,.06);font:7px var(--font-mono)}.paged-growth-rule b{color:var(--lesson-gold)}.paged-growth-rule span{color:var(--lesson-muted)}
.diagram-prefix{display:grid;grid-template-columns:.65fr 1.35fr .7fr;gap:20px;align-items:center}.prefix-cache,.cache-result{padding:15px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface)}.prefix-cache>small{color:var(--lesson-gold);font:8px var(--font-mono);text-transform:uppercase}.prefix-cache>div{margin-top:9px;padding:8px;border-radius:6px;background:var(--lesson-raised)}.prefix-cache b,.prefix-cache span{display:block}.prefix-cache b{color:var(--lesson-gold);font:8px var(--font-mono)}.prefix-cache span{margin-top:3px;color:var(--lesson-muted);font:8px var(--font-mono)}.request-prefixes{display:grid;gap:13px}.request-prefixes>div{padding:13px;border:1px solid var(--lesson-line);border-radius:9px}.request-prefixes strong{font-size:11px}.request-prefixes>div>div{display:flex;gap:4px;margin-top:9px;overflow:hidden}.request-prefixes i{padding:7px 6px;border-radius:4px;font:7px var(--font-mono);font-style:normal}.request-prefixes .is-shared{background:rgba(201,167,93,.7);color:#17130d}.request-prefixes .is-private{background:var(--lesson-raised);color:var(--lesson-muted)}.request-prefixes>div>span{display:block;margin-top:7px;color:var(--lesson-faint);font:8px var(--font-mono)}.cache-result strong,.cache-result span,.cache-result small{display:block}.cache-result strong{color:var(--lesson-good);font-size:15px}.cache-result span{margin-top:5px;color:var(--lesson-muted);font-size:10px}.cache-result small{margin-top:7px;color:var(--lesson-faint);font:8px/1.4 var(--font-mono)}.hit-bar{height:8px;margin-top:12px;border-radius:99px;background:var(--lesson-bg);overflow:hidden}.hit-bar i{display:block;height:100%;background:var(--lesson-good)}
.diagram-speculative{display:grid;gap:13px;align-items:stretch;padding:14px}.diagram-speculative>*{min-width:0}.spec-sim-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface)}.spec-sim-head small,.spec-sim-head strong,.spec-sim-head>div>span{display:block}.spec-sim-head small{color:var(--lesson-gold);font:700 7px var(--font-mono);letter-spacing:.55px;text-transform:uppercase}.spec-sim-head strong{margin-top:4px;font-size:13px}.spec-sim-head>div>span{margin-top:4px;color:var(--lesson-faint);font-size:9px}.spec-sim-head label{flex:0 0 300px;min-width:0}.spec-sim-head label>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--lesson-muted);font:700 8px var(--font-mono);text-transform:uppercase}.spec-sim-head output{color:var(--lesson-gold);font-size:13px}.spec-sim-head input{width:100%;margin-top:8px;accent-color:var(--lesson-gold)}.spec-context{padding:11px 13px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.055)}.spec-context>small{display:block;color:var(--lesson-faint);font:700 7px var(--font-mono);text-transform:uppercase}.spec-context>div{display:flex;align-items:center;gap:5px;margin-top:8px;overflow-x:auto}.spec-context i,.spec-context span>i,.spec-context em{display:grid;min-width:54px;min-height:32px;place-items:center;padding:6px;border-radius:5px;font:8px var(--font-mono);font-style:normal}.spec-context i.is-prompt{border:1px solid rgba(201,167,93,.34);background:rgba(201,167,93,.08);color:var(--lesson-text)}.spec-context b{margin:0 5px;color:var(--lesson-gold);font:14px var(--font-mono)}.spec-context span{display:flex;gap:5px}.spec-context span>i{border:1px solid rgba(143,184,124,.42);background:rgba(143,184,124,.12);color:var(--lesson-good);animation:spec-commit-in .3s ease both}.spec-context em{min-width:150px;border:1px dashed var(--lesson-line);color:var(--lesson-faint)}.spec-round{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.spec-lane{min-width:0;padding:13px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface)}.spec-lane header{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.spec-lane header small,.spec-lane header strong,.spec-lane header span{display:block}.spec-lane header small{grid-column:1/-1;color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.spec-lane header strong{font-size:11px}.spec-lane header span{color:var(--lesson-faint);font:7px var(--font-mono);text-align:right}.spec-token-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px}.spec-token-slots i{position:relative;display:grid;min-height:46px;place-items:center;padding:8px 5px;border:1px solid var(--lesson-line);border-radius:6px;background:var(--lesson-raised);color:var(--lesson-muted);font:700 9px var(--font-mono);font-style:normal;text-align:center}.spec-token-slots i::after{position:absolute;right:3px;bottom:2px;color:var(--lesson-faint);font:5px var(--font-mono);text-transform:uppercase}.spec-token-slots i.is-accepted{border-color:rgba(143,184,124,.62);background:rgba(143,184,124,.16);color:var(--lesson-good)}.spec-token-slots i.is-accepted::after{content:'accept'}.spec-token-slots i.is-rejected{border-color:rgba(211,163,92,.62);background:rgba(211,163,92,.13);color:var(--lesson-warn);text-decoration:line-through}.spec-token-slots i.is-rejected::after{content:'reject'}.spec-token-slots i.is-corrected{border-color:rgba(201,167,93,.66);background:rgba(201,167,93,.14);color:var(--lesson-gold)}.spec-token-slots i.is-corrected::after{content:'target'}.spec-token-slots i.is-discarded{opacity:.26;text-decoration:line-through}.spec-lane p{min-height:28px;margin:8px 0 0;color:var(--lesson-faint);font:7px/1.4 var(--font-mono)}.spec-batch-arrow{display:grid;place-items:center;color:var(--lesson-faint);font:6px var(--font-mono);text-align:center}.spec-batch-arrow b{color:var(--lesson-gold);font-size:17px}.spec-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.spec-controls button{min-height:44px;padding:8px 11px;border-radius:7px;font:700 7px var(--font-mono);letter-spacing:.4px;text-transform:uppercase;cursor:pointer}.spec-controls>span{flex:1;min-width:250px;padding-left:8px;color:var(--lesson-muted);font:8px/1.4 var(--font-mono)}.spec-performance{padding:13px;border:1px solid rgba(201,167,93,.25);border-radius:10px;background:rgba(201,167,93,.035)}.spec-performance>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.spec-performance>header small,.spec-performance>header strong,.spec-performance>header>span{display:block}.spec-performance>header small{color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.spec-performance>header strong{margin-top:4px;font-size:11px}.spec-performance>header>span{max-width:340px;color:var(--lesson-faint);font:7px/1.4 var(--font-mono);text-align:right}.spec-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.spec-metrics>div{padding:9px;border:1px solid var(--lesson-line);border-radius:7px;background:var(--lesson-surface)}.spec-metrics small,.spec-metrics strong,.spec-metrics span{display:block}.spec-metrics small{min-height:18px;color:var(--lesson-faint);font:6px/1.35 var(--font-mono);text-transform:uppercase}.spec-metrics strong{margin-top:5px;color:var(--lesson-gold);font:700 16px var(--font-mono)}.spec-metrics span{margin-top:4px;color:var(--lesson-muted);font:6px var(--font-mono)}.spec-slos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.spec-slos>div{padding:8px;border-left:3px solid var(--lesson-good);background:rgba(143,184,124,.07)}.spec-slos>div.is-fail{border-left-color:var(--lesson-warn);background:rgba(211,163,92,.065)}.spec-slos span,.spec-slos strong{display:block}.spec-slos span{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.spec-slos strong{margin-top:4px;color:var(--lesson-good);font:8px var(--font-mono)}.spec-slos>div.is-fail strong{color:var(--lesson-warn)}.spec-formula{margin:9px 0 0;color:var(--lesson-faint);font:6px/1.45 var(--font-mono)}@keyframes spec-commit-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.diagram-pipeline{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pipeline-node{display:grid;min-height:96px;flex:1 1 115px;max-width:165px;place-content:center;padding:12px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface);text-align:center}.pipeline-node small{color:var(--lesson-gold);font:8px var(--font-mono)}.pipeline-node strong{margin-top:7px;font-size:11px;line-height:1.35}.pipeline-node--artifact{border-color:rgba(143,184,124,.4)}.pipeline-arrow{color:var(--lesson-faint);font:12px var(--font-mono)}.artifact-label{flex-basis:100%;display:flex;justify-content:center;gap:12px;padding-top:13px;border-top:1px solid var(--lesson-line)}.artifact-label span{color:var(--lesson-faint);font:8px var(--font-mono)}.artifact-label b{color:var(--lesson-good);font:9px var(--font-mono)}
.diagram-vllm{display:grid;grid-template-columns:.75fr auto 1.8fr auto .75fr;gap:14px;align-items:center}.vllm-entry{padding:15px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface);text-align:center}.vllm-entry small,.vllm-entry strong,.vllm-entry span{display:block}.vllm-entry small{color:var(--lesson-gold);font:8px var(--font-mono);text-transform:uppercase}.vllm-entry strong{margin-top:5px;font-size:11px}.vllm-entry span{margin-top:5px;color:var(--lesson-faint);font:8px/1.4 var(--font-mono)}.engine-arrow{color:var(--lesson-gold)}.vllm-engine-shell{padding:16px;border:1px solid rgba(201,167,93,.3);border-radius:14px;background:rgba(201,167,93,.04)}.vllm-engine-shell>strong{font-size:15px}.engine-nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px}.engine-nodes>div{min-height:70px;padding:9px 5px;border-radius:7px;background:var(--lesson-surface);text-align:center}.engine-nodes small,.engine-nodes b{display:block}.engine-nodes small{color:var(--lesson-gold);font:7px var(--font-mono)}.engine-nodes b{margin-top:7px;font-size:9px}.engine-loop{margin-top:10px;padding:7px;border-radius:6px;background:var(--lesson-raised);color:var(--lesson-faint);font:8px var(--font-mono);text-align:center}
.diagram-guidellm{display:grid;grid-template-columns:.55fr 1.5fr .65fr;gap:20px;align-items:center}.scenario-card,.operating-point{padding:15px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface)}.scenario-card small,.scenario-card strong,.scenario-card span,.operating-point small,.operating-point strong,.operating-point span{display:block}.scenario-card small,.operating-point small{color:var(--lesson-gold);font:8px var(--font-mono);text-transform:uppercase}.scenario-card strong,.operating-point strong{margin-top:6px;font-size:12px}.scenario-card span,.operating-point span{margin-top:5px;color:var(--lesson-faint);font:8px/1.4 var(--font-mono)}.load-chart{position:relative;height:240px;padding:20px 20px 33px 40px;border-left:1px solid var(--lesson-line);border-bottom:1px solid var(--lesson-line)}.chart-axis span{position:absolute;color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.chart-axis span:first-child{left:4px;top:5px}.chart-axis span:last-child{right:5px;bottom:7px}.slo-line{position:absolute;z-index:2;left:40px;right:20px;top:43%;border-top:1px dashed var(--lesson-warn)}.slo-line span{position:absolute;right:0;top:-14px;color:var(--lesson-warn);font:7px var(--font-mono)}.load-points{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:12px;height:100%}.load-point{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}.load-point>span{position:absolute;bottom:-20px;color:var(--lesson-faint);font:8px var(--font-mono)}.load-point>i{width:28px;border-radius:4px 4px 0 0;background:var(--lesson-gold)}.load-point>b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lesson-warn);box-shadow:0 0 0 2px var(--lesson-bg)}.chart-legend{position:absolute;display:flex;gap:12px;left:45px;top:8px;color:var(--lesson-faint);font:7px var(--font-mono)}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{width:7px;height:7px;background:var(--lesson-gold)}.chart-legend b{width:7px;height:7px;border-radius:50%;background:var(--lesson-warn)}
.diagram-llmd{display:grid;grid-template-columns:.55fr auto .85fr auto 2fr auto .55fr;gap:12px;align-items:center}.cluster-node,.router-node,.worker-pool{padding:14px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface);text-align:center}.cluster-node small,.cluster-node strong,.router-node small,.router-node strong,.router-node span,.worker-pool small,.worker-pool strong{display:block}.cluster-node small,.router-node small,.worker-pool small{color:var(--lesson-gold);font:8px var(--font-mono);text-transform:uppercase}.cluster-node strong,.router-node strong,.worker-pool strong{margin-top:5px;font-size:10px}.router-node span{margin-top:5px;color:var(--lesson-faint);font:7px var(--font-mono)}.cluster-arrow{color:var(--lesson-gold)}.worker-pools{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.worker-pool>div{display:flex;gap:5px;margin-top:10px}.worker-pool i{flex:1;padding:7px 3px;border-radius:4px;background:var(--lesson-raised);color:var(--lesson-muted);font:7px var(--font-mono);font-style:normal}.kv-transfer{text-align:center}.kv-transfer span{display:block;color:var(--lesson-good);font:8px var(--font-mono)}.kv-transfer i{display:block;width:70px;height:2px;margin:8px auto;background:var(--lesson-good);position:relative}.kv-transfer i::after{content:'›';position:absolute;right:-2px;top:-9px;color:var(--lesson-good);font-size:14px}
.page-slot.request-a{opacity:.22;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}body[data-stage="1"] .page-slot[data-page="0"],body[data-stage="2"] .page-slot[data-page="0"],body[data-stage="2"] .page-slot[data-page="3"],body[data-stage="3"] .page-slot[data-page="0"],body[data-stage="3"] .page-slot[data-page="3"],body[data-stage="3"] .page-slot[data-page="7"]{opacity:1}body[data-stage="1"] .block-1 .paged-token:not(.is-empty),body[data-stage="2"] .block-2 .paged-token:not(.is-empty),body[data-stage="3"] .block-3 .paged-token:not(.is-empty){opacity:1}@keyframes paged-token-arrive{0%{opacity:0;transform:scale(.72) translateY(5px)}100%{opacity:1;transform:none}}@keyframes recompute{0%,100%{filter:brightness(.8)}50%{filter:brightness(1.3)}}@keyframes token-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:1260px){.lesson-page{padding-inline:26px}.lesson-grid{grid-template-columns:220px minmax(520px,1fr)}.story-panel{position:static}.inspector{position:static;grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px}.inspector-head{grid-column:1/-1}.control-list{grid-template-columns:repeat(3,1fr);margin:0}.formula-card{margin:0}.memory-budget{margin:0}.calculated-metrics{margin:0;padding:0;border:0}.calculator-note{grid-column:1/-1}}
@media(max-width:900px){.lesson-page{padding:28px 18px 44px}.lesson-hero{align-items:flex-start;flex-direction:column}.attention-primer>header{display:block}.attention-primer>header h2{margin-top:6px}.attention-primer>header>p:last-child{margin:8px 0 0}.attention-roles{grid-template-columns:1fr}.attention-link{text-align:center}.attention-flow{align-items:flex-start;flex-direction:column}.attention-flow i{display:none}.lesson-grid{grid-template-columns:1fr}.story-panel,.inspector{position:static}.story-steps{grid-template-columns:1fr 1fr}.story-copy{min-height:0}.inspector{display:block}.control-list{grid-template-columns:1fr 1fr}.formula-card,.memory-budget,.calculated-metrics{margin-top:16px}.calculated-metrics{padding-top:13px;border-top:1px solid var(--lesson-line)}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip div{border-bottom:1px solid var(--lesson-line)}.metric-strip div:nth-child(even){border-right:0}.metric-strip div:last-child{grid-column:1/-1;border-bottom:0}.explanation-grid{grid-template-columns:1fr}.lesson-references{grid-template-columns:1fr}.lesson-mode button,.lens-switch button,.workspace-actions button{min-height:44px}}
@media(max-width:620px){.lesson-page{padding-inline:14px}.lesson-hero h1{font-size:48px}.lesson-question{font-size:15px}.story-steps{grid-template-columns:1fr}.workspace-head,.causal-attention>header{align-items:flex-start;flex-direction:column}.causal-attention>header p{text-align:left}.path-comparison{grid-template-columns:1fr}.control-list{grid-template-columns:1fr}.workspace-actions{flex-wrap:wrap}.workspace-actions button{flex:1}.metric-strip{grid-template-columns:1fr}.metric-strip div,.metric-strip div:nth-child(even),.metric-strip div:last-child{grid-column:auto;border-right:0;border-bottom:1px solid var(--lesson-line)}.metric-strip div:last-child{border-bottom:0}.lesson-bridge{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.concept-steps{grid-template-columns:1fr 1fr}.concept-steps button{border-bottom:1px solid var(--lesson-line)}.concept-steps button:nth-child(even){border-right:0}.concept-steps button:nth-last-child(-n+2){border-bottom:0}.concept-copy{grid-template-columns:1fr;gap:6px}.concept-board{padding:16px}.concept-diagram{min-height:0;padding:14px}.concept-results{grid-template-columns:1fr}.diagram-memory,.diagram-quantization,.diagram-sparsity,.diagram-batching,.diagram-paged,.diagram-prefix,.diagram-speculative,.diagram-vllm,.diagram-guidellm,.diagram-llmd{grid-template-columns:1fr}.matrix-arrow,.schedule-arrow,.mapping-arrow,.verify-arrow,.engine-arrow,.cluster-arrow{transform:rotate(90deg);text-align:center}.kernel-gate{grid-column:auto;align-items:flex-start;flex-direction:column}.kernel-gate div{flex-wrap:wrap;margin-left:0}.passes-compare{grid-column:auto}.diagram-vllm .engine-nodes{grid-template-columns:1fr 1fr}.worker-pools{grid-template-columns:1fr}.kv-transfer i{transform:rotate(90deg)}.load-chart{min-height:230px}.artifact-label{align-items:center;flex-direction:column}.concept-next{display:flex}}
@media(max-width:620px){.concept-steps{grid-template-columns:1fr}.concept-steps button,.concept-steps button:nth-child(even),.concept-steps button:nth-last-child(-n+2){min-height:66px;border-right:0;border-bottom:1px solid var(--lesson-line)}.concept-steps button:last-child{border-bottom:0}.concept-board>header{align-items:flex-start;flex-direction:column}.concept-board>header h2{font-size:18px}.concept-actions{justify-content:stretch}.concept-actions button{flex:1}.precision-row{grid-template-columns:42px minmax(80px,1fr) 68px}.precision-row>b{grid-column:2/-1;text-align:left}.budget-bar{height:72px}.budget-bar span{font-size:7px;writing-mode:vertical-rl}.diagram-sparsity{gap:9px}.matrix-arrow,.schedule-arrow,.mapping-arrow,.verify-arrow,.engine-arrow,.cluster-arrow{display:none}.request-prefixes>div>div{flex-wrap:wrap}.model-lane>div{flex-wrap:wrap}.model-lane i{flex-basis:28%}.passes-compare{grid-template-columns:1fr}.pipeline-arrow{display:none}.pipeline-node{max-width:none}.diagram-vllm .engine-nodes{grid-template-columns:1fr}.load-chart{padding-left:30px}.slo-line{left:30px}.diagram-llmd .worker-pool>div{flex-wrap:wrap}.concept-results p{font-size:11.5px}}
.attention-demo{margin-top:18px}.attention-demo__steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--lesson-line);border-radius:12px;background:rgba(23,19,13,.62);overflow:hidden}.attention-demo__steps button{position:relative;min-height:68px;padding:11px 14px;border:0;border-right:1px solid var(--lesson-line);background:transparent;color:var(--lesson-muted);text-align:left;cursor:pointer}.attention-demo__steps button:last-child{border-right:0}.attention-demo__steps button::after{content:'';position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--lesson-gold);transform:scaleX(0);transition:transform .2s ease}.attention-demo__steps button.is-active{background:rgba(201,167,93,.07);color:var(--lesson-text)}.attention-demo__steps button.is-active::after{transform:scaleX(1)}.attention-demo__steps button:focus-visible{outline:2px solid var(--lesson-gold);outline-offset:-3px}.attention-demo__steps span,.attention-demo__steps strong,.attention-demo__steps small{display:block}.attention-demo__steps span{color:var(--lesson-gold);font:700 8px var(--font-mono)}.attention-demo__steps strong{margin-top:3px;font-size:12px}.attention-demo__steps small{margin-top:3px;color:var(--lesson-faint);font:8px var(--font-mono)}
.attention-demo__canvas{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px;margin-top:14px}.attention-model-stack{display:flex;flex-direction:column;align-items:stretch;padding:14px;border-right:1px solid var(--lesson-line);text-align:center}.attention-sentence{padding:12px;border:1px solid rgba(201,167,93,.45);border-radius:9px;background:rgba(201,167,93,.13);font-size:15px}.attention-sentence strong{color:var(--lesson-gold)}.attention-down{height:22px;color:var(--lesson-gold);font:16px/22px var(--font-mono)}.attention-vector-card{padding:10px;border:1px solid rgba(211,163,92,.34);border-radius:8px;background:rgba(211,163,92,.08)}.attention-vector-card small,.attention-vector-card strong{display:block}.attention-vector-card small{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.attention-vector-card strong{margin-top:4px;font-size:11px}.attention-layer-card{display:grid;gap:5px;margin-top:9px;padding:9px;border:1px solid var(--lesson-line);border-radius:10px;background:var(--lesson-surface)}.attention-layer-card>span{color:var(--lesson-faint);font:8px var(--font-mono);text-transform:uppercase}.attention-layer-card>b,.attention-layer-card>div{padding:7px;border-radius:6px;background:var(--lesson-raised);font-size:9px}.attention-layer-card--active{border-color:rgba(201,167,93,.48);box-shadow:0 0 0 2px rgba(201,167,93,.06)}.attention-layer-card--active>div{border:1px solid rgba(201,167,93,.42);background:rgba(201,167,93,.06)}.attention-layer-card--active small{color:var(--lesson-gold);font:700 8px var(--font-mono);text-transform:uppercase}.attention-layer-card--active p{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:7px 0 0}.attention-layer-card--active p b{padding:5px;border-radius:4px;background:var(--lesson-surface);font:7px var(--font-mono)}
.attention-calculation{min-width:0}.attention-calc-step{padding:14px;border:1px solid var(--lesson-line);border-radius:11px;background:rgba(23,19,13,.64);opacity:.34;filter:saturate(.55);transition:opacity .2s ease,filter .2s ease,border-color .2s ease}.attention-demo[data-attention-step="0"] [data-attention-panel="0"],.attention-demo[data-attention-step="1"] [data-attention-panel="1"],.attention-demo[data-attention-step="2"] [data-attention-panel="2"]{border-color:rgba(201,167,93,.42);opacity:1;filter:none}.attention-calc-step>header{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--lesson-line)}.attention-calc-step>header span{color:var(--lesson-gold);font:700 9px var(--font-mono);text-transform:uppercase}.attention-calc-step>header h3{margin:0;font-size:15px}.attention-calc-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:12px}
.projection-diagram{display:grid;grid-template-columns:.72fr auto .72fr auto 1.7fr;gap:10px;align-items:center;margin-top:13px}.projection-input,.projection-functions>div,.projection-meaning{border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-surface)}.projection-input{padding:13px;text-align:center}.projection-input small,.projection-input strong,.projection-input span{display:block}.projection-input small{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.projection-input strong{margin-top:5px;font-size:11px}.projection-input span{margin-top:7px;color:var(--lesson-warn);font:10px var(--font-mono)}.projection-branch{color:var(--lesson-gold);font:15px var(--font-mono)}.projection-functions,.projection-meanings{display:grid;gap:6px}.projection-functions>div{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:7px;padding:8px}.projection-functions b{color:var(--lesson-text);font:9px var(--font-mono)}.projection-functions span{color:var(--lesson-faint);font:8px var(--font-mono)}.projection-meaning{display:grid;grid-template-columns:33px 1fr;align-items:center;gap:8px;padding:8px 10px}.projection-meaning b{font:700 11px var(--font-mono)}.projection-meaning span{color:var(--lesson-muted);font-size:10px}.projection-meaning--q{border-color:rgba(211,163,92,.44);background:rgba(211,163,92,.09)}.projection-meaning--q b{color:var(--lesson-warn)}.projection-meaning--k{border-color:rgba(201,167,93,.46);background:rgba(201,167,93,.09)}.projection-meaning--k b{color:var(--lesson-gold)}.projection-meaning--v{border-color:rgba(143,184,124,.46);background:rgba(143,184,124,.08)}.projection-meaning--v b{color:var(--lesson-good)}
.dot-product-diagram{display:grid;grid-template-columns:.58fr auto 1fr auto 1.45fr;gap:8px;align-items:center;margin-top:13px}.query-column,.key-columns,.score-results,.value-columns,.weighted-sum,.output-projection{min-width:0;text-align:center}.query-column small,.query-column i,.query-column b,.key-columns small,.key-columns b,.score-results small,.score-results code,.score-results span,.score-results strong,.score-results em,.value-columns small,.weighted-sum small,.weighted-sum code,.weighted-sum strong,.output-projection b,.output-projection span{display:block}.query-column small,.key-columns small,.score-results small,.value-columns small,.weighted-sum small{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.query-column i{display:grid;width:38px;height:92px;margin:8px auto 0;place-items:center;border-radius:7px;background:rgba(211,163,92,.7);color:#17130d;font:700 10px var(--font-mono);font-style:normal}.query-column b{margin-top:6px;color:var(--lesson-faint);font:6px var(--font-mono)}.key-columns>div,.value-columns>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.key-columns i,.value-columns i{display:grid;height:92px;place-items:end center;padding-bottom:7px;border-radius:6px;font:700 8px var(--font-mono);font-style:normal}.key-columns i{background:rgba(201,167,93,.68);color:#17130d}.key-columns b{margin-top:6px;color:var(--lesson-faint);font:6px var(--font-mono)}.math-operator{color:var(--lesson-gold);font:16px var(--font-mono)}.score-results{padding:10px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-surface)}.score-results code{margin-top:7px;color:var(--lesson-text);font:8px/1.45 var(--font-mono);white-space:normal}.score-results span{margin:7px 0;color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.score-results strong{padding:7px;border:1px solid rgba(201,167,93,.44);border-radius:6px;background:rgba(201,167,93,.1);color:var(--lesson-gold);font:9px var(--font-mono)}.score-results em{margin-top:5px;color:var(--lesson-gold);font:7px var(--font-mono);font-style:normal;text-transform:uppercase}
.value-mix-diagram{display:grid;grid-template-columns:.9fr auto 1.2fr auto .75fr;gap:8px;align-items:center;margin-top:13px}.value-columns i{height:70px;background:rgba(143,184,124,.7);color:#17130d}.value-columns>b{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.value-columns>b span{color:var(--lesson-gold);font:7px var(--font-mono)}.weighted-sum{padding:10px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-surface)}.weighted-sum code{margin-top:7px;color:var(--lesson-muted);font:7px/1.5 var(--font-mono);white-space:normal}.weighted-sum strong{margin-top:7px;color:var(--lesson-good);font-size:10px}.output-projection b{padding:8px;border:1px solid var(--lesson-line);border-radius:6px;background:var(--lesson-raised);font:9px var(--font-mono)}.output-projection span{margin-top:7px;padding:8px;border:1px solid rgba(211,163,92,.4);border-radius:7px;background:rgba(211,163,92,.08);font-size:9px}
.attention-demo__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px;padding:12px 14px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.055)}.attention-demo__footer p{margin:0;color:var(--lesson-muted);font-size:11px;line-height:1.5}.attention-demo__footer p strong{color:var(--lesson-text)}.attention-demo__footer button{flex:none;min-height:44px;padding:9px 13px;border-radius:8px;font:700 8px var(--font-mono);letter-spacing:.4px;text-transform:uppercase;cursor:pointer}
@media(max-width:1180px){.attention-demo__canvas{grid-template-columns:200px minmax(0,1fr)}.attention-calc-grid{grid-template-columns:1fr}.projection-diagram{grid-template-columns:.7fr auto .85fr auto 1.55fr}}
@media(max-width:900px){.attention-demo__canvas{grid-template-columns:1fr}.attention-model-stack{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:8px;align-items:center;border-right:0;border-bottom:1px solid var(--lesson-line)}.attention-model-stack .attention-down{transform:rotate(-90deg)}.attention-layer-card{margin-top:0}.projection-diagram{grid-template-columns:1fr}.projection-branch,.math-operator{transform:rotate(90deg);text-align:center}.attention-calc-grid{grid-template-columns:1fr}.attention-calc-step{opacity:.44}.dot-product-diagram{grid-template-columns:.58fr auto 1fr auto 1.3fr}.value-mix-diagram{grid-template-columns:.9fr auto 1.2fr auto .8fr}}
@media(max-width:620px){.attention-demo__steps{grid-template-columns:1fr}.attention-demo__steps button{min-height:62px;border-right:0;border-bottom:1px solid var(--lesson-line)}.attention-demo__steps button:last-child{border-bottom:0}.attention-model-stack{display:flex;border-bottom:1px solid var(--lesson-line)}.attention-model-stack .attention-down{transform:none}.dot-product-diagram,.value-mix-diagram{grid-template-columns:1fr}.query-column i{width:100%;height:38px}.key-columns i,.value-columns i{height:58px}.attention-demo__footer{align-items:stretch;flex-direction:column}.attention-demo__footer button{width:100%}}
.diagram-memory{display:block}.diagram-memory>.diagram-part-label{margin-bottom:18px}.diagram-memory>.gpu-layer-animation{width:100%}.gpu-layer-animation{min-width:0;padding:15px;border:1px solid rgba(201,167,93,.28);border-radius:12px;background:linear-gradient(145deg,rgba(40,32,23,.78),rgba(23,19,13,.92))}.gpu-animation-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--lesson-line)}.gpu-animation-head small,.gpu-animation-head strong{display:block}.gpu-animation-head small{color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.5px;text-transform:uppercase}.gpu-animation-head strong{margin-top:4px;font-size:13px}.gpu-animation-controls{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.gpu-animation-controls button{min-height:44px;padding:7px 10px;border:1px solid var(--lesson-line);border-radius:7px;background:var(--lesson-surface);color:var(--lesson-muted);font:700 8px var(--font-mono);text-transform:uppercase;cursor:pointer}.gpu-animation-controls button:hover,.gpu-animation-controls button:focus-visible{border-color:var(--lesson-gold);color:var(--lesson-text)}.gpu-animation-controls .gpu-play{min-width:112px;border-color:rgba(201,167,93,.48);background:var(--lesson-gold);color:#17130d}.gpu-animation-controls .gpu-play[aria-pressed="true"]{background:var(--lesson-good)}
.gpu-execution-map{margin-top:13px}.gpu-fast-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gpu-zone{padding:11px;border:1px solid var(--lesson-line);border-radius:9px;background:var(--lesson-surface);transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.gpu-zone-title small,.gpu-zone-title strong,.gpu-zone-title span{display:block}.gpu-zone-title small{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.gpu-zone-title strong{margin-top:3px;font-size:11px}.gpu-zone-title span{margin-top:3px;color:var(--lesson-muted);font-size:8px}.gpu-sram{border-color:rgba(211,163,92,.26)}.gpu-sram-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}.gpu-tile{display:grid;min-height:31px;place-items:center;border-radius:4px;background:var(--lesson-raised);color:var(--lesson-faint);font:7px var(--font-mono);font-style:normal;transition:background .2s ease,color .2s ease,transform .2s ease,opacity .2s ease}.gpu-sram p{margin:8px 0 0;color:var(--lesson-faint);font:7px/1.4 var(--font-mono)}.gpu-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:9px}.gpu-ops span{display:grid;min-height:32px;place-items:center;padding:5px;border-radius:4px;background:var(--lesson-raised);color:var(--lesson-faint);font:6px/1.3 var(--font-mono);text-align:center;transition:background .2s ease,color .2s ease,transform .2s ease}.gpu-core-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:8px}.gpu-core-grid i{height:6px;border-radius:2px;background:var(--lesson-faint);opacity:.18}.gpu-transfer-lanes{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:42px}.gpu-transfer{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--lesson-faint);font:7px var(--font-mono);overflow:hidden}.gpu-transfer b{color:var(--lesson-gold);font-size:14px}.gpu-transfer i{position:absolute;width:7px;height:7px;border-radius:50%;opacity:0}.gpu-transfer i:nth-of-type(1){animation-delay:0s}.gpu-transfer i:nth-of-type(2){animation-delay:.28s}.gpu-transfer i:nth-of-type(3){animation-delay:.56s}.gpu-transfer--up i{right:22%;background:var(--lesson-gold)}.gpu-transfer--down i{left:22%;background:var(--lesson-good)}
.gpu-hbm{border-color:rgba(143,184,124,.34);background:rgba(143,184,124,.045)}.gpu-hbm-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.gpu-hbm-block{min-width:0;padding:8px;border:1px solid var(--lesson-line);border-radius:6px;background:var(--lesson-surface);transition:border-color .2s ease,background .2s ease,transform .2s ease,opacity .2s ease}.gpu-hbm-block small,.gpu-hbm-block strong,.gpu-hbm-block span{display:block}.gpu-hbm-block small{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.gpu-hbm-block strong{margin-top:4px;font:8px/1.35 var(--font-mono);word-break:break-word}.gpu-hbm-block span{margin-top:4px;color:var(--lesson-muted);font:6px var(--font-mono)}.gpu-hbm-block--weights strong{color:var(--lesson-gold)}.gpu-hbm-block--kv strong{color:var(--lesson-good)}.gpu-hbm-block--activation strong{color:var(--lesson-warn)}.gpu-host-band{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;padding:7px 10px;border:1px solid var(--lesson-line);border-radius:7px;color:var(--lesson-faint);font:7px/1.4 var(--font-mono)}.gpu-host-band small{color:var(--lesson-muted);font-weight:700}.gpu-phase-track{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--lesson-line);border-radius:8px;overflow:hidden}.gpu-phase-track li{padding:7px 5px;border-right:1px solid var(--lesson-line);background:rgba(23,19,13,.48);opacity:.42;transition:opacity .2s ease,background .2s ease}.gpu-phase-track li:last-child{border-right:0}.gpu-phase-track span,.gpu-phase-track strong{display:block}.gpu-phase-track span{color:var(--lesson-faint);font:6px var(--font-mono)}.gpu-phase-track strong{margin-top:2px;font-size:7px}.gpu-phase-track li.is-done{opacity:.68}.gpu-phase-track li.is-active{background:rgba(201,167,93,.11);opacity:1}.gpu-phase-track li.is-active span{color:var(--lesson-gold)}.gpu-animation-status{min-height:34px;margin:8px 0 0;padding:9px 11px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.055);color:var(--lesson-muted);font:8px/1.45 var(--font-mono)}
.gpu-layer-animation[data-gpu-phase="0"] .gpu-hbm-block--activation,.gpu-layer-animation[data-gpu-phase="0"] .gpu-hbm{border-color:rgba(211,163,92,.58);box-shadow:0 0 18px rgba(211,163,92,.08)}.gpu-layer-animation[data-gpu-phase="1"] .gpu-hbm-block--weights,.gpu-layer-animation[data-gpu-phase="1"] .gpu-hbm-block--kv,.gpu-layer-animation[data-gpu-phase="1"] .gpu-hbm-block--activation,.gpu-layer-animation[data-gpu-phase="1"] .gpu-sram{border-color:rgba(201,167,93,.68);box-shadow:0 0 18px rgba(201,167,93,.08)}.gpu-layer-animation[data-gpu-phase="1"] .gpu-tile--weight,.gpu-layer-animation[data-gpu-phase="1"] .gpu-tile--kv,.gpu-layer-animation[data-gpu-phase="1"] .gpu-tile--activation{background:var(--lesson-gold);color:#17130d;transform:translateY(-1px)}.gpu-layer-animation[data-gpu-phase="1"] .gpu-transfer--up i{opacity:1;animation:gpu-packet-up .95s ease-in-out infinite}.gpu-layer-animation[data-gpu-phase="2"] .gpu-tensor-cores,.gpu-layer-animation[data-gpu-phase="3"] .gpu-tensor-cores,.gpu-layer-animation[data-gpu-phase="4"] .gpu-tensor-cores{border-color:rgba(201,167,93,.72);box-shadow:0 0 24px rgba(201,167,93,.1)}.gpu-layer-animation[data-gpu-phase="2"] [data-gpu-op="2"],.gpu-layer-animation[data-gpu-phase="3"] [data-gpu-op="3"],.gpu-layer-animation[data-gpu-phase="4"] [data-gpu-op="4"]{background:var(--lesson-gold);color:#17130d;transform:translateY(-1px)}.gpu-layer-animation[data-gpu-phase="2"] .gpu-core-grid i,.gpu-layer-animation[data-gpu-phase="3"] .gpu-core-grid i,.gpu-layer-animation[data-gpu-phase="4"] .gpu-core-grid i{background:var(--lesson-gold);animation:gpu-core-pulse .65s ease-in-out infinite alternate}.gpu-layer-animation[data-gpu-phase="2"] .gpu-tile--scratch,.gpu-layer-animation[data-gpu-phase="3"] .gpu-tile--scratch,.gpu-layer-animation[data-gpu-phase="4"] .gpu-tile--scratch{background:var(--lesson-warn);color:#17130d}.gpu-layer-animation[data-gpu-phase="5"] .gpu-transfer--down i{opacity:1;animation:gpu-packet-down .95s ease-in-out infinite}.gpu-layer-animation[data-gpu-phase="5"] .gpu-hbm-block--kv,.gpu-layer-animation[data-gpu-phase="5"] .gpu-hbm-block--activation{border-color:rgba(143,184,124,.74);background:rgba(143,184,124,.1);transform:translateY(-1px)}.gpu-layer-animation[data-gpu-phase="5"] .gpu-tile--scratch{opacity:.18;text-decoration:line-through}
@keyframes gpu-packet-up{0%{transform:translateY(14px);opacity:0}30%{opacity:1}100%{transform:translateY(-14px);opacity:0}}@keyframes gpu-packet-down{0%{transform:translateY(-14px);opacity:0}30%{opacity:1}100%{transform:translateY(14px);opacity:0}}@keyframes gpu-core-pulse{from{opacity:.28}to{opacity:.95}}
@media(max-width:1050px){.gpu-phase-track strong{font-size:8px}}
@media(max-width:620px){.gpu-animation-head{align-items:flex-start;flex-direction:column}.gpu-animation-controls{width:100%;justify-content:stretch}.gpu-animation-controls button{flex:1}.gpu-animation-controls .gpu-play{flex:2}.gpu-fast-row{grid-template-columns:1fr}.gpu-hbm-blocks{grid-template-columns:1fr 1fr}.gpu-transfer-lanes{grid-template-columns:1fr}.gpu-transfer--down{display:none}.gpu-phase-track{grid-template-columns:repeat(2,1fr)}.gpu-phase-track li:nth-child(even){border-right:0}.gpu-phase-track li:nth-child(-n+4){border-bottom:1px solid var(--lesson-line)}.gpu-host-band{align-items:flex-start;flex-direction:column}.gpu-ops{grid-template-columns:1fr}.gpu-ops span{min-height:28px}}
.diagram-quantization{grid-template-columns:minmax(285px,.72fr) minmax(0,1.55fr);gap:16px;align-items:stretch}.quant-memory-panel,.quant-tensor-panel{min-width:0;padding:15px;border:1px solid var(--lesson-line);border-radius:11px;background:var(--lesson-surface)}.quant-memory-panel>header,.quant-tensor-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quant-memory-panel>header small,.quant-memory-panel>header strong,.quant-memory-panel>header span,.quant-tensor-panel>header small,.quant-tensor-panel>header strong{display:block}.quant-memory-panel>header small,.quant-tensor-panel>header small{color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.quant-memory-panel>header strong,.quant-tensor-panel>header strong{margin-top:4px;font-size:13px}.quant-memory-panel>header>span{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.quant-format-switch,.quant-scope-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:13px;padding:4px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-bg)}.quant-format-switch button,.quant-scope-switch button{min-height:44px;padding:7px 5px;border:0;border-radius:5px;background:transparent;color:var(--lesson-faint);font:700 7px var(--font-mono);text-transform:uppercase;cursor:pointer}.quant-format-switch button.is-active,.quant-scope-switch button.is-active{background:var(--lesson-raised);color:var(--lesson-gold);box-shadow:0 4px 12px rgba(0,0,0,.18)}.quant-format-switch button:focus-visible,.quant-scope-switch button:focus-visible{outline:2px solid var(--lesson-gold);outline-offset:1px}.quant-memory-result{margin-top:13px;padding:13px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.055)}.quant-memory-result small{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.quant-formula{margin-top:7px;color:var(--lesson-muted);font:9px var(--font-mono)}.quant-memory-result>strong{display:block;margin-top:4px;color:var(--lesson-gold);font:700 25px var(--font-mono)}.quant-memory-result>span{display:inline-block;margin-top:6px;padding:4px 6px;border-radius:99px;background:var(--lesson-raised);color:var(--lesson-muted);font:7px var(--font-mono);text-transform:uppercase}.quant-memory-result>span.is-saving{background:rgba(143,184,124,.12);color:var(--lesson-good)}
.quant-memory-bars{display:grid;gap:8px;margin-top:13px}.quant-memory-bars>div{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.quant-memory-bars span,.quant-memory-bars b{font:7px var(--font-mono)}.quant-memory-bars span{color:var(--lesson-faint)}.quant-memory-bars b{color:var(--lesson-muted)}.quant-memory-bars i{grid-column:1/-1;height:9px;border-radius:99px;background:var(--lesson-bg);overflow:hidden}.quant-memory-bars em{display:block;height:100%;border-radius:inherit;background:var(--lesson-faint);transition:width .28s ease}.quant-memory-bars .is-selected em{background:var(--lesson-good)}.quant-gpu-result{margin-top:13px;padding-top:12px;border-top:1px solid var(--lesson-line)}.quant-gpu-result>span,.quant-gpu-result>strong{display:block}.quant-gpu-result>span{color:var(--lesson-faint);font:7px var(--font-mono);text-transform:uppercase}.quant-gpu-result>div{display:flex;gap:5px;margin-top:8px}.quant-gpu-result i{display:grid;min-height:32px;flex:1;place-items:center;border:1px solid rgba(201,167,93,.38);border-radius:5px;background:rgba(201,167,93,.08);color:var(--lesson-gold);font:7px var(--font-mono);font-style:normal}.quant-gpu-result>strong{margin-top:7px;font:700 10px var(--font-mono)}.quant-memory-panel>p{margin:12px 0 0;color:var(--lesson-faint);font:8px/1.5 var(--font-mono)}
.quant-tensor-panel>header{align-items:flex-start}.quant-scope-switch{grid-template-columns:1fr 1fr;flex:0 0 245px;margin-top:0}.quant-transformer-map{display:grid;grid-template-columns:.55fr auto 1.15fr auto 1fr;gap:8px;align-items:center;margin-top:14px}.quant-activation-source,.quant-block{padding:10px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-bg);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.quant-activation-source{text-align:center}.quant-activation-source small,.quant-activation-source strong,.quant-activation-source span,.quant-block>small,.quant-block>span{display:block}.quant-activation-source small,.quant-block>small{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.quant-activation-source strong{margin-top:5px;font-size:16px}.quant-activation-source span{margin-top:4px;color:var(--lesson-muted);font:7px var(--font-mono)}.quant-flow-arrow{color:var(--lesson-gold);font:13px var(--font-mono)}.quant-block>div{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px}.quant-block b{padding:6px 4px;border:1px solid var(--lesson-line);border-radius:4px;background:var(--lesson-surface);color:var(--lesson-muted);font:7px var(--font-mono);text-align:center;transition:border-color .2s ease,background .2s ease,color .2s ease}.quant-block--mlp>div{grid-template-columns:repeat(3,1fr)}.quant-block>span{margin-top:7px;color:var(--lesson-faint);font:6px/1.4 var(--font-mono)}
.quant-operation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;margin-top:12px;padding:11px;border:1px solid var(--lesson-line);border-radius:8px;background:rgba(23,19,13,.58)}.quant-operation>div{min-width:0;padding:8px;border-radius:6px;background:var(--lesson-surface);text-align:center;transition:border-color .2s ease,background .2s ease}.quant-operation>span{color:var(--lesson-gold);font:11px var(--font-mono)}.quant-operation small,.quant-operation strong{display:block}.quant-operation small{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.quant-operation strong{margin-top:5px;font:7px/1.35 var(--font-mono)}.quant-exact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.quant-exact-list>div{padding:10px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-bg);transition:border-color .2s ease,background .2s ease}.quant-exact-list small,.quant-exact-list strong,.quant-exact-list span{display:block}.quant-exact-list small{color:var(--lesson-gold);font:6px/1.35 var(--font-mono);text-transform:uppercase}.quant-exact-list strong{margin-top:6px;font-size:8px}.quant-exact-list span{margin-top:6px;color:var(--lesson-faint);font:6px/1.4 var(--font-mono)}
.quantization-lab [data-quant-weight].is-quantized{border-color:rgba(201,167,93,.72);background:rgba(201,167,93,.14);color:var(--lesson-gold);box-shadow:0 0 12px rgba(201,167,93,.06)}.quantization-lab [data-quant-activation].is-quantized,.quantization-lab [data-quant-activation-list].is-enabled{border-color:rgba(211,163,92,.72);background:rgba(211,163,92,.11);box-shadow:0 0 12px rgba(211,163,92,.06)}.quantization-lab[data-quant-format="bf16"] .quant-memory-bars .is-selected em{background:var(--lesson-faint)}
@media(max-width:1100px){.diagram-quantization{grid-template-columns:1fr}.quant-memory-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quant-memory-panel>header,.quant-format-switch,.quant-memory-panel>p{grid-column:1/-1}.quant-memory-result,.quant-memory-bars,.quant-gpu-result{margin-top:0}.quant-gpu-result{padding-top:0;border-top:0}}
@media(max-width:720px){.quant-memory-panel{display:block}.quant-memory-result,.quant-memory-bars,.quant-gpu-result{margin-top:13px}.quant-gpu-result{padding-top:12px;border-top:1px solid var(--lesson-line)}.quant-tensor-panel>header{align-items:stretch;flex-direction:column}.quant-scope-switch{flex-basis:auto;width:100%}.quant-transformer-map{grid-template-columns:1fr}.quant-flow-arrow{transform:rotate(90deg);text-align:center}.quant-operation{grid-template-columns:1fr}.quant-operation>span{transform:rotate(90deg);text-align:center}.quant-exact-list{grid-template-columns:1fr}}
.concept-actions button{min-height:44px}
@media(max-width:1000px){.spec-sim-head label{flex-basis:245px}.spec-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.spec-sim-head{align-items:stretch;flex-direction:column}.spec-sim-head label{flex-basis:auto}.spec-round{grid-template-columns:1fr}.spec-batch-arrow b{transform:rotate(90deg)}.spec-performance>header{flex-direction:column}.spec-performance>header>span{max-width:none;text-align:left}.spec-slos{grid-template-columns:1fr}.fragmentation-grid,.paged-growth-layout{grid-template-columns:1fr}.mapping-arrow{transform:none}.mapping-arrow b{transform:rotate(90deg)}.paged-growth-rule{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.spec-metrics{grid-template-columns:1fr}.spec-controls button{flex:1}.spec-controls>span{flex-basis:100%;padding-left:0}.spec-context>div{align-items:flex-start}.logical-token-blocks{grid-template-columns:1fr}.request-denied{align-items:flex-start;flex-direction:column}.request-denied span{text-align:left}.physical-pages>div{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.release-skip-link,.execution-path,.memory-track span,.gpu-zone,.gpu-tile,.gpu-ops span,.gpu-hbm-block,.gpu-phase-track li,.logical-token-block,.page-slot{transition:none!important}.projection-cell.is-recomputed,.token--next,.gpu-transfer i,.gpu-core-grid i,.paged-token,.spec-context span>i{animation:none!important}}
.implementation-code{margin-top:22px;border:1px solid rgba(201,167,93,.3);border-radius:16px;background:linear-gradient(145deg,rgba(40,32,23,.82),rgba(23,19,13,.92));overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.16)}.implementation-code__header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:20px 22px;border-bottom:1px solid var(--lesson-line);background:rgba(201,167,93,.045)}.implementation-code__header p{margin:0;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.implementation-code__header h2{margin:6px 0 0;font-size:23px;line-height:1.2}.implementation-code__header>span{color:var(--lesson-faint);font:8px var(--font-mono);text-transform:uppercase}.implementation-code__layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)}.implementation-code__guide{padding:22px;border-right:1px solid var(--lesson-line)}.implementation-code__guide>p{margin:0;color:var(--lesson-muted);font-size:12.5px;line-height:1.6}.implementation-code__guide ol{display:grid;gap:15px;list-style:none;margin:20px 0 0;padding:0}.implementation-code__guide li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start}.implementation-code__guide li>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(201,167,93,.36);border-radius:50%;color:var(--lesson-gold);font:700 8px var(--font-mono)}.implementation-code__guide strong{display:block;font-size:12px}.implementation-code__guide li p{margin:4px 0 0;color:var(--lesson-faint);font-size:10px;line-height:1.5}.implementation-code__sample{min-width:0;margin:0;padding:16px}.implementation-code__sample figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4px 11px}.implementation-code__sample figcaption>span{color:var(--lesson-muted);font:9px var(--font-mono)}.implementation-code__sample figcaption a{color:var(--lesson-gold);font:8px var(--font-mono);text-decoration:none;text-transform:uppercase}.implementation-code__sample figcaption a:hover{text-decoration:underline}.implementation-code__sample pre{max-width:100%;margin:0;padding:15px 0;border:1px solid var(--lesson-line);border-radius:10px;background:#120f0a;color:var(--lesson-text);font:9px/1.7 var(--font-mono);overflow:auto;tab-size:2}.implementation-code__sample code{display:block;min-width:max-content;counter-reset:code-line}.implementation-code__sample code>span{display:block;min-height:1.7em;padding:0 16px 0 0;counter-increment:code-line}.implementation-code__sample code>span::before{content:counter(code-line,decimal-leading-zero);display:inline-block;width:42px;margin-right:13px;border-right:1px solid var(--lesson-line);color:var(--lesson-faint);text-align:center;user-select:none}.implementation-code__sample>p{margin:10px 4px 0;color:var(--lesson-faint);font:8px/1.5 var(--font-mono)}
@media(max-width:900px){.implementation-code__header{align-items:flex-start;flex-direction:column}.implementation-code__layout{grid-template-columns:1fr}.implementation-code__guide{border-right:0;border-bottom:1px solid var(--lesson-line)}}
@media(max-width:620px){.implementation-code__header,.implementation-code__guide{padding:17px}.implementation-code__header h2{font-size:20px}.implementation-code__sample{padding:12px}.implementation-code__sample figcaption{align-items:flex-start;flex-direction:column}.implementation-code__sample pre{font-size:8px}}
.implementation-code__samples{min-width:0}.implementation-code__sample+.implementation-code__sample{border-top:1px solid var(--lesson-line)}.implementation-code__sample figcaption>div{min-width:0}.implementation-code__sample figcaption small,.implementation-code__sample figcaption>div>span{display:block}.implementation-code__sample figcaption small{color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.4px;text-transform:uppercase}.implementation-code__sample figcaption>div>span{margin-top:4px;color:var(--lesson-muted);font:9px var(--font-mono)}
.published-evidence{margin-top:22px;border:1px solid rgba(201,167,93,.3);border-radius:16px;background:linear-gradient(145deg,rgba(40,32,23,.82),rgba(23,19,13,.92));overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.16)}.published-evidence__header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:20px 22px;border-bottom:1px solid var(--lesson-line);background:rgba(201,167,93,.045)}.published-evidence__header p{margin:0;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.published-evidence__header h2{max-width:900px;margin:6px 0 0;font-size:23px;line-height:1.2}.published-evidence__header>span{flex:none;color:var(--lesson-faint);font:8px var(--font-mono);text-transform:uppercase}.published-evidence__figure{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:0;margin:0}.published-evidence__figure>div{min-width:0;padding:20px 22px 0}.published-evidence__metric{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.published-evidence__metric strong{font-size:13px}.published-evidence__metric span{color:var(--lesson-faint);font:8px var(--font-mono);text-align:right}.published-chart{display:block;width:100%;height:auto;padding:0 12px 17px 10px;align-self:center;overflow:visible}.published-chart__track{fill:rgba(255,255,255,.045)}.published-chart__bar{fill:var(--lesson-gold)}.published-chart__row--result .published-chart__bar{fill:var(--lesson-good)}.published-chart__range{stroke:var(--lesson-text);stroke-width:3}.published-chart__label,.published-chart__value{fill:var(--lesson-muted);font:700 18px var(--font-mono)}.published-chart__row--result .published-chart__value{fill:var(--lesson-good)}.published-evidence figcaption{display:flex;flex-direction:column;justify-content:center;padding:22px;border-left:1px solid var(--lesson-line);background:rgba(23,19,13,.45)}.published-evidence figcaption p{margin:0;color:var(--lesson-text);font-size:13px;line-height:1.55}.published-evidence figcaption>span{display:block;margin-top:10px;color:var(--lesson-faint);font:8px/1.55 var(--font-mono)}.published-evidence figcaption a{align-self:flex-start;margin-top:16px;color:var(--lesson-gold);font:700 8px/1.45 var(--font-mono);text-decoration:none;text-transform:uppercase}.published-evidence figcaption a:hover{text-decoration:underline}
@media(max-width:900px){.published-evidence__header{align-items:flex-start;flex-direction:column}.published-evidence__figure{grid-template-columns:1fr}.published-evidence figcaption{border-top:1px solid var(--lesson-line);border-left:0}.published-chart__label,.published-chart__value{font-size:20px}}
@media(max-width:620px){.published-evidence__header{padding:17px}.published-evidence__header h2{font-size:20px}.published-evidence__header>span{white-space:normal}.published-evidence__figure>div{padding:17px 17px 0}.published-evidence__metric{align-items:flex-start;flex-direction:column;gap:5px}.published-evidence__metric span{text-align:left}.published-chart{padding-inline:4px}.published-chart__label,.published-chart__value{font-size:23px}.published-evidence figcaption{padding:17px}}
.diagram-llmd{display:block}.llmd-route-line{display:grid;grid-template-columns:minmax(170px,.7fr) auto minmax(230px,1fr) auto minmax(200px,.9fr);gap:12px;align-items:center}.llmd-route-line .cluster-node,.llmd-route-line .router-node{min-height:82px;display:flex;flex-direction:column;justify-content:center}.llmd-pool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr) minmax(0,1fr);gap:14px;align-items:stretch;margin-top:18px}.phase-pool,.kv-handoff{min-width:0;padding:16px;border:1px solid var(--lesson-line);border-radius:12px;background:var(--lesson-surface)}.phase-pool--prefill{border-color:rgba(201,167,93,.38)}.phase-pool--decode{border-color:rgba(143,184,124,.4)}.phase-pool>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.phase-pool header small,.phase-pool header strong{display:block}.phase-pool header small{color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.45px;text-transform:uppercase}.phase-pool--decode header small{color:var(--lesson-good)}.phase-pool header strong{margin-top:5px;font-size:14px}.phase-pool header>b{flex:none;padding:5px 7px;border-radius:99px;background:rgba(201,167,93,.09);color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.phase-pool--decode header>b{background:rgba(143,184,124,.1);color:var(--lesson-good)}.phase-token-row{display:flex;gap:5px;margin-top:14px}.phase-token-row i{display:grid;min-height:36px;flex:1;place-items:center;border:1px solid rgba(201,167,93,.35);border-radius:6px;background:rgba(201,167,93,.08);color:var(--lesson-text);font:8px var(--font-mono);font-style:normal}.decode-loop{display:grid;grid-template-columns:1fr auto 1fr auto;gap:6px;align-items:center;margin-top:14px}.decode-loop span{display:grid;min-height:36px;place-items:center;padding:6px;border:1px solid rgba(143,184,124,.34);border-radius:6px;background:rgba(143,184,124,.07);color:var(--lesson-muted);font:7px/1.35 var(--font-mono);text-align:center}.decode-loop b{color:var(--lesson-good);font:10px var(--font-mono)}.phase-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0 0}.phase-facts div{min-width:0;padding:8px;border-radius:7px;background:var(--lesson-bg)}.phase-facts dt{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.phase-facts dd{margin:5px 0 0;color:var(--lesson-muted);font:7px/1.35 var(--font-mono)}.pool-workers{display:flex;gap:5px;margin-top:12px}.pool-workers i{flex:1;padding:7px 3px;border-radius:4px;background:var(--lesson-raised);color:var(--lesson-muted);font:7px var(--font-mono);font-style:normal;text-align:center}.kv-handoff{display:flex;flex-direction:column;justify-content:center;border-color:rgba(143,184,124,.34);text-align:center}.kv-handoff header small,.kv-handoff header strong{display:block}.kv-handoff header small{color:var(--lesson-good);font:700 7px var(--font-mono);text-transform:uppercase}.kv-handoff header strong{margin-top:5px;font-size:12px}.kv-payload{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.kv-payload span{padding:9px 5px;border:1px solid rgba(143,184,124,.34);border-radius:6px;background:rgba(143,184,124,.08);color:var(--lesson-good);font:700 8px/1.4 var(--font-mono)}.kv-payload b{color:var(--lesson-muted);font-size:6px}.kv-transfer-line{position:relative;display:block;width:75%;height:2px;margin:13px auto;background:var(--lesson-good)}.kv-transfer-line::after{content:'›';position:absolute;right:-2px;top:-10px;color:var(--lesson-good);font-size:16px}.kv-handoff dl{display:grid;gap:7px;margin:0;text-align:left}.kv-handoff dl div{padding-top:7px;border-top:1px solid var(--lesson-line)}.kv-handoff dt{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.kv-handoff dd{margin:4px 0 0;color:var(--lesson-muted);font:7px/1.4 var(--font-mono)}.llmd-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.llmd-insight-grid article{padding:13px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.045)}.llmd-insight-grid article:nth-child(2){border-left-color:var(--lesson-good);background:rgba(143,184,124,.04)}.llmd-insight-grid article:nth-child(3){border-left-color:var(--lesson-warn);background:rgba(211,163,92,.04)}.llmd-insight-grid small,.llmd-insight-grid strong{display:block}.llmd-insight-grid small{color:var(--lesson-faint);font:700 6px var(--font-mono);text-transform:uppercase}.llmd-insight-grid strong{margin-top:5px;font-size:10px}.llmd-insight-grid p{margin:6px 0 0;color:var(--lesson-muted);font-size:8.5px;line-height:1.45}
@media(max-width:1000px){.llmd-pool-grid{grid-template-columns:1fr}.kv-handoff{align-items:center}.kv-handoff>*{width:min(100%,520px)}.kv-transfer-line{width:2px!important;height:46px}.kv-transfer-line::after{right:-5px;top:auto;bottom:-8px;transform:rotate(90deg)}.phase-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.llmd-route-line{grid-template-columns:1fr}.llmd-route-line .cluster-arrow{transform:rotate(90deg)}.llmd-insight-grid{grid-template-columns:1fr}}
@media(max-width:620px){.phase-pool>header{flex-direction:column}.phase-facts{grid-template-columns:1fr}.decode-loop{grid-template-columns:1fr}.decode-loop b{transform:rotate(90deg)}.phase-token-row{flex-wrap:wrap}.phase-token-row i{flex-basis:40%}}
.gpu-host-link{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:7px;padding:6px 10px;color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.gpu-host-link span:last-child{text-align:right}.gpu-host-link strong{position:relative;padding-inline:18px;color:var(--lesson-warn);font-size:6px;text-align:center}.gpu-host-link strong::before,.gpu-host-link strong::after{content:'';position:absolute;top:50%;width:13px;height:1px;background:var(--lesson-warn)}.gpu-host-link strong::before{left:0}.gpu-host-link strong::after{right:0}.gpu-host-dram{padding:12px;border:1px solid rgba(211,163,92,.28);border-radius:9px;background:rgba(211,163,92,.035)}.gpu-host-dram>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gpu-host-dram>header small,.gpu-host-dram>header strong{display:block}.gpu-host-dram>header small{color:var(--lesson-warn);font:700 7px var(--font-mono);letter-spacing:.45px;text-transform:uppercase}.gpu-host-dram>header strong{margin-top:4px;font-size:12px}.gpu-host-dram>header>span{max-width:240px;color:var(--lesson-faint);font:7px/1.4 var(--font-mono);text-align:right}.gpu-dram-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.gpu-dram-block{position:relative;min-width:0;padding:9px 9px 27px;border:1px solid var(--lesson-line);border-radius:7px;background:var(--lesson-bg)}.gpu-dram-block small,.gpu-dram-block strong,.gpu-dram-block span{display:block}.gpu-dram-block small{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.gpu-dram-block strong{margin-top:5px;color:var(--lesson-text);font:7.5px/1.35 var(--font-mono)}.gpu-dram-block span{margin-top:5px;color:var(--lesson-muted);font:6px/1.4 var(--font-mono)}.gpu-dram-block b{position:absolute;left:9px;bottom:8px;padding:3px 5px;border-radius:99px;background:rgba(201,167,93,.08);color:var(--lesson-gold);font:700 5px var(--font-mono);text-transform:uppercase}.gpu-dram-block--offload{border-color:rgba(143,184,124,.3)}.gpu-dram-block--offload b{background:rgba(143,184,124,.1);color:var(--lesson-good)}.gpu-dram-block--staging{border-color:rgba(211,163,92,.3)}.gpu-host-dram>p{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--lesson-line);color:var(--lesson-faint);font:6.5px/1.45 var(--font-mono)}.gpu-host-dram>p strong{color:var(--lesson-warn)}.gpu-layer-animation[data-gpu-phase="0"] .gpu-dram-block--runtime{border-color:rgba(211,163,92,.48);background:rgba(211,163,92,.06)}
.mac-memory-example{margin-top:10px;padding:12px;border:1px solid rgba(201,167,93,.34);border-radius:9px;background:rgba(201,167,93,.045)}.mac-memory-example>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mac-memory-example>header small,.mac-memory-example>header strong{display:block}.mac-memory-example>header small{color:var(--lesson-gold);font:700 7px var(--font-mono);letter-spacing:.45px;text-transform:uppercase}.mac-memory-example>header strong{margin-top:4px;font-size:12px}.mac-memory-example>header>span{color:var(--lesson-faint);font:7px/1.4 var(--font-mono);text-align:right}.mac-memory-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.mac-memory-tiers article{min-width:0;padding:9px;border:1px solid var(--lesson-line);border-radius:7px;background:var(--lesson-bg)}.mac-memory-tiers small,.mac-memory-tiers strong,.mac-memory-tiers span{display:block}.mac-memory-tiers small{color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.mac-memory-tiers strong{margin-top:5px;color:var(--lesson-gold);font:9px var(--font-mono)}.mac-memory-tiers span{margin-top:5px;color:var(--lesson-muted);font:7px/1.45 var(--font-mono)}.mac-memory-example>p{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--lesson-line);color:var(--lesson-muted);font:8px/1.45 var(--font-mono)}.mac-memory-example>p strong{color:var(--lesson-text)}
@media(max-width:900px){.gpu-dram-blocks{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.gpu-host-link{grid-template-columns:1fr}.gpu-host-link span,.gpu-host-link span:last-child{text-align:center}.gpu-host-dram>header,.mac-memory-example>header{flex-direction:column}.gpu-host-dram>header>span{max-width:none;text-align:left}.mac-memory-example>header>span{text-align:left}.gpu-dram-blocks,.mac-memory-tiers{grid-template-columns:1fr}}

/* Chapter 0 · inference foundations */
.diagram-autoregressive,.diagram-local-models,.diagram-slo{display:grid;gap:16px}.ar-pipeline{display:grid;grid-template-columns:1fr auto 1.65fr auto 1.15fr;gap:11px;align-items:center}.ar-pipeline>div,.ar-decision,.ar-loop,.local-path,.local-decision,.slo-timeline,.slo-fleet{border:1px solid var(--lesson-line);border-radius:12px;background:rgba(23,19,13,.72)}.ar-pipeline>div{min-height:94px;padding:15px}.ar-pipeline>i{color:var(--lesson-gold);font:18px var(--font-mono);font-style:normal}.ar-pipeline small,.ar-decision small,.ar-loop small,.local-path small,.local-decision small,.slo-lab-head small,.slo-timeline small,.slo-fleet small{display:block;color:var(--lesson-gold);font:700 9px var(--font-mono)!important;letter-spacing:.5px;text-transform:uppercase}.ar-pipeline strong,.ar-decision strong,.ar-loop strong{display:block;margin-top:6px}.ar-tokenizer>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ar-tokenizer span,.ar-loop-steps>span{display:grid;min-width:48px;place-items:center;padding:8px;border:1px solid rgba(201,167,93,.38);border-radius:7px;background:rgba(201,167,93,.07);font:10px var(--font-mono)}.ar-tokenizer span em,.ar-loop-steps span em{margin-top:4px;color:var(--lesson-faint);font:7px var(--font-mono);font-style:normal}.ar-prefill span{display:block;margin-top:8px;color:var(--lesson-muted);font:9px/1.45 var(--font-mono)}.ar-decision,.ar-loop{padding:16px}.ar-decision>header,.ar-loop>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ar-decision>header>span{padding:5px 8px;border-radius:99px;background:rgba(201,167,93,.09);color:var(--lesson-gold);font:8px var(--font-mono)}.ar-score-grid{display:grid;grid-template-columns:1fr 1.4fr .75fr;gap:12px;align-items:stretch;margin-top:14px}.ar-history,.ar-logits,.ar-commit{padding:13px;border:1px solid var(--lesson-line);border-radius:9px;background:var(--lesson-bg)}.ar-history>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.ar-history span{padding:7px 8px;border-radius:5px;background:rgba(201,167,93,.1);color:var(--lesson-text);font:9px var(--font-mono)}.ar-logits{display:grid;gap:7px}.ar-logits>div{display:grid;grid-template-columns:65px 1fr 38px;gap:8px;align-items:center;color:var(--lesson-muted);font:9px var(--font-mono)}.ar-logits i{position:relative;height:9px;border-radius:99px;background:var(--lesson-line);overflow:hidden}.ar-logits i::after{content:'';display:block;width:var(--score);height:100%;border-radius:inherit;background:var(--lesson-gold)}.ar-logits>div:first-child{color:var(--lesson-good)}.ar-logits>div:first-child i::after{background:var(--lesson-good)}.ar-logits strong{margin:0;color:inherit;font:700 8px var(--font-mono);text-align:right}.ar-commit{display:grid;place-content:center;text-align:center}.ar-commit strong{color:var(--lesson-good);font-size:22px}.ar-commit span{margin-top:7px;color:var(--lesson-muted);font:8px var(--font-mono)}.ar-loop-steps{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}.ar-loop-steps>b{color:var(--lesson-gold);font:13px var(--font-mono)}.ar-loop-steps .is-generated{border-color:rgba(143,184,124,.5);background:rgba(143,184,124,.08);color:var(--lesson-good)}.ar-loop-steps .is-stop{border-color:rgba(211,163,92,.48);color:var(--lesson-warn)}.ar-loop>p{margin:13px 0 0;padding-top:11px;border-top:1px solid var(--lesson-line);color:var(--lesson-muted);font-size:11px}.ar-loop>p strong{display:inline;color:var(--lesson-gold)}
.diagram-autoregressive [data-ar-token][hidden],.diagram-autoregressive [data-ar-stop][hidden]{display:none!important}.ar-history .is-generated{outline:1px solid rgba(143,184,124,.5);background:rgba(143,184,124,.13);color:var(--lesson-good)}.ar-loop-count{flex:none;margin-top:0!important;padding:5px 8px;border:1px solid rgba(201,167,93,.28);border-radius:99px;color:var(--lesson-gold);font:8px var(--font-mono)}.ar-sim-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid var(--lesson-line)}.ar-sim-controls button{min-height:44px}.ar-sim-controls [data-ar-play]{min-width:142px}.diagram-autoregressive[data-ar-phase="score"] .ar-logits,.diagram-autoregressive[data-ar-phase="select"] .ar-logits{border-color:rgba(201,167,93,.62);box-shadow:0 0 0 2px rgba(201,167,93,.07)}.diagram-autoregressive[data-ar-phase="select"] .ar-commit{border-color:rgba(143,184,124,.62);background:rgba(143,184,124,.07)}.diagram-autoregressive[data-ar-phase="append"] .ar-history{border-color:rgba(143,184,124,.62);box-shadow:0 0 0 2px rgba(143,184,124,.06)}.diagram-autoregressive[data-ar-phase="stop"] .ar-commit{border-color:rgba(211,163,92,.65);background:rgba(211,163,92,.06)}.ar-status{min-height:43px}.ar-status strong{display:inline!important}

.local-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:14px}.local-path{padding:17px}.local-path header strong,.local-decision header strong{display:block;margin-top:5px;font-size:17px}.local-path--self{border-color:rgba(143,184,124,.45)}.local-path--self small{color:var(--lesson-good)}.local-route{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:center;margin-top:15px}.local-route span{display:grid;min-height:54px;place-items:center;padding:8px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-bg);font:10px/1.4 var(--font-mono);text-align:center}.local-route i{color:var(--lesson-warn);font:8px/1.4 var(--font-mono);font-style:normal;text-align:center}.local-path--self .local-route i{color:var(--lesson-good)}.local-path ul{display:grid;gap:7px;margin:14px 0 0;padding-left:18px;color:var(--lesson-muted);font-size:10.5px;line-height:1.5}.local-decision{padding:17px}.local-decision>header{display:flex;align-items:flex-start;justify-content:space-between}.local-table{display:grid;margin-top:14px;border:1px solid var(--lesson-line);border-radius:9px;overflow:hidden}.local-table>div{display:grid;grid-template-columns:.8fr 1fr 1fr}.local-table>div>*{padding:10px 12px;border-right:1px solid var(--lesson-line);color:var(--lesson-muted);font-size:10px;line-height:1.45}.local-table>div>*:last-child{border-right:0}.local-table>div+div{border-top:1px solid var(--lesson-line)}.local-table strong{color:var(--lesson-text)}.local-table__head{background:rgba(201,167,93,.07)}.local-table__head span{color:var(--lesson-gold);font:700 8px var(--font-mono);text-transform:uppercase}.local-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.local-outcomes article{padding:11px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.045)}.local-outcomes article:nth-child(2){border-left-color:var(--lesson-warn)}.local-outcomes article:nth-child(3){border-left-color:var(--lesson-good)}.local-outcomes strong{display:block;margin-top:5px;font-size:10px;line-height:1.45}.local-decision>p{margin:13px 0 0;padding:10px 12px;border:1px solid rgba(211,163,92,.35);border-radius:8px;background:rgba(211,163,92,.05);color:var(--lesson-warn);font-size:11px}

.slo-lab-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:15px 17px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.055)}.slo-lab-head strong{display:block;margin-top:5px;font-size:17px}.slo-lab-head label{width:min(420px,48%)}.slo-lab-head label span{display:flex;justify-content:space-between;color:var(--lesson-muted);font:9px var(--font-mono)}.slo-lab-head output{color:var(--lesson-gold);font-weight:700}.slo-lab-head input{width:100%;margin-top:9px;accent-color:var(--lesson-gold)}.slo-timeline,.slo-fleet{padding:17px}.slo-timeline>header strong{display:block;margin-top:5px;font-size:17px}.slo-track{display:grid;grid-template-columns:70px 1.35fr 80px .7fr 70px .7fr 70px .7fr 70px;align-items:center;margin-top:18px;padding:20px 10px 12px;border-radius:10px;background:var(--lesson-bg)}.slo-event{text-align:center}.slo-event i{display:block;width:14px;height:14px;margin:auto;border:3px solid var(--lesson-bg);border-radius:50%;background:var(--lesson-gold);box-shadow:0 0 0 1px var(--lesson-gold)}.slo-event strong,.slo-event span{display:block}.slo-event strong{margin-top:8px;font-size:10px}.slo-event span{margin-top:3px;color:var(--lesson-faint);font:7px var(--font-mono)}.slo-event--first i,.slo-event--final i{background:var(--lesson-good);box-shadow:0 0 0 1px var(--lesson-good)}.slo-bracket,.slo-gap{position:relative;align-self:start;margin-top:6px;border-top:2px solid var(--lesson-gold);text-align:center}.slo-bracket::before,.slo-bracket::after,.slo-gap::before,.slo-gap::after{content:'';position:absolute;top:-2px;width:1px;height:9px;background:var(--lesson-gold)}.slo-bracket::before,.slo-gap::before{left:0}.slo-bracket::after,.slo-gap::after{right:0}.slo-bracket span,.slo-bracket b,.slo-gap span,.slo-gap b{display:block;color:var(--lesson-gold);font:7px var(--font-mono)}.slo-bracket span,.slo-gap span{margin-top:7px}.slo-bracket b,.slo-gap b{margin-top:3px;color:var(--lesson-text);font-size:8px}.slo-gap{border-color:var(--lesson-good)}.slo-gap::before,.slo-gap::after{background:var(--lesson-good)}.slo-gap span{color:var(--lesson-good)}.slo-timeline-summaries{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.slo-timeline-summaries article{padding:11px;border:1px solid var(--lesson-line);border-radius:8px;background:rgba(201,167,93,.025)}.slo-timeline-summaries strong,.slo-timeline-summaries span{display:block}.slo-timeline-summaries strong{margin-top:6px;color:var(--lesson-gold);font-size:14px}.slo-timeline-summaries span{margin-top:5px;color:var(--lesson-faint);font:8px/1.4 var(--font-mono)}.slo-fleet-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.slo-fleet-flow>article{min-height:116px;padding:13px;border:1px solid var(--lesson-line);border-radius:9px;background:var(--lesson-bg)}.slo-fleet-flow>b{color:var(--lesson-gold);font:18px var(--font-mono)}.slo-fleet-flow article>strong,.slo-fleet-flow article>span{display:block}.slo-fleet-flow article>strong{margin-top:7px;font-size:18px}.slo-fleet-flow article>span{margin-top:8px;color:var(--lesson-faint);font:8px var(--font-mono)}.slo-token-stream{display:flex;gap:4px;margin-top:12px}.slo-token-stream i{width:8px;height:8px;border-radius:2px;background:var(--lesson-gold);animation:sloPulse 1.4s ease-in-out infinite}.slo-token-stream i:nth-child(2n){animation-delay:.16s}.slo-token-stream i:nth-child(3n){animation-delay:.32s}.slo-attainment{height:8px;margin-top:12px;border-radius:99px;background:var(--lesson-line);overflow:hidden}.slo-attainment i{display:block;width:var(--attainment);height:100%;background:var(--lesson-good);transition:width .25s ease}.slo-goodput-card{border-color:rgba(143,184,124,.46)!important}.slo-goodput-card strong{color:var(--lesson-good)}.slo-gates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.slo-gates article{padding:11px;border:1px solid var(--lesson-line);border-radius:8px;background:rgba(23,19,13,.55)}.slo-gates strong,.slo-gates span{display:block}.slo-gates strong{margin-top:6px;font-size:10px}.slo-gates span{margin-top:7px;color:var(--lesson-faint);font:700 8px var(--font-mono);text-transform:uppercase}.slo-gates .is-pass{border-color:rgba(143,184,124,.48)}.slo-gates .is-pass span{color:var(--lesson-good)}.slo-gates .is-fail{border-color:rgba(211,163,92,.62);background:rgba(211,163,92,.06)}.slo-gates .is-fail span{color:var(--lesson-warn)}.slo-disclaimer{margin:0;padding:11px 13px;border-left:3px solid var(--lesson-warn);background:rgba(211,163,92,.045);color:var(--lesson-muted);font-size:10px!important}.slo-disclaimer strong{color:var(--lesson-warn)}.diagram-slo[data-slo-pressure="overloaded"] .slo-lab-head{border-left-color:var(--lesson-warn)}
@keyframes sloPulse{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.slo-token-stream i{animation:none}}
@media(max-width:920px){.ar-pipeline{grid-template-columns:1fr}.ar-pipeline>i{transform:rotate(90deg);text-align:center}.ar-score-grid{grid-template-columns:1fr}.local-boundaries{grid-template-columns:1fr}.slo-track{grid-template-columns:repeat(5,1fr);row-gap:18px}.slo-bracket,.slo-gap{align-self:center}.slo-timeline-summaries,.slo-gates{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ar-decision>header,.ar-loop>header,.slo-lab-head{align-items:flex-start;flex-direction:column}.slo-lab-head label{width:100%}.local-route{grid-template-columns:1fr}.local-route i{padding:4px;transform:rotate(90deg)}.local-table>div{grid-template-columns:1fr}.local-table>div>*{border-right:0;border-top:1px solid var(--lesson-line)}.local-table>div>*:first-child{border-top:0}.local-outcomes,.slo-timeline-summaries,.slo-gates{grid-template-columns:1fr}.slo-track{grid-template-columns:1fr}.slo-bracket,.slo-gap{min-height:45px;border-top:0;border-left:2px solid var(--lesson-gold)}.slo-gap{border-left-color:var(--lesson-good)}.slo-bracket::before,.slo-bracket::after,.slo-gap::before,.slo-gap::after{display:none}.slo-fleet-flow{grid-template-columns:1fr}.slo-fleet-flow>b{transform:rotate(90deg);text-align:center}}
.lesson-flow-section{margin-top:34px;padding-top:26px;border-top:1px solid rgba(201,167,93,.2)}.lesson-flow-section--setup{margin-top:22px}.lesson-flow-heading{display:grid;grid-template-columns:52px minmax(0,1fr);gap:15px;align-items:start}.lesson-flow-heading>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(201,167,93,.45);border-radius:50%;background:rgba(201,167,93,.07);color:var(--lesson-gold);font:700 10px var(--font-mono)}.lesson-flow-heading p{margin:0;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.lesson-flow-heading h2{margin:5px 0 0;font-size:25px;line-height:1.2}.lesson-flow-heading small{display:block;margin-top:6px;color:var(--lesson-faint);font:9px/1.45 var(--font-mono)}.bottleneck-overview{display:grid;grid-template-columns:minmax(0,1.15fr) 52px minmax(220px,.85fr) 52px minmax(160px,.55fr);gap:10px;align-items:stretch;margin-top:18px;padding:16px;border:1px solid var(--lesson-line);border-radius:15px;background:linear-gradient(145deg,rgba(40,32,23,.78),rgba(23,19,13,.9))}.bottleneck-overview__card{min-width:0;padding:16px;border:1px solid var(--lesson-line);border-radius:11px;background:var(--lesson-surface)}.bottleneck-overview__card small,.bottleneck-overview__card strong{display:block}.bottleneck-overview__card small{color:var(--lesson-faint);font:700 7px var(--font-mono);letter-spacing:.55px;text-transform:uppercase}.bottleneck-overview__card strong{margin-top:7px;font-size:15px;line-height:1.35}.bottleneck-overview__card p{margin:8px 0 0;color:var(--lesson-muted);font-size:10.5px;line-height:1.55}.bottleneck-overview__card--constraint{border-color:rgba(211,163,92,.55);background:rgba(211,163,92,.055)}.bottleneck-overview__card--constraint small,.bottleneck-overview__card--constraint strong{color:var(--lesson-warn)}.bottleneck-overview__card--metric{border-color:rgba(143,184,124,.42);background:rgba(143,184,124,.045)}.bottleneck-overview__card--metric small,.bottleneck-overview__card--metric strong{color:var(--lesson-good)}.bottleneck-overview__arrow{display:grid;place-items:center;color:var(--lesson-gold);font:18px var(--font-mono);font-style:normal}
.beginner-recap{margin-top:22px;padding:20px 22px;border:1px solid var(--lesson-line);border-radius:16px;background:linear-gradient(145deg,rgba(40,32,23,.72),rgba(23,19,13,.86))}.beginner-recap>header{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.beginner-recap>header p{margin:0;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.beginner-recap>header h2{margin:0;font-size:21px}.beginner-recap__terms{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.beginner-recap details{border:1px solid var(--lesson-line);border-radius:9px;background:var(--lesson-bg)}.beginner-recap summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;color:var(--lesson-text);font-size:11px;cursor:pointer;list-style:none}.beginner-recap summary::-webkit-details-marker{display:none}.beginner-recap summary span{color:var(--lesson-gold);font:14px var(--font-mono);transition:transform .16s ease}.beginner-recap details[open] summary span{transform:rotate(45deg)}.beginner-recap details p{margin:0;padding:0 12px 12px;color:var(--lesson-muted);font-size:10px;line-height:1.5}.beginner-recap>aside{display:grid;grid-template-columns:170px 1fr;gap:15px;align-items:start;margin-top:13px;padding:12px 14px;border-left:3px solid var(--lesson-warn);background:rgba(211,163,92,.045)}.beginner-recap>aside small{color:var(--lesson-warn);font:700 7px var(--font-mono);letter-spacing:.5px;text-transform:uppercase}.beginner-recap>aside p{margin:0;color:var(--lesson-muted);font-size:11px;line-height:1.5}
.lesson-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.lesson-nav-card{display:block;min-width:0;padding:17px 18px;border:1px solid var(--lesson-line);border-radius:12px;background:rgba(30,24,17,.72);color:inherit;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.lesson-nav-card:hover,.lesson-nav-card:focus-visible{border-color:rgba(201,167,93,.6);background:rgba(201,167,93,.055);transform:translateY(-2px)}.lesson-nav-card:focus-visible{outline:2px solid var(--lesson-gold);outline-offset:3px}.lesson-nav-card small,.lesson-nav-card strong{display:block}.lesson-nav-card small{color:var(--lesson-faint);font:700 7px var(--font-mono);letter-spacing:.6px;text-transform:uppercase}.lesson-nav-card strong{margin-top:5px;color:var(--lesson-gold);font-size:17px}.lesson-nav-card p{margin:6px 0 0;color:var(--lesson-muted);font-size:10px;line-height:1.45}.lesson-nav-card--next{text-align:right}
.lesson-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;margin:28px 0 8px;padding:24px 0;border-top:1px solid rgba(201,167,93,.22);border-bottom:1px solid rgba(201,167,93,.22)}.lesson-intro article{min-width:0}.lesson-intro__now{padding-left:42px;border-left:1px solid rgba(201,167,93,.22)}.lesson-intro article>p,.lesson-transition div>p{margin:0;color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.lesson-intro article>h2,.lesson-transition div>h2{margin:7px 0 0;font-size:22px;line-height:1.25}.lesson-intro article>span,.lesson-transition div>span{display:block;margin-top:9px;color:var(--lesson-muted);font-size:12.5px;line-height:1.65}.lesson-glossary{grid-column:1/-1;margin-top:21px;padding-top:16px;border-top:1px solid rgba(201,167,93,.14)}.lesson-glossary summary{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;color:var(--lesson-muted);cursor:pointer;list-style:none}.lesson-glossary summary::-webkit-details-marker{display:none}.lesson-glossary summary>span{color:var(--lesson-text);font:700 10px var(--font-mono);text-transform:uppercase}.lesson-glossary summary>strong{font:500 10px var(--font-mono);text-align:right}.lesson-glossary summary>i{color:var(--lesson-gold);font:18px var(--font-mono);font-style:normal;transition:transform .16s ease}.lesson-glossary[open] summary>i{transform:rotate(45deg)}.lesson-glossary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:18px 0 0}.lesson-glossary dl>div{padding-top:12px;border-top:1px solid rgba(201,167,93,.18)}.lesson-glossary dt{color:var(--lesson-text);font-size:12px;font-weight:700}.lesson-glossary dd{margin:6px 0 0;color:var(--lesson-muted);font-size:10.5px;line-height:1.55}.lesson-glossary>p{margin:16px 0 0;color:var(--lesson-faint);font-size:10.5px;line-height:1.55}.lesson-glossary>p strong{color:var(--lesson-warn)}.bottleneck-overview{padding:16px 0;border:0;border-top:1px solid rgba(201,167,93,.18);border-bottom:1px solid rgba(201,167,93,.18);border-radius:0;background:none}.bottleneck-overview__card{padding:10px 14px;border:0;border-radius:0;background:none}.bottleneck-overview__card--constraint{padding-left:18px;border:0;border-left:2px solid rgba(211,163,92,.7);background:none}.bottleneck-overview__card--metric{padding-left:18px;border:0;border-left:2px solid rgba(143,184,124,.6);background:none}.lesson-transition{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:20px;margin-top:38px;padding:30px 0 20px;border-top:1px solid rgba(201,167,93,.28);border-bottom:1px solid rgba(201,167,93,.16)}.lesson-transition__next{padding-left:48px;border-left:1px solid rgba(201,167,93,.22)}.lesson-transition__continue{display:inline-flex;align-items:center;gap:9px;margin-top:16px;color:var(--lesson-gold);font:700 11px var(--font-mono);text-decoration:none}.lesson-transition__continue:hover{text-decoration:underline}.lesson-transition__continue:focus-visible,.lesson-transition__back:focus-visible{outline:2px solid var(--lesson-gold);outline-offset:4px}.lesson-transition__back{grid-column:1/-1;width:max-content;color:var(--lesson-faint);font:9px var(--font-mono);text-decoration:none}.lesson-transition__back:hover{color:var(--lesson-text)}
@media(max-width:1050px){.bottleneck-overview{grid-template-columns:1fr 44px 1fr}.bottleneck-overview__card--metric{grid-column:1/-1}.bottleneck-overview__arrow:nth-of-type(2){display:none}}
@media(max-width:720px){.lesson-flow-section{margin-top:28px;padding-top:22px}.lesson-flow-heading{grid-template-columns:42px 1fr}.lesson-flow-heading>span{width:38px;height:38px}.lesson-flow-heading h2{font-size:21px}.bottleneck-overview{grid-template-columns:1fr}.bottleneck-overview__arrow,.bottleneck-overview__arrow:nth-of-type(2){display:grid;min-height:28px;transform:rotate(90deg)}.bottleneck-overview__card--metric{grid-column:auto}.beginner-recap>header{align-items:flex-start;flex-direction:column}.beginner-recap__terms{grid-template-columns:1fr}.beginner-recap>aside{grid-template-columns:1fr}.lesson-navigation{grid-template-columns:1fr}.lesson-nav-card--next{text-align:left}}
@media(max-width:720px){.lesson-intro,.lesson-transition{grid-template-columns:1fr;gap:22px}.lesson-intro__now,.lesson-transition__next{padding:22px 0 0;border-top:1px solid rgba(201,167,93,.18);border-left:0}.lesson-glossary{margin-top:0}.lesson-glossary summary{grid-template-columns:1fr auto}.lesson-glossary summary>strong{grid-column:1/-1;grid-row:2;text-align:left}.lesson-glossary summary>i{grid-column:2;grid-row:1}.lesson-glossary dl{grid-template-columns:1fr;gap:14px}.bottleneck-overview__card{padding:10px 4px}.bottleneck-overview__card--constraint,.bottleneck-overview__card--metric{padding-left:14px}.lesson-transition__back{grid-column:1}}
.concept-quiz{margin-top:22px;border:1px solid rgba(201,167,93,.34);border-radius:16px;background:linear-gradient(145deg,rgba(40,32,23,.82),rgba(23,19,13,.92));overflow:hidden}.concept-quiz>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--lesson-line);background:rgba(201,167,93,.045)}.concept-quiz>header p{margin:0;color:var(--lesson-gold);font:700 9px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.concept-quiz>header h2{margin:6px 0 0;font-size:25px}.concept-quiz>header>span{color:var(--lesson-faint);font:9px var(--font-mono);text-transform:uppercase}.concept-quiz form{display:grid;grid-template-columns:1fr;gap:14px;padding:20px}.concept-quiz form>fieldset{min-width:0;margin:0;padding:18px;border:1px solid var(--lesson-line);border-radius:11px;background:rgba(23,19,13,.6)}.concept-quiz legend{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;width:100%;padding:0 0 14px;color:var(--lesson-text);font-size:16px;line-height:1.45}.concept-quiz legend span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(201,167,93,.35);border-radius:50%;color:var(--lesson-gold);font:700 8px var(--font-mono)}.concept-quiz__choices{display:grid;gap:9px}.concept-quiz__choices label{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;min-height:48px;padding:12px 13px;border:1px solid var(--lesson-line);border-radius:8px;background:var(--lesson-bg);color:var(--lesson-muted);font:11px/1.5 var(--font-mono);cursor:pointer}.concept-quiz__choices input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--lesson-gold)}.concept-quiz__choices label:hover{border-color:rgba(201,167,93,.5);color:var(--lesson-text)}.concept-quiz__choices label.is-correct{border-color:rgba(143,184,124,.68);background:rgba(143,184,124,.09);color:var(--lesson-good)}.concept-quiz__choices label.is-selected-wrong{border-color:rgba(211,163,92,.68);background:rgba(211,163,92,.08);color:var(--lesson-warn)}.concept-quiz fieldset.is-unanswered{border-color:rgba(211,163,92,.72)}.concept-quiz fieldset>p{margin:12px 0 0;padding:11px 12px;border-left:3px solid var(--lesson-good);background:rgba(143,184,124,.05);color:var(--lesson-muted);font-size:11px;line-height:1.55}.concept-quiz fieldset>p::before{content:'Why · ';color:var(--lesson-good);font:700 8px var(--font-mono);text-transform:uppercase}.concept-quiz__actions{display:flex;align-items:center;gap:9px;margin-top:4px;padding-top:16px;border-top:1px solid var(--lesson-line)}.concept-quiz__actions button{min-height:44px}.concept-quiz__actions strong{margin-left:auto;color:var(--lesson-muted);font:9px/1.45 var(--font-mono);text-align:right}.concept-quiz__actions strong.is-perfect{color:var(--lesson-good)}
@media(max-width:1000px){.concept-quiz form{grid-template-columns:1fr}.concept-quiz__actions{grid-column:auto}}
@media(max-width:620px){.concept-quiz>header{align-items:flex-start;flex-direction:column;padding:17px}.concept-quiz>header h2{font-size:20px}.concept-quiz form{padding:14px}.concept-quiz__actions{align-items:stretch;flex-wrap:wrap}.concept-quiz__actions button{flex:1}.concept-quiz__actions strong{flex-basis:100%;margin-left:0;text-align:left}}
.published-evidence figcaption p{margin-top:14px}.published-evidence__context{display:grid;gap:7px;margin:0}.published-evidence__context div{display:grid;grid-template-columns:70px 1fr;gap:8px}.published-evidence__context dt{color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.published-evidence__context dd{margin:0;color:var(--lesson-muted);font:8px/1.4 var(--font-mono)}
.beginner-recap--primer{margin:18px 0 8px}.beginner-recap--primer>header h2{font-size:21px}.teaching-example-label{display:block;margin-top:7px;color:var(--lesson-warn);font:700 9px/1.4 var(--font-mono);letter-spacing:.35px;text-transform:uppercase}.published-evidence figcaption>p strong,.published-evidence figcaption>span strong{color:var(--lesson-text)}.published-evidence__comparison-note{display:block;margin-top:10px;padding:9px 11px;border:1px solid rgba(201,167,93,.22);border-radius:7px;background:rgba(201,167,93,.045);color:var(--lesson-faint);font:9px/1.5 var(--font-mono)}.concept-quiz fieldset>p a{color:var(--lesson-gold)}
.implementation-code>summary{display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none}.implementation-code>summary::-webkit-details-marker{display:none}.implementation-code>summary span{color:var(--lesson-gold);font:700 9px var(--font-mono);letter-spacing:.7px;text-transform:uppercase}.implementation-code>summary strong{grid-column:1;font-size:19px}.implementation-code>summary em{grid-column:2;grid-row:1/3;color:var(--lesson-muted);font:700 9px var(--font-mono);font-style:normal;text-transform:uppercase}.implementation-code[open]>summary{border-bottom:1px solid var(--lesson-line)}.implementation-code[open]>summary em{font-size:0}.implementation-code[open]>summary em::after{content:'Hide code';font-size:9px}.implementation-code>section{display:block}
.concept-board :where(small,code),.concept-caption,.metric-strip small,.metric-strip span,.published-evidence__header>span,.published-evidence__metric span,.published-evidence figcaption>span,.implementation-code__sample figcaption span,.implementation-code__sample>p{font-size:10px;line-height:1.5}.concept-copy>span,.bottleneck-overview__card p{font-size:12px;line-height:1.6}
@media(max-width:620px){.implementation-code>summary{padding:16px}.implementation-code>summary strong{font-size:17px}.teaching-example-label{font-size:8px}}
.diagram-part-label{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline;margin:0 0 14px;padding:12px 14px;border-left:3px solid var(--lesson-gold);background:rgba(201,167,93,.06)}.diagram-part-label span{color:var(--lesson-gold);font:700 10px var(--font-mono);text-transform:uppercase}.diagram-part-label strong{font-size:16px}.diagram-part-label small{grid-column:2;color:var(--lesson-muted);font-size:12px;line-height:1.5}.diagram-part-label--steps{margin-top:20px}.prefix-cache p,.engine-prior-lessons{margin:10px 0 0;color:var(--lesson-muted);font-size:11px;line-height:1.5}.concept-workspace button:disabled{cursor:not-allowed;opacity:.58}
.concept-diagram small{font-size:9px!important;line-height:1.4}.concept-diagram p{font-size:10px;line-height:1.5}.phase-facts dt,.kv-handoff dt,.llmd-insight-grid small{font-size:8px}.phase-facts dd,.kv-handoff dd,.pool-workers i,.decode-loop span{font-size:9px}.gpu-dram-block strong{font-size:9px}.gpu-dram-block span,.gpu-host-dram>p,.gpu-host-link{font-size:8px}
.router-deep-dive__intro{max-width:920px;margin:18px 0 0 67px;color:var(--lesson-muted);font-size:13px;line-height:1.7}.router-decision-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;gap:8px;align-items:stretch;margin-top:22px;padding:18px 0;border-top:1px solid rgba(201,167,93,.18);border-bottom:1px solid rgba(201,167,93,.18)}.router-decision-flow article{min-width:0;padding:6px 10px}.router-decision-flow article small,.router-decision-flow article strong,.router-decision-flow article span{display:block}.router-decision-flow article small{color:var(--lesson-gold);font:700 8px var(--font-mono);text-transform:uppercase}.router-decision-flow article strong{margin-top:7px;font-size:14px;line-height:1.35}.router-decision-flow article span{margin-top:7px;color:var(--lesson-muted);font-size:10.5px;line-height:1.55}.router-decision-flow>i{display:grid;place-items:center;color:var(--lesson-gold);font:18px var(--font-mono);font-style:normal}.router-strategy-table{margin-top:24px;border-top:1px solid var(--lesson-line)}.router-strategy-table>div{display:grid;grid-template-columns:.62fr 1fr 1fr;gap:24px;padding:14px 6px;border-bottom:1px solid var(--lesson-line)}.router-strategy-table strong,.router-strategy-table span{font-size:11px;line-height:1.55}.router-strategy-table strong{color:var(--lesson-text)}.router-strategy-table span{color:var(--lesson-muted)}.router-strategy-table__head{padding-block:10px!important;background:rgba(201,167,93,.035)}.router-strategy-table__head span{color:var(--lesson-gold);font:700 8px var(--font-mono);letter-spacing:.5px;text-transform:uppercase}.router-profile-note{display:grid;grid-template-columns:minmax(210px,.55fr) 1.45fr;gap:24px;margin-top:20px;padding:16px 0 16px 18px;border-left:3px solid var(--lesson-good)}.router-profile-note strong{color:var(--lesson-good);font-size:14px;line-height:1.4}.router-profile-note span{color:var(--lesson-muted);font-size:11.5px;line-height:1.65}
.spec-target-input{margin-top:11px;padding:9px;border:1px solid rgba(201,167,93,.28);border-radius:7px;background:var(--lesson-bg)}.spec-target-input>small,.spec-verify-label{display:block;color:var(--lesson-gold);font:700 6px/1.4 var(--font-mono);letter-spacing:.35px;text-transform:uppercase}.spec-target-input>div{display:flex;align-items:center;gap:4px;margin-top:7px;overflow-x:auto;padding-bottom:3px}.spec-target-input i{display:grid;min-width:38px;min-height:28px;place-items:center;padding:5px;border-radius:4px;font:700 7px var(--font-mono);font-style:normal}.spec-target-input i.is-context{border:1px solid var(--lesson-line);background:var(--lesson-surface);color:var(--lesson-muted)}.spec-target-input i.is-proposal{border:1px solid rgba(201,167,93,.48);background:rgba(201,167,93,.12);color:var(--lesson-gold)}.spec-target-input b{flex:none;margin:0 3px;color:var(--lesson-faint);font:6px var(--font-mono);text-transform:uppercase}.spec-target-input>p{min-height:0;margin-top:7px}.spec-verify-label{margin-top:10px;color:var(--lesson-faint)}.spec-target .spec-token-slots i[data-check-after]{padding-top:19px}.spec-target .spec-token-slots i[data-check-after]::before{content:'after “' attr(data-check-after) '”';position:absolute;top:4px;left:3px;right:3px;color:var(--lesson-faint);font:5px/1.2 var(--font-mono);font-weight:400;text-align:center}
@media(max-width:900px){.router-deep-dive__intro{margin-left:0}.router-decision-flow{grid-template-columns:1fr}.router-decision-flow>i{transform:rotate(90deg)}.router-strategy-table>div{grid-template-columns:1fr}.router-strategy-table__head{display:none!important}.router-strategy-table>div strong{color:var(--lesson-gold)}.router-profile-note{grid-template-columns:1fr}}
.diagram-serving-engines{display:block}.serving-io-row{display:grid;grid-template-columns:1fr auto minmax(210px,.72fr) auto 1fr;gap:12px;align-items:center}.serving-choice{padding:14px;border:1px dashed rgba(201,167,93,.38);border-radius:10px;background:rgba(201,167,93,.035);text-align:center}.serving-choice small,.serving-choice strong,.serving-choice span{display:block}.serving-choice small{color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.serving-choice strong{margin-top:5px;font-size:12px}.serving-choice span{margin-top:5px;color:var(--lesson-faint);font:7px/1.45 var(--font-mono)}.engine-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.serving-engine-card{min-width:0}.serving-engine-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.serving-engine-card>header small,.serving-engine-card>header strong,.serving-engine-card>header>span{display:block}.serving-engine-card>header small{color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.serving-engine-card>header strong{margin-top:4px;font-size:18px}.serving-engine-card>header>span{max-width:210px;color:var(--lesson-faint);font:7px/1.45 var(--font-mono);text-align:right}.serving-engine-card--sglang{border-color:rgba(176,139,189,.42);background:rgba(176,139,189,.035)}.serving-engine-card--sglang>header small,.serving-engine-card--sglang .engine-nodes small{color:var(--lesson-purple)}.serving-engine-card .engine-nodes{grid-template-columns:repeat(5,1fr)}.serving-engine-card .engine-prior-lessons strong{color:var(--lesson-text)}.engine-common-ground{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:14px;padding:12px 14px;border-left:3px solid var(--lesson-good);background:rgba(143,184,124,.055)}.engine-common-ground strong{color:var(--lesson-good);font-size:11px}.engine-common-ground span{color:var(--lesson-muted);font-size:10px;line-height:1.55}.engine-difference-table{margin-top:15px;border-top:1px solid var(--lesson-line)}.engine-difference-table>div{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:18px;padding:12px 8px;border-bottom:1px solid var(--lesson-line)}.engine-difference-table strong,.engine-difference-table span{font-size:9px;line-height:1.5}.engine-difference-table strong{color:var(--lesson-gold)}.engine-difference-table span{color:var(--lesson-muted)}.engine-difference-table__head{padding-block:9px!important;background:rgba(201,167,93,.035)}.engine-difference-table__head span{color:var(--lesson-gold);font:700 7px var(--font-mono);text-transform:uppercase}.engine-choice-note{margin:14px 0 0;padding:11px 14px;border-radius:8px;background:var(--lesson-surface);color:var(--lesson-muted);font-size:10px;line-height:1.55}.engine-choice-note strong{color:var(--lesson-text)}
@media(max-width:1050px){.serving-engine-card .engine-nodes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.serving-io-row,.engine-compare-grid{grid-template-columns:1fr}.serving-io-row .engine-arrow{transform:rotate(90deg)}.serving-engine-card .engine-nodes{grid-template-columns:1fr 1fr}.engine-difference-table>div{grid-template-columns:1fr}.engine-difference-table__head{display:none!important}.engine-common-ground{grid-template-columns:1fr}}
@media(max-width:620px){.spec-target-input>div{flex-wrap:wrap;overflow-x:visible}.spec-target-input i{flex:1 1 48px}.serving-engine-card>header{flex-direction:column}.serving-engine-card>header>span{max-width:none;text-align:left}.serving-engine-card .engine-nodes{grid-template-columns:1fr}}

/* Shared lesson typography: the same 38/27 display ratio as the Improvement Visualizer. */
.lesson-hero h1{font-size:var(--type-display);font-weight:600;line-height:1.13;letter-spacing:.1px}
.lesson-question{margin-top:15px;font-size:var(--type-lede);line-height:1.65}
.lesson-flow-heading h2{font-size:var(--type-section);line-height:1.25}
.attention-primer>header h2,.lesson-bridge h2,.concept-board>header h2,.concept-quiz>header h2,.lesson-intro article>h2,.lesson-transition div>h2{font-size:var(--type-subsection);line-height:1.3}
.story-copy h2,.workspace-head h2,.inspector-head h2,.explanation-grid h2,.concept-copy h2,.implementation-code>summary strong{font-size:var(--type-card-title);line-height:1.35}
@media(max-width:620px){.lesson-hero h1{font-size:var(--type-display-mobile)}.lesson-question{font-size:var(--type-lede)}.lesson-flow-heading h2{font-size:21px}.concept-board>header h2,.concept-quiz>header h2{font-size:var(--type-subsection)}}