:root{color-scheme:dark;--bg:#10141d;--panel:#171e2c;--ink:#e6eaf2;--muted:#9ca9bd;--blue:#95b8ff;--line:#2b3445;--mint:#85dfc0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;inset:0 auto 0 0;width:255px;padding:38px 28px;background:#0c1018;border-right:1px solid var(--line);font-size:13px}.brand{color:#eef3ff;font-weight:750;letter-spacing:.6px;white-space:nowrap}.mark{font-size:26px;margin-right:7px;color:var(--blue)}.nav-label{font-size:10px;letter-spacing:1.5px;color:#75849c;margin-top:70px;margin-bottom:17px}nav a{display:flex;gap:15px;color:#708097;padding:10px 0}nav a span{color:#bec8d8}nav a.active span{color:var(--blue)}.later{border-top:1px solid var(--line);padding-top:26px;margin-top:30px;color:#77869d;letter-spacing:1px;font-size:10px}.later span{display:block;line-height:2.4;margin-top:12px;letter-spacing:0;font-size:13px;color:#8c99ae}.aside-bottom{position:absolute;bottom:30px;color:#718097;line-height:1.9;font-size:12px}.aside-bottom strong{color:#bdc9da}main{margin-left:255px;padding:0 7vw}header{max-width:940px;margin:auto;padding:27px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.2px;color:var(--muted)}article{max-width:940px;margin:auto}section{padding:70px 0;border-bottom:1px solid var(--line)}.hero{padding:74px 0 45px}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 20px}h1{font-size:clamp(52px,6.7vw,92px);letter-spacing:-5px;line-height:1.05;margin:0 0 30px;font-weight:750}h1 em{font-style:normal;color:var(--blue)}.lede{font-size:clamp(23px,2.3vw,31px);line-height:1.5;letter-spacing:-.4px;margin:0 0 22px}.intro{max-width:730px;color:var(--muted)}.byline{display:flex;align-items:center;gap:13px;margin:32px 0;color:#d8e0ee;font-size:13px}.avatar{border-radius:50%;width:40px;height:40px;background:#26354e;text-align:center;line-height:40px;color:var(--blue);font-size:12px}.byline small{display:block;color:#7f90aa;font-size:11px}.start-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #799acd;padding-bottom:6px;font-size:14px}.start-link span{font-size:25px}.opening{margin-top:35px}details{padding:20px 0;border-top:1px solid var(--line);font-size:15px}summary{cursor:pointer;color:#c9d6eb}summary span{float:right;color:#8597b2;font-size:12px}h2{font-size:clamp(32px,4vw,49px);line-height:1.18;letter-spacing:-1.5px;margin:0 0 25px}h3{font-size:23px;letter-spacing:-.4px;line-height:1.4;margin:12px 0}section>p{max-width:820px;color:#b4c0d1}strong{color:#edf2fa}figure{margin:30px 0}figure img{width:100%;display:block;background:white;border-radius:10px}figcaption{font-size:11px;color:#8495ae;margin-top:10px}video{display:block;width:100%;max-height:550px;background:#080d16;border-radius:10px}.opening video{margin-top:18px}.component-tabs,.mode-tabs{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid #35435b;background:#131c2b;color:#afc0da;border-radius:7px;padding:10px 15px;font-size:13px;transition:background .18s}button:hover{border-color:var(--blue)}button.selected{background:#2d4163;border-color:#83abeb;color:#ecf3ff}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.component-note{margin-top:17px;padding:22px 25px;border-left:2px solid var(--blue);background:#151d2b}.component-note>span,.question>span{font-size:10px;letter-spacing:1.3px;color:var(--blue)}.component-note p{font-size:15px;color:#acbdd5;margin-bottom:0}.interactive{background:#141e2d;border:1px solid #33455e;border-radius:13px;padding:30px}.interactive-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#9db7e0}.live{color:var(--mint)}.micro{font-size:13px;color:var(--muted);margin-top:0}.mode-tabs{margin:23px 0 30px}.mode-tabs button{flex:1}.bank-label,.label{font-size:10px;color:#c9b97f;letter-spacing:1px}.bank-label span{float:right;letter-spacing:0;color:#8e9bae}.bank{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;background:#2b2a21;padding:15px;border:1px solid #716548;border-radius:10px;margin:10px 0 28px}.entry{border:1px solid #8f8158;color:#c6b88e;border-radius:6px;display:grid;place-items:center;height:54px;font-size:18px;transition:all .25s}.entry.chosen{background:#f0d589;color:#25251e;border-color:#f6e0a6;transform:translateY(-3px);box-shadow:0 4px 14px #e9cc8020}.selection-row{display:flex;align-items:center;gap:20px;justify-content:space-between}.label{color:#94b8ef}.selected-entries{display:flex;gap:10px;margin-top:10px}.selected-entries span{border:1px solid #7ba4e1;background:#223b5b;padding:3px 16px;border-radius:5px;color:#b6d4ff}.flow-arrow{color:#88acda;font-size:33px}.local{background:#152a32;border:1px solid #456f72;border-radius:8px;padding:14px 17px;font-size:12px}.local b{color:#a8e2d0}.local span{display:block;color:#8db2b7;margin-top:5px}.mode-note{margin:25px 0 0;padding-top:20px;border-top:1px solid #314259}.mode-note p{margin:6px 0;font-size:14px;color:#afbdd0}.disclaimer{font-size:11px!important;line-height:1.7;color:#8595ad!important}.source{font-size:12px}.calculator{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.calculator label{display:flex;justify-content:space-between;font-size:14px}output{color:var(--mint)}input[type=range]{width:100%;margin:28px 0;accent-color:var(--mint)}.meter-row{display:grid;grid-template-columns:145px 1fr 70px;gap:15px;align-items:center;font-size:12px;margin:15px 0}.meter{height:16px;background:#253046;border-radius:3px;overflow:hidden}.meter i{display:block;background:#849acc;height:100%;transition:width .2s}.accent .meter i{background:var(--mint)}.saving{display:flex;align-items:center;gap:20px;margin-top:30px}.saving strong{font-size:50px;line-height:1;color:var(--mint)}.saving span{font-size:12px;color:var(--muted);line-height:1.6}.question{border-left:2px solid var(--mint);padding:8px 25px;margin-top:35px}.question p{font-size:15px;color:#b5c3d7}.question>span{color:var(--mint)}footer{padding:45px 0 65px;font-size:14px}footer p{color:var(--muted)}footer small{display:block;margin-top:35px;color:#7e8fa9;font-size:11px}@media(min-width:1600px){main{padding:0 10vw}}@media(max-width:1050px){aside{width:210px;padding:30px 20px}main{margin-left:210px;padding:0 5vw}.brand{font-size:11px}.selection-row{gap:12px}.local{font-size:11px;padding:10px}.selected-entries span{padding:3px 10px}}@media(max-width:760px){aside{position:relative;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px 22px}.nav-label,.later,.aside-bottom{display:none}nav{display:flex;gap:17px;overflow:auto;margin-top:12px}nav a{font-size:11px;gap:5px;white-space:nowrap;padding:2px 0}.brand{font-size:13px}main{margin-left:0;padding:0 23px}header{font-size:9px}.hero{padding-top:45px}h1{letter-spacing:-2px}section{padding:48px 0}.interactive{padding:18px}.bank{gap:5px;padding:8px}.entry{height:37px;font-size:15px}.selection-row{flex-wrap:wrap}.local{width:100%}.flow-arrow{transform:rotate(90deg);font-size:25px}.calculator{padding:18px}.meter-row{grid-template-columns:98px 1fr 50px;gap:8px;font-size:10px}summary span{float:none;display:block;margin-left:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.script-label{font-size:11px;letter-spacing:1.5px;color:var(--mint)}.narration{border-left:2px solid var(--blue);padding:0 0 0 25px}.narration p{color:#c6d2e4;margin:22px 0;max-width:780px}
/* Written n-gram lesson: independent of the video transcript. */
.written-lesson{padding:35px 0 22px;scroll-margin-top:28px}.written-lesson>p{max-width:790px;color:#bfcbdc}.written-lesson .article-title{font-size:35px;line-height:1.25;margin:12px 0 25px;letter-spacing:-1px}.written-lesson>h3:not(.article-title){margin-top:52px;margin-bottom:19px;display:flex;align-items:baseline;gap:13px;font-size:25px}.step-number{flex-shrink:0;color:var(--mint);font-size:15px;border:1px solid #416e64;border-radius:50%;width:29px;line-height:27px;text-align:center}.token-example{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 43px}.token-example>span{padding:10px 17px;border:1px solid #445571;border-radius:7px;background:#1a273a;min-width:64px;text-align:center;position:relative}.token-example small{display:block;font-size:10px;line-height:1.5;color:#98abc8}.token-example .current-token{border-color:var(--mint);color:var(--mint)}.token-example .future-token{border-style:dashed;background:transparent;color:#8492a7}.example-note{font-size:13px;color:#96a8c1!important;border-left:2px solid #4d6486;padding-left:17px}.example-table{max-width:790px;margin:22px 0;background:#151f2f;border:1px solid #33435b;border-radius:9px;overflow:hidden}.example-table table{border-collapse:collapse;width:100%;font-size:15px}.example-table th,.example-table td{text-align:left;padding:13px 20px;border-bottom:1px solid #2b3a51}.example-table th{font-size:11px;letter-spacing:1px;color:#9ebbe7}.example-table tr:last-child td{border-bottom:0}.example-table td:first-child{white-space:nowrap;color:var(--mint)}.ngram-explorer{margin:28px 0}.ngram-token-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 14px}.ngram-token-buttons button{min-width:60px;font-size:16px}.ngram-token-buttons button.selected{background:#204839;border-color:var(--mint);color:#adf3d9}.ngram-token-buttons button.ngram-future{border-style:dashed;color:#7186a5}.ngram-window{display:flex;gap:18px;align-items:center;border-top:1px solid #2b3d55;padding:15px 0}.ngram-window>b{font-size:13px;color:var(--blue);flex:0 0 65px}.ngram-window>div{display:flex;flex-wrap:wrap;gap:7px}.ngram-window span{padding:6px 12px;background:#243b57;border:1px solid #4a6d9c;border-radius:6px;font-size:15px}.ngram-window span:last-child{border-color:var(--mint);color:var(--mint)}.ngram-window .ngram-pad{background:transparent;border-style:dashed;color:#8194ad;font-size:12px}.lookup-example{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:26px 0}.lookup-example>div{border:1px solid #415674;background:#18263a;padding:13px 18px;border-radius:8px}.lookup-example small{display:block;color:#8ba8d3;font-size:9px;letter-spacing:1px}.lookup-example b{font-size:16px}.lookup-example>span{color:var(--mint)}.lookup-count{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 24px;background:#172337;border-radius:9px;margin:26px 0}.lookup-count>div{text-align:center}.lookup-count strong{display:block;font-size:39px;color:var(--mint);line-height:1.3}.lookup-count span{display:block;font-size:12px;color:#b7c8e1;line-height:1.5}.lookup-count>span{font-size:25px}.written-lesson code{font-size:.85em;overflow-wrap:anywhere;color:#cfdef5}.video-transcript{margin-top:24px}.written-lesson .question details{border-top:0;padding-bottom:0}@media(max-width:760px){.written-lesson .article-title{font-size:29px}.written-lesson>h3:not(.article-title){font-size:22px;gap:10px}.token-example{gap:6px}.token-example>span{padding:8px 10px;min-width:44px}.example-table th,.example-table td{padding:12px}.ngram-window{gap:8px;align-items:flex-start}.ngram-window>b{flex-basis:56px}.ngram-window span{font-size:13px;padding:5px 8px}.lookup-example{gap:8px}.lookup-count{padding:18px 12px;gap:8px}.lookup-count strong{font-size:30px}.lookup-count span{font-size:10px}}
/* Off-screen playback lives in the sidebar, away from the article. */
.playback-dock{position:fixed;z-index:30;left:16px;bottom:18px;width:223px;padding:16px;background:#17283a;border:1px solid #5d8ab0;border-radius:12px;box-shadow:0 12px 35px #0006;font-size:12px;line-height:1.5}.playback-dock[hidden]{display:none}.playback-status{font-size:9px;letter-spacing:1.2px;color:var(--mint)}.playback-title{display:block;font-size:16px;line-height:1.35;margin:8px 0 3px;overflow-wrap:anywhere}.playback-time{color:#a9bed8;font-variant-numeric:tabular-nums;font-size:11px}.playback-actions{display:flex;gap:7px;margin-top:13px}.playback-actions button{padding:8px 10px;font-size:12px;white-space:nowrap;min-height:38px}.playback-pause{background:#285345;border-color:#6cc9a8;color:#defff1}.has-playback-dock .aside-bottom{visibility:hidden}@media(max-width:1050px) and (min-width:761px){.playback-dock{width:186px;left:12px;padding:12px}.playback-actions{gap:5px}.playback-actions button{font-size:11px;padding:8px}}@media(max-width:760px){.playback-dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:12px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.playback-dock[hidden]{display:none}.playback-title{font-size:14px;margin:3px 0}.playback-actions{grid-column:2;grid-row:1 / 4;align-items:center;margin:0}.playback-actions button{min-height:44px;font-size:12px}.playback-status,.playback-title,.playback-time{grid-column:1}.has-playback-dock main{padding-bottom:120px}}
/* Small, independently readable lesson steps. */
.learning-path{max-width:900px}.learning-path .path-intro{max-width:620px;font-size:19px}.lesson-progress{padding:22px 24px;margin:30px 0 40px;background:#131d2b;border:1px solid #33435b;border-radius:12px}.lesson-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.lesson-progress strong{font-size:14px}.lesson-progress button{font-size:11px;padding:5px 9px;background:transparent;border-color:#35445e}.lesson-progress progress{width:100%;height:7px;border:0;display:block;margin:17px 0 20px;border-radius:6px;background:#27364b;accent-color:var(--mint)}.lesson-progress progress::-webkit-progress-bar{background:#27364b;border-radius:6px}.lesson-progress progress::-webkit-progress-value{background:var(--mint);border-radius:6px}.step-links{display:flex;flex-wrap:wrap;gap:8px}.step-links a{padding:5px 10px;border:1px solid #364862;border-radius:20px;font-size:11px;color:#b9cbe6}.step-links a.is-complete{color:var(--mint);border-color:#4a8f78;background:#17372f}.lesson-progress .micro{margin:14px 0 0;font-size:11px}.lesson-card{margin:30px 0 46px;padding:30px;border:1px solid #304057;border-radius:15px;background:linear-gradient(130deg,#182233,#111a29);scroll-margin-top:25px}.lesson-card-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#9ab8e6}.step-completion{letter-spacing:0;color:#8b9eb9}.lesson-card.is-complete{border-color:#416f64}.lesson-card.is-complete .step-completion{color:var(--mint)}.lesson-card h4,.lesson-finish h4{font-size:29px;line-height:1.25;letter-spacing:-.7px;margin:20px 0 23px}.lesson-card>p{font-size:16px;line-height:1.8;color:#bac8dc;max-width:690px;margin:18px 0}.lesson-card .example-note{font-size:12px}.definition-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.definition-pair>div{padding:20px;background:#101b2d;border:1px solid #3e5273;border-radius:10px}.definition-pair small{display:block;color:#92aed6;font-size:10px;letter-spacing:1px}.definition-pair strong{display:block;font-size:26px;margin:6px 0;color:var(--mint)}.definition-pair p{margin:0;font-size:13px;color:#b8c8df}.lesson-card .lookup-example{gap:10px}.lesson-card .lookup-example>div{padding:11px 13px}.lesson-card .lookup-example b{font-size:14px}.rule-strip{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.rule-strip span{padding:4px 11px;border-radius:20px;font-size:11px;background:#1d3640;color:#a6decf}.lesson-card .token-example{margin-bottom:25px}.mini-check{margin-top:28px;border-top:1px solid #344760;padding-top:19px}.mini-check>p:first-child{font-size:15px;margin:0 0 15px;max-width:660px}.answer-options{display:flex;flex-wrap:wrap;gap:9px}.answer-options button{font-size:13px;padding:11px 15px;min-height:44px}.answer-options button.answer-correct{background:#214839;border-color:#81d6b6;color:#c7ffeb}.answer-options button.answer-retry{border-color:#d5a267;background:#3a2f24;color:#ffe0b9}.check-feedback{font-size:13px;line-height:1.65;margin:14px 0 0;min-height:22px;color:#aec4e4}.check-feedback.success{color:var(--mint)}.lesson-card details{margin-top:25px;padding-bottom:0;font-size:14px}.lesson-card details p{color:#aebfd6}.lesson-card summary{font-size:13px}.lesson-card .interactive{padding:22px;background:#101c2e}.task-ticks{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;color:#b7cde8;margin-top:13px}.task-ticks .done{color:var(--mint)}.hash-lab,.gate-lab{margin:24px 0;padding:23px;background:#101c2e;border:1px solid #375070;border-radius:11px}.hash-lab .micro{font-size:12px}.hash-output{display:flex;align-items:center;justify-content:space-around;gap:16px;padding:22px 12px;margin-top:18px;background:#172c40;border-radius:9px}.hash-output small,.gate-equation small{display:block;font-size:9px;letter-spacing:1px;color:#95b1d6}.hash-output strong{font-size:45px;line-height:1.5;color:var(--mint)}.hash-output b{font-size:18px}.hash-output>span{color:var(--mint);font-size:28px}.heads-diagram{padding:22px 16px;background:#101c2e;border-radius:10px;margin:24px 0}.heads-diagram>div{display:grid;grid-template-columns:75px repeat(8,1fr);gap:10px;align-items:center;margin:12px 0}.heads-diagram b{font-size:13px;color:var(--blue)}.heads-diagram span{border:1px solid #4d7699;border-radius:5px;text-align:center;color:#b3dfef;background:#1c3b4d;font-size:13px;padding:7px 0}.heads-diagram>div:nth-child(2) span{border-color:#467d6e;background:#1b3c36;color:#abdfcb}.heads-diagram>div:nth-child(3) span{border-color:#6f6396;background:#2d2944;color:#d0bee9}.gate-lab label{font-size:14px;display:flex;justify-content:space-between;gap:10px}.gate-equation{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}.gate-equation b{font-size:16px;color:#bff3de}.gate-equation>span{color:#a3bce1}.lesson-finish{margin:35px 0;padding:28px;border-left:3px solid var(--mint);background:#142c28;border-radius:0 12px 12px 0}.lesson-finish[hidden]{display:none}.lesson-finish>span{font-size:11px;letter-spacing:1.5px;color:var(--mint)}.lesson-finish p{font-size:15px;color:#bbd9d0}.lesson-finish a{font-size:13px}@media(max-width:760px){.lesson-card{padding:20px 17px}.lesson-card h4,.lesson-finish h4{font-size:25px}.lesson-card>p{font-size:15px}.lesson-progress{padding:19px 16px}.lesson-progress strong{font-size:12px}.lesson-card-top{font-size:9px}.definition-pair{gap:9px}.definition-pair>div{padding:13px 11px}.definition-pair strong{font-size:22px}.definition-pair small{font-size:8px}.definition-pair p{font-size:12px}.heads-diagram{padding:12px 8px}.heads-diagram>div{grid-template-columns:49px repeat(8,minmax(0,1fr));gap:4px}.heads-diagram b{font-size:10px}.heads-diagram span{font-size:10px;padding:5px 0}.hash-lab,.gate-lab{padding:16px 13px}.hash-output{padding:18px 8px;gap:9px}.hash-output small{font-size:8px}.hash-output b{font-size:14px}.hash-output strong{font-size:36px}.gate-equation{gap:9px}.gate-equation b{font-size:14px}.lesson-card .interactive{padding:17px 13px}.lesson-card .ngram-window>div{gap:5px}.lesson-card .ngram-window span{padding:5px 7px}.step-links a{font-size:10px}}
@media(max-width:500px){.lesson-card .lookup-example{display:grid;grid-template-columns:1fr;text-align:center;gap:6px}.lesson-card .lookup-example>span{transform:rotate(90deg);line-height:20px}.lesson-card .lookup-example>div{padding:10px 15px}.lesson-progress>div:first-child{align-items:flex-start}.lesson-progress button{font-size:10px;white-space:nowrap}}

.collision-explanation{border-left:3px solid var(--blue);padding:20px 23px;background:#15263b;border-radius:0 10px 10px 0;margin:24px 0}.collision-explanation h5{font-size:21px;line-height:1.4;margin:0 0 18px}.collision-explanation p{font-size:14px;line-height:1.8;color:#bdcce1;margin:16px 0}.collision-routes{display:grid;gap:10px}.collision-routes>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px;border:1px solid #405977;border-radius:8px;background:#101c2e;font-size:14px}.collision-routes b{color:var(--blue)}.collision-routes strong{color:var(--mint)}.hash-calculation{font:13px/1.7 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--mint);padding-top:10px}@media(max-width:500px){.collision-explanation{padding:18px 15px}.collision-routes>div{gap:8px;font-size:12px}}
/* Runnable Engram article lab. All controls are local to the lesson. */
.engram-lab .lede{font-size:25px}.lab-boundary{border-left:3px solid var(--mint);padding:20px 24px;background:#152b2a;border-radius:0 10px 10px 0;margin:26px 0}.lab-boundary p{font-size:14px;color:#b4cec7;margin:8px 0 0}.lab-task{padding:28px;margin:28px 0;border:1px solid #34475e;background:#131d2b;border-radius:14px}.lab-task>span:first-child{font-size:10px;letter-spacing:1.2px;color:var(--blue)}.lab-task h3{font-size:26px;margin:15px 0 22px;line-height:1.35}.lab-task h4{font-size:19px;margin:28px 0 12px}.lab-task p{font-size:15px;color:#b9c9dd;line-height:1.8}.lab-task .micro{font-size:12px}.lab-task label{font-size:13px;display:block;color:#d5e0ef}.lab-task label small{display:block;font-size:10px;color:#91a7c5}.lab-input-row{display:flex;gap:10px;margin:12px 0}.lab-task input:not([type=range]){min-width:0;flex:1;padding:13px;background:#0c1522;color:#edf3fe;border:1px solid #4b6180;border-radius:7px;font:16px system-ui}.lab-task select{display:block;margin-top:9px;padding:10px 12px;background:#0c1522;color:#dae6f8;border:1px solid #4b6180;border-radius:7px;font:14px system-ui;min-height:44px}.lab-task select:focus-visible{outline:3px solid var(--mint)}.lab-token-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 14px}.lab-token-buttons button{font-size:16px;overflow-wrap:anywhere;max-width:100%}.lab-token-buttons button.future{border-style:dashed;color:#8393aa}.lab-group-choices{display:grid;gap:10px;margin:22px 0}.lab-group-choices button{text-align:left;display:grid;grid-template-columns:65px 1fr;gap:4px 14px;padding:14px 17px}.lab-group-choices strong{grid-row:1/3;color:var(--mint);font-size:13px}.lab-group-choices span{font-size:15px;overflow-wrap:anywhere}.lab-group-choices small{font-size:11px;overflow-wrap:anywhere;color:#8fa9c8}.lab-small-goal{border-left:2px solid var(--mint);padding:10px 16px;background:#172c2c;font-size:13px!important;color:#bfdbd6!important}.lab-controls{display:flex;flex-wrap:wrap;gap:25px;margin:22px 0}.lab-selected{font-size:17px!important;color:#c1d7f7!important;overflow-wrap:anywhere}.lab-lookup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.lab-lookup-grid>div{padding:15px 10px;background:#142b3a;border:1px solid #3d6379;border-radius:8px}.lab-lookup-grid small{font-size:9px;letter-spacing:1px;color:#99b8d7}.lab-lookup-grid strong{display:block;font-size:23px;margin:5px 0;color:var(--mint)}.lab-lookup-grid code{font-size:10px;color:#c8dff4;overflow-wrap:anywhere}.lab-projection{padding:21px;background:#19243a;border-radius:9px}.lab-projection>strong{font-size:16px}.lab-vector-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.lab-vector-pair small{font-size:9px;letter-spacing:1px;display:block;color:#9eb5d7;margin-bottom:7px}.lab-vector-pair code{font-size:14px;color:#d5e7fc;overflow-wrap:anywhere}.lab-context-labels{display:flex;justify-content:space-between;color:#8fa7c8;font-size:11px}.lab-context-buttons{display:flex;gap:10px;margin:19px 0}.lab-gate-result{display:flex;gap:25px;align-items:center;margin:24px 0}.lab-gate-result small{font-size:9px;display:block;color:#9eb5d7}.lab-gate-result strong{font-size:42px;color:var(--mint)}.lab-gate-track{flex:1;height:17px;background:#253448;border-radius:9px;overflow:hidden}.lab-gate-track i{display:block;background:var(--mint);height:100%;transition:width .12s}.lab-task output{float:right;color:var(--mint)}.lab-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.lab-stat-grid>div{padding:22px 19px;background:#162a3c;border:1px solid #416482;border-radius:10px}.lab-stat-grid small{font-size:10px;color:#a2bddc;display:block}.lab-stat-grid strong{font-size:35px;color:var(--mint);display:block;margin-top:12px}.lab-stat-grid p{font-size:13px;margin:0 0 16px}.lab-stat-grid span{font-size:12px;line-height:1.7;display:block;color:#b6c9e2;margin-bottom:17px}#el-collision-example{overflow-x:auto}#el-collision-example table{width:100%;border-collapse:collapse;font-size:13px}#el-collision-example caption{text-align:left;font-size:11px;color:#8fa9c8;margin-bottom:12px}#el-collision-example th,#el-collision-example td{padding:12px 8px;text-align:center;border-bottom:1px solid #33465e;white-space:nowrap}#el-collision-example th{color:#9ab3d4}.same-address{color:#f2ce7d;background:#352f22}.different-address{color:#a8ceff;background:#182e4b}.lab-source-link{display:inline-block;padding:10px 15px;border:1px solid #567bab;border-radius:8px;font-size:14px}.lab-task pre{max-width:100%;overflow-x:auto;padding:17px;background:#0a1320;border-radius:8px;font-size:12px;line-height:1.9}.lab-task details p{font-size:13px}.lab-next{margin-top:25px;border-top:1px solid #31465e;padding-top:20px}@media(max-width:1100px){.lab-lookup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-lookup-grid code{font-size:11px}}@media(max-width:600px){.lab-task{padding:22px 16px}.lab-task h3{font-size:23px}.lab-input-row{flex-direction:column}.lab-stat-grid{grid-template-columns:1fr}.lab-vector-pair{grid-template-columns:1fr}.lab-projection{padding:17px}.lab-controls{gap:16px}.lab-task select{max-width:100%}.lab-group-choices button{padding:12px;grid-template-columns:52px 1fr;gap:7px}.lab-context-buttons{flex-wrap:wrap}.lab-boundary{padding:18px}.lab-gate-result{gap:15px}.lab-stat-grid strong{font-size:31px}}

#engram-token-tradeoff .definition-pair strong{font-size:20px;line-height:1.5;overflow-wrap:anywhere}.tradeoff-table-wrap{overflow-x:auto}.tradeoff-table-wrap table{min-width:520px;width:100%;font-size:13px}.tradeoff-table-wrap th,.tradeoff-table-wrap td{vertical-align:top}.tradeoff-table-wrap tbody th{color:var(--blue)}#engram-script .approved-script{font-size:18px;line-height:1.9;max-width:760px}@media(max-width:600px){#engram-token-tradeoff .definition-pair{grid-template-columns:1fr}#engram-script .approved-script{font-size:16px}}

/* User-approved opening only. Other lessons remain in development. */
#engram-script.production-approved{background:#fff3b0;border:2px solid #e6bd32;box-shadow:0 0 0 5px rgba(230,189,50,.10);color:#302a13}
#engram-script.production-approved h3{color:#302a13}
#engram-script.production-approved .approved-script{color:#40391e}
#engram-script.production-approved .lesson-card-top{color:#68531c;flex-wrap:wrap;gap:12px}
#engram-script.production-approved .approval-badge{background:#eac546;color:#30270b;padding:7px 11px;border-radius:6px;font-weight:700;letter-spacing:.03em}
#engram-script.production-approved figcaption{background:#f5e59a;color:#554720;padding:12px 16px}

.course-editor{position:fixed;top:12px;right:14px;z-index:120;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #49647e;border-radius:12px;background:#101a29f5;box-shadow:0 6px 25px #0007;max-width:calc(100vw - 28px)}.course-editor button{font-size:12px;padding:8px 12px;white-space:nowrap}.course-editor span{font-size:11px;color:#afc4db;max-width:250px}.editing-text [data-edit-id]{outline:1px dashed #7ca7cf;outline-offset:5px;cursor:text;border-radius:3px;min-height:1em;white-space:pre-wrap}.editing-text [data-edit-id]:focus{outline:2px solid #83e0be;background:#83e0be12}#engram-script.script-edited{border-style:dashed}#engram-script.script-edited .approval-badge{background:#ffe0a1}.editing-text article{padding-top:70px}#engram-part-2 .part-script p{font-size:17px;line-height:1.8}.part-script-label{font-size:11px;letter-spacing:1px;color:#9fb6d2}.clip-edit-note{font-size:12px!important;color:#91a7c5!important}@media(max-width:650px){.course-editor{top:6px;right:8px;left:8px;gap:8px;max-width:none}.course-editor span{flex:1;font-size:10px}.course-editor button{font-size:11px;padding:8px}.course-editor #export-text{display:none}}

#engram-part-2,#engram-script{scroll-margin-top:90px}

#engram-part-3{scroll-margin-top:90px}#engram-part-3 .part-script p{font-size:17px;line-height:1.85}.lookup-reading{margin-top:36px}.lookup-reading-step{margin:28px 0;padding:24px;background:#101c2e;border:1px solid #31465c;border-radius:12px}.lookup-reading-step>span:first-child{font-size:10px;letter-spacing:1px;color:#9fb6d2}.lookup-reading-step h4{font-size:25px;line-height:1.35;margin:18px 0}.lookup-reading-step p{font-size:16px;line-height:1.8}.lookup-reading-step .definition-pair strong{font-size:23px;line-height:1.4}.lookup-reading-step .lookup-later{opacity:.4}.lookup-math{display:grid;gap:14px;padding:20px;background:#172c40;border-radius:8px;font:19px/1.7 ui-monospace,monospace}.lookup-math b{color:#83e0be}@media(max-width:600px){.lookup-reading-step{padding:18px 14px}.lookup-reading-step .definition-pair{grid-template-columns:1fr}.lookup-math{font-size:15px;padding:12px}.lookup-reading-step h4{font-size:23px}}

#engram-part-4{scroll-margin-top:90px}#engram-part-4 .part-script p{font-size:17px;line-height:1.85}.optional-hash{border-top:1px solid #354960;padding-top:18px}.lookup-reading-step .definition-pair strong{overflow-wrap:anywhere}

.shared-row-note{margin:22px 0;padding:22px;border-left:3px solid #efcf80;background:#2a271e;border-radius:0 10px 10px 0}.shared-row-note>strong{color:#efcf80;font-size:21px}.shared-row-note p{font-size:15px;line-height:1.8}

/* Part 5: explicit, manually controlled gate arithmetic. */
.gate-demo label{display:flex;justify-content:space-between;gap:1rem;font-weight:700;margin:1.6rem 0 .5rem}.gate-demo input[type=range]{width:100%;accent-color:#83e0be;min-height:38px}.gate-math{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:1.4rem 0}.gate-math div,.gate-result{border:1px solid #344b60;border-radius:12px;padding:18px;background:#102331}.gate-math small,.gate-result small{display:block;font-size:.68rem;letter-spacing:.06em;color:#a7bdcf}.gate-math strong,.gate-result strong{display:block;font-size:1.35rem;color:#83e0be;font-variant-numeric:tabular-nums;margin-top:8px}.gate-result{border-color:#83e0be}.gate-math>span{color:#bdd2e9;font-size:1.4rem}

/* Unmodified official figures retain their original white canvas. */
.official-engram-figure{margin:1.4rem 0}.official-engram-figure img{display:block;width:100%;height:auto;background:white;border-radius:8px;border:1px solid #42536a}.official-engram-figure>a:first-child{display:block;cursor:zoom-in}.official-engram-figure figcaption{font-size:.88rem;line-height:1.55;color:#afbdd0;margin-top:.8rem}.figure-enlarge{display:inline-block;font-size:.85rem;margin-top:.5rem}.official-results{border:1px solid #344b60;padding:1.1rem;border-radius:12px;margin:1rem 0}.official-results summary{font-weight:700;cursor:pointer}.official-results[open] summary{margin-bottom:1rem}.official-engram .source{font-size:.8rem;line-height:1.65;overflow-wrap:anywhere}

.paper-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.paper-intro img{display:block;width:100%;height:auto;border-radius:8px}.paper-intro p{font-size:.95rem}.packed-memory{display:flex;gap:5px;flex-wrap:wrap;margin:1.4rem 0}.packed-memory>div{flex:1;min-width:58px;text-align:center;border:1px solid #83e0be;border-radius:8px;padding:12px 5px}.packed-memory .head-1{border-color:#c7a6ff;color:#c7a6ff}.packed-memory small,.packed-memory strong{display:block}.packed-memory small{font-size:.65rem}.packed-memory strong{margin-top:6px}.source-code{overflow:auto;font-size:.85rem;line-height:1.65;padding:20px;background:#090f19;border-radius:12px}#engram-code label{display:block;margin:20px 0 8px}#engram-code select{width:100%;max-width:100%;padding:12px;background:#15263a;color:#e4edfa;border:1px solid #526276;border-radius:8px}#offset-run{margin:20px 0;padding:12px 20px;border-radius:8px;background:#83e0be;color:#091b15;border:0;font-weight:700;cursor:pointer}.offset-result{white-space:pre-wrap;padding:18px;background:#0c1928;border:1px solid #344b60;border-radius:10px;line-height:1.65}@media(max-width:650px){.paper-intro{grid-template-columns:1fr}.paper-intro>a{max-width:320px;margin:auto}}

/* Roadmap and the first measured mechanism experiment. */
.course-roadmap{padding-top:70px}.roadmap-now{display:grid;gap:9px;margin:24px 0;padding:20px;border-left:3px solid var(--mint);background:#121c2b}.roadmap-now strong{font-size:10px;letter-spacing:.12em;color:var(--mint)}.course-roadmap details{padding:18px;border:1px solid var(--line);border-radius:10px}.course-roadmap summary{cursor:pointer;font-weight:700}.course-roadmap ol{columns:2;column-gap:36px}.course-roadmap li{break-inside:avoid;margin:8px 0;font-size:14px}.first-experiment{padding-top:80px}.experiment-step{margin:24px 0;padding:22px;background:#131e2e;border:1px solid #30425a;border-radius:12px}.experiment-step>span{font-size:10px;letter-spacing:.13em;color:var(--mint)}.experiment-step h3{margin:10px 0;font-size:24px}.prediction-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prediction-grid label{font-size:13px}.prediction-grid select{display:block;width:100%;margin-top:8px;padding:11px;background:#0e1724;color:var(--ink);border:1px solid #4a5e78;border-radius:7px}#kv-reveal{margin-top:16px;padding:11px 16px;border:0;border-radius:8px;background:var(--mint);color:#092018;font-weight:750;cursor:pointer}.cache-diagram{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px;background:#0b111b;border-radius:12px}.cache-diagram div{display:grid;gap:8px;padding:18px;border:1px solid #3b526e;border-radius:8px}.cache-diagram strong{color:var(--blue);font-size:11px}.cache-diagram span{font:14px/1.6 ui-monospace,monospace}.cache-diagram small{grid-column:1/-1;color:var(--muted)}.result-table{display:grid;gap:1px;background:#34455d;border:1px solid #34455d}.result-table>div{display:grid;grid-template-columns:.7fr .8fr 1fr 1fr;gap:1px}.result-table b,.result-table span{background:#101927;padding:10px;font-size:12px}.kv-chart{display:block;width:100%;height:auto;margin:20px 0;background:#f7f9fc;border-radius:8px}.kv-chart rect{fill:#6c8ee8}.kv-chart line{stroke:#536071;stroke-width:2}.kv-chart text{fill:#202938;font:14px sans-serif}@media(max-width:650px){.course-roadmap ol{columns:1}.prediction-grid,.cache-diagram{grid-template-columns:1fr}.result-table{overflow-x:auto}.result-table>div{min-width:540px}}

/* Guided architecture reading and explicit learner tasks. */
.architecture-guide{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:24px;align-items:start}.architecture-stage{position:relative;background:#fff;border-radius:10px;overflow:hidden}.architecture-stage img{display:block;width:100%;height:auto}.architecture-focus{display:none;position:absolute;border:4px solid #3b82f6;border-radius:10px;box-shadow:0 0 0 999px rgba(7,14,25,.48);pointer-events:none}.architecture-stage[data-architecture-focus="ced"] .focus-ced{display:block;left:15%;top:10%;width:66%;height:80%}.architecture-stage[data-architecture-focus="attention"] .focus-attention{display:block;left:18%;top:19%;width:55%;height:64%}.architecture-stage[data-architecture-focus="engram"] .focus-engram{display:block;left:1%;top:78%;width:28%;height:13%}.architecture-stage[data-architecture-focus="dspark"] .focus-dspark{display:block;left:55%;top:3%;width:18%;height:10%}.architecture-tour{position:sticky;top:82px}.tour-count{font-size:12px;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.architecture-tour .component-tabs{display:grid;grid-template-columns:1fr;gap:7px}.architecture-tour .component-tabs button{text-align:left}.component-note .connection{padding-top:12px;border-top:1px solid var(--line);color:var(--mint);font-size:14px}.tour-controls{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.tour-controls button,.task-complete{border:1px solid #4d607a;background:#15243a;color:var(--ink);border-radius:8px;padding:10px 13px;cursor:pointer}.tour-controls button:disabled{opacity:.35;cursor:default}.task-complete{margin-top:18px}.task-complete.is-complete{border-color:var(--mint);color:var(--mint)}
.early-challenge{margin:32px 0;padding:24px;border:1px solid #5b78a3;border-radius:14px;background:linear-gradient(135deg,#17263b,#121a28)}.early-challenge small{color:var(--mint);letter-spacing:.12em}.early-challenge h2{font-size:25px;line-height:1.35;margin:12px 0}.early-challenge p{font-size:15px;margin:0 0 14px}.challenge-link{display:inline-block;font-weight:700}.course-progress{display:flex;align-items:center;gap:18px;margin:12px 0 32px;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:#111a28}.course-progress div{display:grid;flex:1}.course-progress small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.course-progress strong{font-size:14px}.course-progress a{font-size:13px;font-weight:700}.course-progress button{border:0;background:transparent;color:var(--muted);cursor:pointer}.legacy-reference{margin:30px 0;border:1px solid var(--line);border-radius:10px;padding:16px}.legacy-reference>summary{cursor:pointer;font-weight:700;color:var(--blue)}

/* Author controls occupy their own strip and never cover course content. */
body{padding-top:64px}aside{top:64px}.course-editor{top:0;left:255px;right:0;max-width:none;height:64px;border-radius:0;border-width:0 0 1px;box-shadow:none;justify-content:space-between}.view-switch,.author-tools{display:flex;align-items:center;gap:8px}.view-switch button.selected{background:var(--mint);color:#092018}.learner-view .author-tools{display:none}.learner-view .approval-badge,.learner-view .clip-edit-note,.learner-view .part-script-label,.learner-view .lesson-card-top span:not(:first-child){display:none}.learner-view #engram-script.production-approved{background:var(--panel);border:1px solid var(--line);box-shadow:none;color:var(--ink)}.learner-view #engram-script.production-approved h3,.learner-view #engram-script.production-approved .approved-script{color:var(--ink)}.learner-view #engram-script.production-approved .lesson-card-top{color:var(--muted)}.learner-view #engram-script.production-approved figcaption{background:transparent;color:var(--muted);padding:12px 0}
@media(max-width:900px){.architecture-guide{grid-template-columns:1fr}.architecture-tour{position:static}.architecture-tour .component-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body{padding-top:104px}aside{top:auto}.course-editor{height:104px;left:0;right:0;top:0;flex-wrap:wrap;align-content:center}.author-tools{width:100%}.course-editor span{max-width:none}.learner-view .course-editor{height:54px}.learner-view{padding-top:54px}.architecture-tour .component-tabs{grid-template-columns:1fr}.course-progress{align-items:flex-start;flex-wrap:wrap}.course-progress div{flex-basis:100%}.early-challenge{padding:19px 17px}}

/* Course opening: title, a short joke, and the source papers. */
.course-hero{padding-top:60px}.course-hero h1{font-size:clamp(43px,5.2vw,76px);line-height:1.08;letter-spacing:-2.9px;max-width:940px;margin-bottom:26px}.course-hero .lede{font-size:clamp(21px,2.1vw,28px);line-height:1.5;max-width:790px}.course-hero .intro{font-size:17px;max-width:780px;line-height:1.8}.course-hero .byline{margin:25px 0 35px}.research-meme{display:grid;grid-template-columns:1fr 290px;align-items:center;background:#151d2a;border:1px solid #34425a;border-radius:16px;overflow:hidden;margin:30px 0}.meme-copy{padding:25px 30px}.meme-copy p{margin:0;font-size:24px;line-height:1.5;font-weight:650}.meme-copy p+p{font-size:16px;font-weight:400;color:#95abc9;margin-top:10px}.research-meme figure{margin:0;position:relative}.research-meme img{width:100%;height:185px;object-fit:cover;border-radius:0}.research-meme figcaption{font-size:8px;margin:0;padding:3px 7px;background:#101722}.research-meme figcaption a{color:#90a2bb}.hero-route{display:flex;gap:10px;flex-wrap:wrap;padding:9px 0 34px;border-bottom:1px solid var(--line);font-size:13px;color:#c0cee0}.hero-route span{flex:1;min-width:160px}.hero-route b{color:var(--mint);font-size:11px;margin-right:8px}.paper-shelf-heading{margin:38px 0 22px}.paper-shelf-heading h2{font-size:28px;letter-spacing:-.7px;line-height:1.25;margin-bottom:8px}.paper-shelf-heading p{font-size:14px;color:var(--muted);margin:0}.paper-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.paper-cover{display:block;border:1px solid #35445d;border-radius:12px;overflow:hidden;background:#182234;color:var(--ink);transition:transform .15s,border-color .15s}.paper-cover:hover{transform:translateY(-4px);border-color:var(--blue);text-decoration:none}.paper-cover-image{padding:12px;background:#dce1e9}.paper-cover-image img{width:100%;aspect-ratio:1/1.414;object-fit:contain;display:block;background:#fff;box-shadow:0 3px 12px #0002}.paper-cover-info{padding:16px}.paper-cover-info small,.paper-cover-info strong,.paper-cover-info span{display:block}.paper-cover-info small{font-size:8px;letter-spacing:1.1px;color:var(--mint);margin-bottom:8px}.paper-cover-info strong{font-size:18px;margin-bottom:4px}.paper-cover-info span{font-size:12px;line-height:1.6;color:#afbdd3}.paper-shelf+p{font-size:13px;color:#91a4bf;margin-top:22px}.course-hero .opening{margin-top:25px;font-size:13px}.course-hero .opening video{max-width:650px}.course-hero .eyebrow{font-size:10px;letter-spacing:1.7px}@media(max-width:1000px){.research-meme{grid-template-columns:1fr 225px}.meme-copy{padding:20px}.meme-copy p{font-size:22px}}@media(max-width:600px){.course-hero{padding-top:36px}.course-hero h1{font-size:43px;letter-spacing:-1.8px}.course-hero .intro{font-size:15px}.research-meme{grid-template-columns:1fr}.meme-copy{padding:20px 22px}.research-meme img{height:auto;max-height:235px;object-fit:contain;background:#0c1018}.paper-shelf{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:15px;padding:4px 0 15px}.paper-cover{flex:0 0 220px;scroll-snap-align:start}.paper-shelf-heading h2{font-size:25px}.hero-route span{flex:initial;min-width:0;flex-basis:100%}.hero-route{gap:8px}.paper-cover-info strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.paper-cover:hover{transform:none}}

/* Occasional lesson reactions: separate from instructional figures. */
.course-meme{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:24px;margin:32px 0;padding:20px 24px;background:#171c29;border:1px solid #394052;border-radius:16px;overflow:hidden}.course-meme figcaption{padding:0;margin:0;text-align:left}.course-meme figcaption p{font-size:21px;font-weight:650;line-height:1.45;margin:0;color:#f0f2f8}.course-meme figcaption p+p{font-size:16px;font-weight:400;color:#b6c1d4;margin-top:12px}.course-meme-visual{min-width:0;text-align:center}.course-meme img{display:block;width:100%;height:190px;object-fit:contain;background:#10141d;border-radius:9px}.course-meme .meme-toggle{font:inherit;font-size:12px;min-height:32px;padding:5px 12px;margin-top:8px;border:1px solid #566075;border-radius:6px;background:#222b3d;color:#dde8fb;cursor:pointer}.course-meme .meme-toggle:focus-visible{outline:2px solid #94e3cb;outline-offset:3px}@media(max-width:650px){.course-meme{grid-template-columns:1fr;gap:16px;padding:20px}.course-meme-visual{width:100%;max-width:300px;justify-self:center}.course-meme figcaption p{font-size:20px}}

/* Opening sequence: architectural map -> small model -> cache -> measurement. */
.model-flow{display:flex;align-items:stretch;gap:10px;margin:28px 0;padding:20px;border:1px solid #3c506a;border-radius:14px;background:#141d2b}.model-flow>div{flex:1;min-width:0}.model-flow small,.cache-slot-grid small{display:block;font-size:10px;letter-spacing:1px;color:#9db5d5;margin-bottom:10px}.model-flow strong{display:block;color:#a8ecd6;font-size:18px}.model-flow span{display:block;font-size:13px;line-height:1.6;margin-top:10px;color:#becadd}.model-flow>b{align-self:center;color:#829bbb}.lesson-transition{padding:22px;border-left:3px solid #9ce2cd;background:#15242b;margin-top:30px!important}.cache-walkthrough{padding:24px;border:1px solid #3c506a;border-radius:14px;background:#141d2b;margin:26px 0}.cache-walkthrough .component-tabs{display:flex;flex-wrap:wrap;gap:10px}.cache-walkthrough-state{padding:18px 0}.cache-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cache-slot-grid>div{border:1px solid #44546d;padding:16px;border-radius:10px}.cache-slot-grid>div+div{border-color:#8ad6bd;background:#192e2e}.cache-slot-grid strong{font-size:17px}.cache-walkthrough [id=cache-stage-size]{color:#a8ecd6;font-weight:600}#kv-interpretation[hidden],#kv-results[hidden]{display:none!important}@media(max-width:750px){.model-flow{flex-direction:column}.model-flow>div{padding:10px}.model-flow>b{transform:rotate(90deg)}.cache-slot-grid{grid-template-columns:1fr}.cache-walkthrough{padding:18px}}#starting-model,#kv-cache-explanation,.course-meme{scroll-margin-top:125px}

/* Short comprehension checks and clear navigation between lessons. */
.lesson-check{margin:22px 0;padding:18px 22px;border:1px solid #405b70;border-radius:14px;background:#101e2c}.lesson-check summary{cursor:pointer;font-weight:650;color:#a6e3cb}.lesson-check p{margin-bottom:0}.lesson-transition{margin-top:30px;color:#b4c6dc}#shared-query-example,#memory,#selection,#hierarchy,#roadmap{scroll-margin-top:125px}

.roadmap-now a b,.roadmap-now a span{display:block}.roadmap-now a span{font-size:.88em;line-height:1.6;font-weight:400;color:#adbed3;margin-top:5px}

/* Theory expansion: the longer chapter list remains reachable on shorter screens. */
@media(min-width:761px){body>aside{overflow-y:auto}body>aside .nav-label{margin-top:28px}body>aside .aside-bottom{position:static;margin-top:28px}body>aside nav a{padding:7px 0}}
#model-information,#attention-designs,#expert-routing,#read-ablation{scroll-margin-top:125px}
.lesson-finder{display:block;font-size:11px;color:#aabdd5;margin:12px 0}.lesson-finder input{display:block;width:100%;min-width:0;margin:7px 0 12px;padding:10px;border:1px solid #415269;border-radius:7px;background:#172334;color:#e4edf9;font-family:inherit;font-size:12px}.lesson-search-status{font-size:11px;color:#93bfae}body>aside nav a[hidden],.lesson-search-status[hidden]{display:none!important}