.ml-page{--ml-cream:#f4eaff;--ml-muted:rgba(244,234,255,.68);--ml-line:rgba(202,169,255,.18);--ml-violet:#a673ff;--ml-gold:#ffcf7a;--ml-blue:#8fdcff;--ml-green:#9dffd0;--ml-panel:rgba(8,6,18,.72)}
.ml-page .wrap{width:min(1440px,calc(100% - 2rem))}.ml-page main{position:relative;z-index:1}.ml-page .field-canvas,.ml-page .spark-canvas{position:fixed;inset:0;pointer-events:none}.ml-page .field-canvas{z-index:0;opacity:.65}.ml-page .spark-canvas{z-index:0;opacity:.45}.ml-hero{min-height:82svh;padding-top:clamp(7rem,12vw,10rem);padding-bottom:clamp(3rem,7vw,6rem)}.ml-hero .brain-copy h1{max-width:8.8ch}.ml-terminal pre{min-height:0}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem}.controls button{appearance:none;border:1px solid rgba(202,169,255,.26);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:var(--ml-cream);padding:.72rem .9rem;font:900 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.24)}.controls button:hover{border-color:rgba(202,169,255,.52);transform:translateY(-1px)}.controls label{display:inline-flex;align-items:center;gap:.55rem;color:var(--ml-muted);font:900 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(202,169,255,.14);padding:.58rem .72rem;background:rgba(255,255,255,.035)}.controls input{accent-color:var(--ml-violet)}.live-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(157,255,208,.25);background:rgba(157,255,208,.06);color:#d8ffee;padding:.58rem .72rem;font:900 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}.live-pill i{width:.5rem;height:.5rem;border-radius:50%;background:var(--ml-green);box-shadow:0 0 18px var(--ml-green);animation:livePulse 1s ease-in-out infinite}.ml-chapter{position:relative;padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem)}.ml-chapter .section-heading-row{margin-bottom:1.1rem}.chalk-stage{position:relative;overflow:hidden;border:1px solid var(--ml-line);background:radial-gradient(900px 520px at 60% 20%,rgba(166,115,255,.16),transparent 62%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 42px 120px rgba(0,0,0,.45);min-height:520px}.chalk-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 78%);opacity:.55}.chalk-stage:after{content:"";position:absolute;inset:-20%;pointer-events:none;background:conic-gradient(from 120deg,transparent,rgba(166,115,255,.08),transparent,rgba(255,207,122,.055),transparent);animation:chalkDrift 24s linear infinite;opacity:.8}.compare-stage{padding:1rem}.tabs{position:absolute;left:1.1rem;top:1.1rem;z-index:5;display:flex;gap:.45rem;flex-wrap:wrap;max-width:calc(100% - 2.2rem)}.tab{appearance:none;border:1px solid rgba(202,169,255,.22);background:rgba(5,4,12,.68);color:rgba(243,236,255,.68);padding:.5rem .62rem;font:900 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.tab.active{color:#fff;border-color:rgba(255,207,122,.62);background:rgba(255,207,122,.11);box-shadow:0 0 28px rgba(255,207,122,.16)}canvas{position:relative;z-index:2;display:block;width:100%;height:auto}.step-readout{position:absolute;left:1rem;top:4.35rem;z-index:5;max-width:min(420px,calc(100% - 2rem));border:1px solid rgba(255,207,122,.2);background:rgba(3,2,8,.72);backdrop-filter:blur(16px);padding:.85rem 1rem}.step-readout span{color:var(--ml-gold);font:900 .64rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.step-readout strong{display:block;color:#fff;margin:.22rem 0;font-size:1rem}.step-readout p{margin:0;color:var(--ml-muted);font-size:.9rem;line-height:1.35}.math-card{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:5;display:grid;grid-template-columns:.72fr 1fr 1.12fr;gap:.75rem;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(3,2,8,.78);backdrop-filter:blur(18px);padding:.9rem 1rem}.math-card strong{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#fff}.math-card code{color:var(--ml-gold);font:900 clamp(.82rem,1.5vw,1.05rem) ui-monospace,SFMono-Regular,Menlo,monospace}.math-card p{margin:0;color:var(--ml-muted);font-size:.92rem;line-height:1.38}.chapter-rail{position:absolute;right:1rem;top:1rem;z-index:4;display:grid;gap:.35rem;justify-items:end;text-transform:uppercase;letter-spacing:.12em;font:900 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(244,234,255,.55);pointer-events:none}.chapter-rail b{color:#fff;font-size:1.25rem}.chapter-rail i{display:block;width:84px;height:1px;background:linear-gradient(90deg,transparent,var(--ml-gold))}.split-chapter{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(1rem,4vw,3rem);align-items:center}.split-chapter.reverse{grid-template-columns:1.28fr .72fr}.panel.copy{border:1px solid rgba(202,169,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:clamp(1.2rem,3vw,2rem);box-shadow:0 24px 80px rgba(0,0,0,.32)}.panel.copy h2{margin:.2rem 0 .8rem;font-size:clamp(2rem,4.8vw,4.7rem);line-height:.9;letter-spacing:-.07em}.panel.copy p{color:var(--ml-muted);line-height:1.65}.formula-stack{display:grid;gap:.55rem;margin:1.1rem 0}.formula-stack code{display:block;border:1px solid rgba(255,207,122,.18);background:rgba(255,207,122,.055);color:#ffe2a8;padding:.72rem .85rem;font:900 clamp(.76rem,1.4vw,.95rem) ui-monospace,SFMono-Regular,Menlo,monospace}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.2rem 0 0}.stats div{border:1px solid rgba(202,169,255,.16);background:rgba(0,0,0,.18);padding:.75rem}.stats dt{color:rgba(244,234,255,.5);font:900 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}.stats dd{margin:.25rem 0 0;color:#fff;font:900 1.35rem ui-monospace,SFMono-Regular,Menlo,monospace}.canvas-card,.network-card{padding:1rem}.network-card svg{position:relative;z-index:2;width:100%;height:auto;min-height:420px}.digit-grid{display:grid;grid-template-columns:minmax(320px,.62fr) minmax(0,1.38fr);gap:clamp(1rem,3vw,2rem);align-items:stretch}.digit-draw-card,.digit-think-card{padding:1rem;display:grid;align-content:center;justify-items:center}.digit-draw-card canvas{width:min(100%,420px);max-width:420px;border:1px solid rgba(255,207,122,.18);background:#05030b;box-shadow:0 0 50px rgba(255,207,122,.08)}.digit-think-card canvas{width:100%;max-width:920px}.digit-actions{position:relative;z-index:3;display:flex;gap:.6rem;margin-top:1rem}.digit-actions button{appearance:none;border:1px solid rgba(202,169,255,.24);background:rgba(255,255,255,.045);color:#f4eaff;padding:.62rem .8rem;font:900 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.digit-result{position:absolute;left:1rem;top:1rem;z-index:5;border:1px solid rgba(255,207,122,.22);background:rgba(3,2,8,.72);padding:.7rem .9rem;display:grid;gap:.1rem;text-transform:uppercase}.digit-result span{font:900 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(244,234,255,.55);letter-spacing:.12em}.digit-result strong{font:900 3rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffcf7a}.edge{stroke:rgba(202,169,255,.22);stroke-width:1.5}.edge.hot{stroke:rgba(255,207,122,.75);stroke-width:3;filter:drop-shadow(0 0 10px rgba(255,207,122,.45))}.node{fill:rgba(166,115,255,.2);stroke:rgba(244,234,255,.55);stroke-width:2}.node.hot{fill:rgba(255,207,122,.18);stroke:#ffcf7a;filter:drop-shadow(0 0 14px rgba(255,207,122,.55))}.pulse{fill:#ffcf7a;filter:drop-shadow(0 0 16px rgba(255,207,122,.85))}.backpulse{fill:var(--ml-violet);filter:drop-shadow(0 0 16px rgba(166,115,255,.85))}@keyframes livePulse{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}@keyframes chalkDrift{to{transform:rotate(1turn)}}@media(max-width:900px){.ml-hero{grid-template-columns:1fr}.split-chapter,.split-chapter.reverse{grid-template-columns:1fr}.math-card{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;margin-top:.75rem}.tabs{position:relative;left:auto;top:auto;margin-bottom:.75rem}.step-readout{position:relative;left:auto;top:auto;margin-bottom:.75rem}.chapter-rail{display:none}.stats{grid-template-columns:1fr}.panel.copy h2{font-size:clamp(2.1rem,14vw,3.7rem)}}

/* --- scryx/dl additions: XOR hero + dl page --- */
.xor-hero{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:1.1rem;align-items:center;margin-top:1.5rem;padding:1rem;border:1px solid var(--ml-line)}
.xor-hero canvas{width:100%;height:auto;display:block}
.xor-readout span{display:block;color:var(--ml-gold);font:900 .66rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.4rem}
.xor-readout strong{display:block;color:var(--ml-cream);font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.1;margin-bottom:.5rem}
.xor-readout p{color:var(--ml-muted);font-size:.92rem;line-height:1.55;margin:0 0 .7rem}
.xor-readout a{color:var(--ml-blue);font:900 .72rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border-bottom:1px dashed rgba(143,220,255,.5);padding-bottom:.15rem}
.xor-readout a:hover{color:#fff;border-color:#fff}
.digit-result em{display:block;color:var(--ml-muted);font:600 .78rem ui-monospace,Menlo,monospace;font-style:normal;margin-top:.4rem;max-width:52ch}
.digit-result em.hot{color:#ff9bb8}
.attention-stage canvas{cursor:crosshair}
.dl-outro{padding:clamp(1.5rem,4vw,3rem)}
.dl-outro h2{margin:.2rem 0 .6rem}
.dl-outro p{color:var(--ml-muted);max-width:56ch}
.dl-link-btn{appearance:none;display:inline-block;border:1px solid rgba(202,169,255,.26);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:var(--ml-cream);padding:.72rem .9rem;font:900 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;cursor:pointer}
.dl-link-btn:hover{border-color:rgba(202,169,255,.52);transform:translateY(-1px)}
@media(max-width:900px){.xor-hero{grid-template-columns:1fr}}

/* --- stepwise-2: sticky training dock + consistency --- */
.train-dock{position:fixed;left:50%;bottom:.9rem;transform:translateX(-50%);z-index:60;margin-top:0;padding:.6rem .8rem;border:1px solid var(--ml-line);background:rgba(8,6,18,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.45);max-width:calc(100vw - 1.5rem)}
.train-dock .dock-readout{display:flex;gap:.7rem;align-items:baseline;font:800 .68rem ui-monospace,Menlo,monospace;color:var(--ml-cream);text-transform:uppercase;letter-spacing:.08em}
.train-dock .dock-readout i{font-style:normal;color:var(--ml-muted)}
.train-dock .dock-readout i.flash{animation:dockFlash .7s ease}
@keyframes dockFlash{0%{color:#ffcf7a;transform:translateY(-2px)}100%{color:var(--ml-muted)}}
.ml-page main{padding-bottom:7rem}
.dock-hint{color:var(--ml-muted);font:700 .68rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;margin-top:.9rem}
.step-nav{display:flex;gap:.45rem;margin-top:.55rem}
.step-nav button{appearance:none;border:1px solid rgba(202,169,255,.22);background:rgba(255,255,255,.04);color:var(--ml-muted);padding:.45rem .6rem;font:900 .62rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.step-nav button:hover{color:var(--ml-cream);border-color:rgba(202,169,255,.5)}
.digit-draw-card canvas{image-rendering:pixelated;touch-action:none}
.digit-think-card .stats{margin:.9rem 0 .6rem}
@media(max-width:900px){.train-dock{left:.75rem;right:.75rem;transform:none;bottom:.6rem;justify-content:center}}

/* --- stepwise-5: timeline / learning-story --- */
.timeline-stage{padding:clamp(1.4rem,4vw,2.4rem)}
.timeline-head{margin:.2rem 0 1.2rem;max-width:20ch}
.timeline{display:grid;gap:0;border-left:2px solid var(--ml-line);margin-left:.4rem}
.tl-item{display:grid;grid-template-columns:64px 1fr;gap:.5rem 1rem;padding:.85rem 0 .85rem 1.1rem;position:relative;border-bottom:1px dashed rgba(202,169,255,.12)}
.tl-item:last-child{border-bottom:0}
.tl-item:before{content:'';position:absolute;left:-7px;top:1.35rem;width:10px;height:10px;border-radius:50%;background:var(--ml-violet);box-shadow:0 0 14px var(--ml-violet)}
.tl-item b{color:var(--ml-gold);font:900 .8rem ui-monospace,Menlo,monospace;letter-spacing:.06em}
.tl-item span{color:var(--ml-cream);font-size:.95rem;line-height:1.45}
.tl-item em{grid-column:2;color:var(--ml-muted);font:600 .78rem ui-monospace,Menlo,monospace;font-style:normal}
.timeline-note{color:var(--ml-muted);font-size:.9rem;line-height:1.55;margin:1.2rem 0 0;max-width:56ch}


/* --- flybrain-1: real 3D fly brain on /dl/ chapter 06 --- */
.flybrain-stage{padding:clamp(1rem,2.5vw,1.5rem)}
.flybrain-visual{position:relative;min-height:clamp(420px,62vw,720px);border:1px solid rgba(202,169,255,.16);background:radial-gradient(circle at 50% 42%,rgba(166,115,255,.20),transparent 38%),radial-gradient(circle at 26% 62%,rgba(73,230,255,.13),transparent 34%),rgba(4,3,10,.74);overflow:hidden}
.flybrain-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 48%,#000 0 62%,transparent 84%);pointer-events:none}
.flybrain-visual:after{content:'VFB_00101567 / real morphology';position:absolute;left:1rem;bottom:1rem;color:rgba(244,234,255,.42);font:900 .62rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em;pointer-events:none}
#flyBrainCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}
.flybrain-readout{position:absolute;right:clamp(.8rem,2vw,1.25rem);top:clamp(.8rem,2vw,1.25rem);width:min(360px,calc(100% - 2rem));padding:1rem;border:1px solid rgba(202,169,255,.22);background:rgba(8,6,18,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,0,.34)}
.flybrain-readout span{display:block;color:var(--ml-gold);font:900 .62rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em;margin-bottom:.45rem}
.flybrain-readout strong{display:block;color:var(--ml-cream);font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.05;margin-bottom:.55rem}
.flybrain-readout p{margin:0;color:var(--ml-muted);font-size:.86rem;line-height:1.5}
.flybrain-matrix-shell{position:relative;margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(202,169,255,.18)}
.flybrain-matrix-shell canvas{position:relative;z-index:1}
@media(max-width:760px){.flybrain-visual{min-height:440px}.flybrain-readout{left:.75rem;right:.75rem;top:.75rem;width:auto}.flybrain-visual:after{font-size:.55rem}.flybrain-matrix-shell{overflow:auto}.flybrain-matrix-shell canvas{min-width:860px}}

.dl-page.flywire-visible .train-dock,.dl-page.connectome-visible .train-dock{opacity:.18;transform:translateX(-50%) translateY(72%);transition:opacity .18s ease,transform .18s ease}
.dl-page.flywire-visible .train-dock:hover,.dl-page.flywire-visible .train-dock:focus-within,.dl-page.connectome-visible .train-dock:hover,.dl-page.connectome-visible .train-dock:focus-within{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.dl-page.flywire-visible .train-dock,.dl-page.connectome-visible .train-dock{transform:translateY(72%)}.dl-page.flywire-visible .train-dock:hover,.dl-page.flywire-visible .train-dock:focus-within,.dl-page.connectome-visible .train-dock:hover,.dl-page.connectome-visible .train-dock:focus-within{transform:translateY(0)}}


/* --- flybrain-3: 3Blue1Brown-style controls / guided action --- */
.flybrain-controls{position:absolute;left:1rem;top:1rem;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;max-width:min(720px,calc(100% - 2rem))}
.flybrain-controls button,.flybrain-lessons button{appearance:none;border:1px solid rgba(202,169,255,.23);background:rgba(8,6,18,.58);color:var(--ml-muted);padding:.58rem .68rem;font:900 .62rem/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.flybrain-controls button:hover,.flybrain-lessons button:hover{border-color:rgba(255,207,122,.55);color:var(--ml-cream)}
.flybrain-controls button.active,.flybrain-lessons button.active{color:#fff;border-color:rgba(255,207,122,.62);background:linear-gradient(180deg,rgba(255,207,122,.18),rgba(166,115,255,.08));box-shadow:0 0 24px rgba(255,207,122,.12)}
.flybrain-controls label{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(202,169,255,.18);background:rgba(8,6,18,.52);color:var(--ml-muted);padding:.45rem .62rem;font:900 .6rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.flybrain-controls input{width:110px;accent-color:var(--ml-gold)}
.flybrain-lessons{position:absolute;left:1rem;right:1rem;bottom:2.55rem;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;max-width:720px}
.flybrain-lessons button{text-align:left;display:flex;align-items:center;gap:.5rem;min-height:2.5rem}
.flybrain-lessons b{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:rgba(255,255,255,.08);color:var(--ml-gold)}
.flybrain-visual{box-shadow:inset 0 0 90px rgba(166,115,255,.10)}
@media(max-width:760px){.flybrain-controls{top:auto;bottom:6.2rem}.flybrain-readout{top:.75rem}.flybrain-lessons{grid-template-columns:repeat(2,minmax(0,1fr));bottom:.85rem}.flybrain-controls label{width:100%}.flybrain-controls input{flex:1}.flybrain-visual:after{display:none}}

/* --- connectome-explorer-1: FlyWire graph lab extension --- */
.connectome-explorer .section-note{max-width:560px}.connectome-stage{position:relative;min-height:720px;padding:1rem;overflow:hidden;background:radial-gradient(circle at 38% 48%,rgba(166,115,255,.18),transparent 38%),radial-gradient(circle at 72% 50%,rgba(143,220,255,.11),transparent 34%),rgba(4,3,10,.82)}
.connectome-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 44% 52%,#000 0 62%,transparent 86%)}
#connectomeCanvas{position:relative;z-index:1;width:100%;height:auto;display:block;cursor:crosshair}
.connectome-toolbar{position:absolute;left:1rem;top:1rem;z-index:4;display:flex;flex-wrap:wrap;gap:.45rem;max-width:min(760px,calc(100% - 2rem))}
.connectome-toolbar button{appearance:none;border:1px solid rgba(202,169,255,.23);background:rgba(8,6,18,.62);color:var(--ml-muted);padding:.58rem .7rem;font:900 .62rem/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.connectome-toolbar button:hover{border-color:rgba(255,207,122,.55);color:var(--ml-cream)}
.connectome-toolbar button.active{color:#fff;border-color:rgba(255,207,122,.62);background:linear-gradient(180deg,rgba(255,207,122,.18),rgba(166,115,255,.08));box-shadow:0 0 24px rgba(255,207,122,.12)}
.connectome-readout{position:absolute;right:1rem;top:1rem;z-index:3;width:min(380px,calc(100% - 2rem));padding:1rem;border:1px solid rgba(202,169,255,.22);background:rgba(8,6,18,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,0,.34)}
.connectome-readout span{display:block;color:var(--ml-gold);font:900 .62rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em;margin-bottom:.45rem}.connectome-readout strong{display:block;color:var(--ml-cream);font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.05;margin-bottom:.55rem}.connectome-readout p{margin:0;color:var(--ml-muted);font-size:.86rem;line-height:1.5}
.connectome-metrics{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.connectome-metrics div{border:1px solid rgba(202,169,255,.16);background:rgba(8,6,18,.58);padding:.75rem .85rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.connectome-metrics span{display:block;color:rgba(244,234,255,.48);font:900 .58rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.3rem}.connectome-metrics b{display:block;color:var(--ml-cream);font:900 clamp(.78rem,1.5vw,1.05rem)/1.2 ui-monospace,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.connectome-stage{min-height:auto;overflow:auto}.connectome-readout{position:relative;right:auto;top:auto;width:auto;margin:4.8rem 0 1rem}.connectome-toolbar{right:1rem}.connectome-metrics{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;margin-top:1rem}#connectomeCanvas{min-width:980px}}

/* mobile consistency audit: digit lab must stack, not leak 7px sideways */
@media(max-width:760px){
  .digit-grid{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;overflow:visible!important}
  .digit-grid .chalk-stage{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
  .digit-draw-card canvas,.digit-think-card canvas{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important}
  .digit-think-card .stats{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .digit-think-card .stats div,.digit-result{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
/* cache marker: ml-dl-mobile-digit-overflow-1 */