:root{
  --ink:#17233a;--muted:#5d6b7d;--paper:#ffffff;--bg:#eef3f7;--line:#d8e1e9;
  --nav:#10243b;--nav-2:#183650;--blue:#176ca4;--cyan:#11879b;--orange:#dc7728;
  --green:#23845d;--red:#c44b4b;--purple:#6956a5;--radius:14px;--shadow:0 10px 26px #15304712;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #65b8e9;outline-offset:2px}
.skip-link{position:fixed;left:12px;top:-80px;z-index:20;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
.lab-header{min-height:150px;padding:18px clamp(18px,4vw,48px) 22px;background:linear-gradient(120deg,#0c233b 0%,#124b70 72%,#167a8d 130%);color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
.back-link{display:inline-block;color:#d5ecf8;text-decoration:none;font-weight:700;font-size:.9rem;margin-bottom:10px}.back-link:hover{text-decoration:underline;color:#fff}
.eyebrow{margin:0 0 3px;color:#9fd4ea;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.lab-header h1{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 7px}.lab-header p:last-child{max-width:820px;margin:0;color:#e3f0f6}
.nav-toggle{display:none;border:1px solid #ffffff55;background:#ffffff14;color:white;border-radius:9px;padding:9px 12px;font-weight:750}
.lab-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 194px)}
.lab-nav{background:var(--nav);color:#dbeaf4;min-height:100%;padding:18px 12px 32px}
.nav-intro{padding:0 10px 13px;border-bottom:1px solid #ffffff18;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;font-size:.76rem;color:#aac5d7}.nav-intro strong{grid-column:1/-1;color:#fff;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem}.nav-intro span{display:flex;align-items:center;gap:5px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.live-dot{background:#5bd09a}.planned-dot{border:1px solid #86a4b9}
.nav-group{margin-top:14px}.nav-group h2{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#7ea5be;padding:0 10px;margin:0 0 5px}
.module-button{width:100%;border:0;background:transparent;color:#dce9f2;text-align:left;border-radius:9px;padding:9px 10px;margin:2px 0;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.9rem}
.module-button:hover{background:#ffffff0e}.module-button.active{background:#fff;color:var(--nav);font-weight:750}.module-button small{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:#7598ae}.module-button.active small{color:var(--green)}
.workspace{width:100%;max-width:1560px;margin:0 auto;padding:clamp(17px,3vw,34px)}
.learning-shell{margin:0 0 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:visible}.learning-toolbar{display:flex;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line)}.learning-identity{display:grid;min-width:130px}.learning-identity strong{font-size:.92rem}.mode-switch{display:flex;gap:3px;padding:3px;border-radius:9px;background:#edf3f7}.mode-button,.tool-button{border:1px solid transparent;background:transparent;color:#455a6d;border-radius:7px;padding:6px 9px;font-size:.78rem;font-weight:800}.mode-button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #18334c18}.tool-button{border-color:#c8d4de;background:#fff}.tool-button:hover,.tool-button.active{background:#e7f2f8;color:var(--blue)}.tool-button:disabled{opacity:.45;cursor:not-allowed}.learning-tools{margin-left:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.speed-control{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.75rem;font-weight:750}.speed-control select{border:1px solid #c8d4de;background:#fff;border-radius:7px;padding:5px 7px;color:var(--ink)}.glossary-popover{position:relative}.glossary-popover summary{list-style:none;border:1px solid #c8d4de;background:#fff;color:#455a6d;border-radius:7px;padding:6px 9px;font-size:.78rem;font-weight:800;cursor:pointer}.glossary-popover summary::-webkit-details-marker{display:none}.glossary-popover dl{position:absolute;z-index:8;right:0;top:30px;width:235px;margin:7px 0 0;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px #10243b26}.glossary-popover dl div{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:4px 0;border-bottom:1px solid #edf1f4}.glossary-popover dl div:last-child{border:0}.glossary-popover dt{font:700 1rem Georgia,serif;color:var(--blue)}.glossary-popover dd{margin:0;color:var(--muted);font-size:.78rem}.guided-panel{padding:12px 13px}.guided-panel[hidden]{display:none}.guide-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 12px;padding:0}.guide-step{width:100%;border:0;border-top:3px solid #d5dfe7;background:#f3f6f8;color:#617284;padding:7px 9px;text-align:left;font-weight:800;font-size:.78rem}.guide-step span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:50%;background:#dce5eb;color:#496075;font-size:.7rem}.guide-step.active{border-top-color:var(--cyan);background:#eaf5f7;color:var(--ink)}.guide-step.active span{background:var(--cyan);color:#fff}.guide-content{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(240px,.8fr) minmax(270px,1fr);gap:13px;align-items:center}.guide-content h2{font-size:1.05rem;margin:2px 0}.guide-content p{margin:0;color:#536477;font-size:.88rem}.prediction-options{display:flex;gap:5px}.prediction-options[hidden]{display:none}.prediction-options button{flex:1;border:1px solid #c8d4de;border-radius:8px;background:#fff;padding:8px 6px;color:#455a6d;font-size:.77rem;font-weight:800}.prediction-options button.selected{border-color:var(--orange);background:#fff3e8;color:#944d17}.misconception-note{padding:9px 11px;background:#fff6e9;border-left:3px solid var(--orange);border-radius:5px 9px 9px 5px}.misconception-note strong{display:block;color:#884713;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.misconception-note p{font-size:.78rem;margin:2px 0}.guide-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid #e8eef2}.lesson-nav,.stage-nav{display:flex;gap:6px}.explore-mode .learning-toolbar{border-bottom:0}.reduce-motion *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.module{display:none}.module.active{display:block}
.module-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.module-header h2{font-size:clamp(1.55rem,2.7vw,2.25rem);letter-spacing:-.035em;line-height:1.1;margin:5px 0}.module-header p{max-width:760px;margin:0;color:var(--muted)}
.module-kicker{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem;font-weight:750}.status-pill{border-radius:99px;padding:3px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.status-pill.live{background:#ddf4e9;color:#176c49}.status-pill.planned{background:#e6ebef;color:#536477}
.module-goal{max-width:280px;border-left:3px solid var(--cyan);padding:8px 0 8px 13px}.module-goal span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.module-goal strong{display:block;margin-top:2px}
.workspace-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(440px,1.25fr) minmax(300px,.8fr);gap:16px;align-items:start}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:17px}.panel h3{font-size:1rem;margin:2px 0 12px}.controls-panel{grid-row:span 3}.plot-panel{grid-column:2;grid-row:span 2}.metrics{grid-column:2/4;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.loss-panel{grid-column:3;grid-row:1/3}.explanation-panel{grid-column:2/4}
.field-label{display:block;font-weight:750;margin:0 0 5px}.controls-panel select{width:100%;padding:9px 10px;border:1px solid #bdcbd6;border-radius:8px;background:#fff;color:var(--ink);margin-bottom:17px}
.control{margin-bottom:16px}.control label{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;font-weight:700}.control label em{font:600 1rem Georgia,serif;color:var(--blue)}.control output{color:var(--blue);font-variant-numeric:tabular-nums;min-width:50px;text-align:right}.control input[type=range]{width:100%;accent-color:var(--blue)}
.toggle-row{display:grid;gap:7px;margin:5px 0 16px;color:#364a5d}.toggle-row label{display:flex;align-items:center;gap:8px}.toggle-row input{width:17px;height:17px;accent-color:var(--blue)}
.actions{display:flex;flex-wrap:wrap;gap:8px}.button{border:1px solid #b9c8d4;background:#fff;color:var(--ink);border-radius:8px;padding:8px 11px;font-weight:750}.button:hover{background:#edf5fa}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.quiet{color:var(--muted)}
.control-note{margin-top:17px;padding:11px 12px;border-radius:9px;background:#edf5fa;color:#355069}.control-note strong{color:var(--blue)}.control-note p{margin:3px 0 0;font-size:.86rem}
.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-heading h3{margin:1px 0}.step-label{display:block;color:var(--cyan);font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.mini-note{font-size:.75rem;color:var(--muted)}
canvas{display:block;width:100%;border:1px solid #e4ebf1;border-radius:10px;background:#fbfdfe;touch-action:none}.plot-panel canvas{height:405px}.loss-panel canvas{height:390px;cursor:grab}.loss-panel canvas:active{cursor:grabbing}
.loss-view-switch{display:flex;gap:3px;background:#eef3f7;border-radius:8px;padding:3px;flex:0 0 auto}.loss-view-button{border:0;background:transparent;color:#5b6d7f;border-radius:6px;padding:5px 7px;font-size:.7rem;font-weight:800}.loss-view-button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #18334c18}
.canvas-help{font-size:.78rem;color:var(--muted);margin:7px 1px 0}.legend{display:flex;gap:11px;flex-wrap:wrap;font-size:.72rem;color:var(--muted)}.legend span{display:flex;align-items:center;gap:4px}.legend-mark{display:inline-block;width:9px;height:9px;border-radius:50%}.legend-mark.train{background:var(--blue)}.legend-mark.test{border:2px solid var(--orange);background:#fff}.legend-line{display:inline-block;width:15px;border-top:3px solid var(--red)}
.metrics article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 12px;box-shadow:var(--shadow)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.metrics strong{display:block;font-size:1.25rem;margin:2px 0;font-variant-numeric:tabular-nums}.metrics small{font-size:.72rem}
.tabs{display:flex;gap:4px;background:#eef3f7;border-radius:9px;padding:3px}.tab,.log-tab,.concept-tab{border:0;background:transparent;color:#526477;border-radius:7px;padding:6px 9px;font-size:.78rem;font-weight:750}.tab.active,.log-tab.active,.concept-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #18334c16}
.tab-panel,.log-tab-panel,.concept-tab-panel{color:#314458}.tab-panel p,.log-tab-panel p,.concept-tab-panel p{margin:8px 0}.try-card{display:grid;grid-template-columns:75px 1fr;gap:8px;padding:11px 13px;margin-top:12px;background:#fff6e9;border:1px solid #efd2a6;border-radius:9px}.try-card strong{color:#925016}.try-card p{margin:0}
.formula{font:600 clamp(1.25rem,2vw,1.7rem)/1.6 Georgia,serif;text-align:center;background:#f5f8fb;border-radius:10px;padding:9px 12px;color:#253a50}.formula.compact{font-size:1.04rem}.formula mark{background:#dceff7;color:inherit;border-radius:4px;padding:1px 3px;transition:.15s}.formula mark:hover,.formula mark.active{background:#ffdcae}.plain-list{margin:10px 0 0;padding-left:21px}.plain-list li{margin:5px 0}
.planned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.planned-grid .panel{min-height:180px}.planned-grid p{color:var(--muted)}.roadmap-card{background:linear-gradient(145deg,#fff,#f2f7fa)}
.logistic-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(440px,1.25fr) minmax(300px,.8fr);gap:16px;align-items:start}.logistic-controls{grid-row:span 3}.logistic-plot-panel{grid-column:2;grid-row:span 2}.logistic-plot-panel canvas{height:405px}.logistic-metrics{grid-column:2/4}.sigmoid-panel{grid-column:3;grid-row:1}.sigmoid-panel canvas{height:210px}.matrix-panel{grid-column:3;grid-row:2}.logistic-explanation{grid-column:2/4}
.class-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:2px 0 15px}.class-picker>span{grid-column:1/-1;font-size:.78rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.class-picker label{display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font-size:.84rem}.class-picker input{accent-color:var(--blue)}.class-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}.class-zero{background:#246eaa}.class-one{background:#e27835}.boundary-line{display:inline-block;width:16px;border-top:3px solid #17233a}.threshold-control{padding-top:10px;border-top:1px solid var(--line)}
.confusion-wrap{position:relative;padding:20px 0 0 27px}.confusion-matrix{display:grid;grid-template-columns:28px repeat(2,minmax(70px,1fr));grid-template-rows:22px repeat(2,63px);gap:5px}.matrix-head{display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:.75rem;font-weight:800}.matrix-cell{border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid}.matrix-cell strong{font-size:1.2rem}.matrix-cell small{font-size:.65rem}.matrix-cell.correct{background:#e6f5ed;border-color:#a9d8c0;color:#1f6749}.matrix-cell.error{background:#fff0e7;border-color:#efc3aa;color:#914b25}.matrix-axis{position:absolute;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.predicted-axis{top:0;left:50%;transform:translateX(-38%)}.actual-axis{left:0;top:55%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top}
.concept-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(550px,1fr);gap:16px;align-items:start}.concept-controls{grid-row:span 3}.concept-plot{grid-column:2}.concept-plot canvas{height:475px}.concept-metrics{grid-column:2}.concept-explanation{grid-column:2}.concept-controls select{width:100%;padding:9px 10px;border:1px solid #bdcbd6;border-radius:8px;background:#fff;color:var(--ink);margin-bottom:17px}.concept-actions{margin-top:4px}.concept-legend-key{display:inline-flex;width:13px;height:8px;border-radius:2px}.concept-tab-panel{min-height:115px}.metric-wide{grid-column:span 2}.inline-value{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:800}.concept-readout{padding:9px 11px;border-left:3px solid var(--cyan);background:#f3f8fa;border-radius:4px 8px 8px 4px;margin:10px 0}.concept-readout strong{color:var(--ink)}
.gd-view-switch{width:max-content;margin:0 0 17px}
.train-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 0 15px;padding:3px;background:#eef3f7;border-radius:9px}.train-view-switch label{position:relative}.train-view-switch input{position:absolute;opacity:0;pointer-events:none}.train-view-switch span{display:block;padding:7px 8px;border-radius:7px;color:#5b6d7f;text-align:center;font-size:.76rem;font-weight:800;cursor:pointer}.train-view-switch input:checked+span{background:#fff;color:var(--ink);box-shadow:0 1px 5px #18334c18}.train-view-switch input:focus-visible+span{outline:3px solid #65b8e9;outline-offset:2px}
.train-control-section{margin:0 -2px 17px;padding:0 2px 15px;border-bottom:1px solid #e4ebf0}.train-control-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.train-control-heading{display:block;margin:0 0 10px;color:var(--cyan);font-size:.69rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.train-dataset-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 16px}.train-dataset-option{position:relative}.train-dataset-option input{position:absolute;opacity:0;pointer-events:none}.train-dataset-card{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:5px;min-height:47px;padding:5px 7px;border:1px solid #cbd6df;border-radius:9px;background:#fff;color:#536477;cursor:pointer}.train-dataset-card svg{display:block;width:43px;height:31px}.train-dataset-card b{font-size:.74rem}.train-dataset-option input:checked+.train-dataset-card{border-color:var(--blue);background:#eaf4fa;color:var(--ink);box-shadow:inset 0 0 0 1px var(--blue)}.train-dataset-option input:focus-visible+.train-dataset-card{outline:3px solid #65b8e9;outline-offset:2px}
.train-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.train-feature-grid label{position:relative}.train-feature-grid input{position:absolute;opacity:0;pointer-events:none}.train-feature-grid span{display:block;padding:7px 5px;border:1px solid #cbd6df;border-radius:8px;background:#fff;color:#536477;text-align:center;font:700 .92rem Georgia,serif;cursor:pointer}.train-feature-grid input:checked+span{border-color:var(--blue);background:#e7f2f9;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.train-feature-grid input:focus-visible+span{outline:3px solid #65b8e9;outline-offset:2px}#trainSecondLayer.disabled{opacity:.42}
.cnn-kernel-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:2px 0 3px}.cnn-kernel-editor input{width:100%;min-width:0;padding:8px 3px;border:1px solid #bfccd6;border-radius:7px;color:var(--ink);text-align:center;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}.cnn-kernel-editor input:focus{border-color:var(--blue)}.cnn-view-switch{margin-bottom:17px}
.rnn-sequence-editor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.rnn-sequence-editor label{display:grid;grid-template-columns:1fr;gap:2px;padding:4px;border:1px solid #ced9e1;border-radius:8px;background:#f8fafb;text-align:center}.rnn-sequence-editor label.active{border-color:var(--purple);background:#eeeaf8;box-shadow:inset 0 0 0 1px var(--purple)}.rnn-sequence-editor span{color:var(--muted);font-size:.65rem;font-weight:800}.rnn-sequence-editor input{width:100%;min-width:0;padding:5px 1px;border:0;background:transparent;color:var(--ink);text-align:center;font-size:.76rem;font-weight:800;font-variant-numeric:tabular-nums}.rnn-sequence-editor input:focus{outline:2px solid #65b8e9;border-radius:4px}#rnnGateControls.disabled{opacity:.42}.rnn-view-switch{margin-bottom:17px}
.ae-view-switch{margin-bottom:17px}#aePipelineControls.disabled,#aeLatentControls.disabled{opacity:.42}.ae-view-switch+ .train-control-section{margin-top:0}
.lab-footer{padding:18px;text-align:center;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line);background:#f7f9fb}
.emphasize-slope .prediction-line,.emphasize-intercept .prediction-line{filter:drop-shadow(0 0 3px #e08930)}

@media(max-width:1180px){.workspace-grid,.logistic-grid{grid-template-columns:290px minmax(430px,1fr)}.plot-panel,.logistic-plot-panel{grid-column:2}.loss-panel,.sigmoid-panel,.matrix-panel{grid-column:2;grid-row:auto}.metrics,.logistic-metrics{grid-column:1/3}.explanation-panel,.logistic-explanation{grid-column:1/3}.controls-panel,.logistic-controls{grid-row:span 3}.concept-grid{grid-template-columns:280px minmax(430px,1fr)}.planned-grid{grid-template-columns:1fr 1fr}.roadmap-card{grid-column:1/3}.learning-toolbar{align-items:flex-start;flex-wrap:wrap}.learning-tools{width:100%;margin-left:0;justify-content:flex-start}.guide-content{grid-template-columns:1fr 1fr}.misconception-note{grid-column:1/3}}
@media(max-width:820px){.lab-header{align-items:flex-start}.nav-toggle{display:block;flex:0 0 auto}.lab-shell{display:block}.lab-nav{display:none}.lab-nav.open{display:block;padding-bottom:18px}.nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.nav-group h2{grid-column:1/-1;margin-top:5px}.workspace-grid,.logistic-grid,.concept-grid{grid-template-columns:1fr}.controls-panel,.plot-panel,.loss-panel,.metrics,.explanation-panel,.logistic-controls,.logistic-plot-panel,.logistic-metrics,.sigmoid-panel,.matrix-panel,.logistic-explanation,.concept-controls,.concept-plot,.concept-metrics,.concept-explanation{grid-column:1;grid-row:auto}.metrics{grid-template-columns:1fr 1fr}.module-header{display:block}.module-goal{margin-top:13px}.planned-grid{grid-template-columns:1fr}.roadmap-card{grid-column:1}.plot-panel canvas,.logistic-plot-panel canvas{height:360px}.concept-plot canvas{height:450px}.guide-steps{grid-template-columns:1fr 1fr}.guide-content{grid-template-columns:1fr}.misconception-note{grid-column:1}.guide-footer{align-items:stretch}.lesson-nav,.stage-nav{flex-wrap:wrap}}
@media(max-width:560px){body{font-size:15px}.lab-header{display:block;padding:16px}.nav-toggle{margin-top:14px}.workspace{padding:12px}.panel{padding:13px}.metrics{grid-template-columns:1fr 1fr}.panel-heading{display:block}.legend,.tabs,.loss-view-switch{margin-top:8px}.tabs{width:max-content;max-width:100%}.plot-panel canvas,.logistic-plot-panel canvas{height:310px}.loss-panel canvas{height:310px}.concept-plot canvas{height:450px}.try-card{grid-template-columns:1fr}.module-button{font-size:.84rem}.metric-wide{grid-column:span 2}.learning-toolbar{display:grid;grid-template-columns:1fr}.learning-tools{display:grid;grid-template-columns:1fr 1fr}.speed-control{grid-column:1/3}.guide-footer{display:grid}.lesson-nav,.stage-nav{display:grid;grid-template-columns:1fr 1fr}.guide-step{padding:6px;font-size:.72rem}.rnn-sequence-editor{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}