/* Classroom activities use the course paper palette; model views use instrument colors. */
.ai-course .response-loop{display:flex;align-items:center;gap:12px;margin:24px 0;flex-wrap:wrap}.ai-course .response-loop>div{flex:1 1 140px;border:1px solid var(--line);background:#f0f2e8;padding:18px;font-size:13px;border-radius:6px}.ai-course .response-loop small{display:block;color:var(--muted);margin-top:8px}.ai-course .walk-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:0;counter-reset:stages}.ai-course .walk-stages li{font-size:11px;background:#e3e9db;padding:12px 8px;margin:0;border-bottom:3px solid transparent;counter-increment:stages}.ai-course .walk-stages li:before{content:counter(stages,decimal-leading-zero);display:block;font:12px ui-monospace,monospace}.ai-course .walk-stages li.current{background:#d3e6cc;border-color:#196b4d}.ai-course .walk-values{display:flex;flex-wrap:wrap;gap:16px;min-height:90px;align-items:center;margin:20px 0}.ai-course .walk-neuron{display:grid;place-items:center;width:70px;height:70px;border:1px solid #759067;border-radius:50%;background:hsl(96 38% calc(96% - var(--amount)*45%));font:13px ui-monospace,monospace}.ai-course .walk-candidate{display:flex;align-items:center;gap:14px;width:100%;font:12px ui-monospace,monospace}.ai-course .walk-candidate>span:first-child{width:60px}.ai-course .walk-candidate meter{flex:1;min-width:0;width:100%;height:20px;accent-color:var(--green)}
.ai-course .cluster-lab{--ink:#e9edf4;--muted:#a2b4c8;--line:#304159;--paper:#101c2c;--green:#82e5cc;background:radial-gradient(at 40% 0%,#20334c,#0b1422 65%);border:1px solid #344a64;border-radius:12px;margin:28px 0;padding:26px;color:var(--ink);box-shadow:0 18px 50px #14243322}.ai-course .cluster-lab h3{color:#f1f4fa;font:26px Georgia,serif;margin:10px 0 0}.ai-course .cluster-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}.ai-course .cluster-tag{font:10px ui-monospace,monospace;color:#b2c4d9;padding:8px 10px;border:1px solid #4c617b;border-radius:20px;align-self:start}.ai-course .cluster-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:18px 0}.ai-course .cluster-lab select{background:#15243a;color:#e5edf7;border-color:#4a5c76;font-size:12px}.ai-course .cluster-lab button{background:#172b40;border-color:#527592;color:#e8f6ff}.ai-course .cluster-lab button:hover{background:#25445c}.ai-course .cluster-tokens{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 10px}.ai-course .cluster-tokens>span{font:14px ui-monospace,monospace;padding:7px 10px;border:1px solid #3f516b;border-radius:5px;color:#95a8c2}.ai-course .cluster-tokens .current{color:#081b20;background:#8aebd5;border-color:#8aebd5;box-shadow:0 0 25px #7de9ce33}.ai-course .cluster-route{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;border-block:1px solid #33445e;padding:20px 0;margin:24px 0 8px;font:11px ui-monospace,monospace}.ai-course .cluster-route strong{color:#ffe1a9}.ai-course #cluster-status{font-size:12px;color:#b8ccdf}.ai-course .cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.ai-course .cluster-card{border:1px solid #334258;background:#101b2b;border-radius:7px;padding:14px;min-width:0;transition:border-color .4s,box-shadow .4s}.ai-course .cluster-card.selected{border-color:#99d1c9;box-shadow:inset 0 0 28px #54cbb411,0 0 18px #4bdfbd14}.ai-course .cluster-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font:12px ui-monospace,monospace}.ai-course .cluster-card-heading>span{font-size:9px;color:#86d5c9;border:1px solid #35665f;border-radius:3px;padding:2px 5px}.ai-course .cluster-card.skipped .cluster-card-heading{color:#8495aa}.ai-course .cluster-card.skipped .cluster-card-heading>span{color:#9eaec1;border-color:#3e4b61}.ai-course .cluster-dots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}.ai-course .cluster-lab .cluster-dot{width:24px;height:24px;min-height:24px;padding:0;border-radius:50%;margin:auto;display:grid;place-items:center;border:1px solid #71859a;background:transparent;font:14px ui-monospace,monospace}.ai-course .cluster-lab .cluster-dot.positive{background:rgb(255 169 87 / calc(.25 + var(--activation)*.75));border-color:#ffc58d;box-shadow:0 0 calc(4px + var(--activation)*18px) rgb(255 156 65 / calc(.1 + var(--activation)*.65))}.ai-course .cluster-lab .cluster-dot.zero{border-style:dashed}.ai-course .cluster-lab .cluster-dot.absent{border:0;color:#65748b}.ai-course .cluster-card small{display:block;font:9px/1.6 ui-monospace,monospace;color:#a0b3cc}.ai-course .cluster-legend{display:flex;flex-wrap:wrap;gap:15px;font:10px ui-monospace,monospace;color:#b9c8dc}.ai-course .cluster-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.ai-course .cluster-legend .lit{background:#ffb873;box-shadow:0 0 8px #e9a065}.ai-course .cluster-legend .zero{border:1px dashed #acbdcf}.ai-course .cluster-inspect{border:1px solid #33475e;background:#142337;padding:14px;border-radius:5px;font:11px/1.8 ui-monospace,monospace;min-height:80px}.ai-course .cluster-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.ai-course .cluster-metrics>div{border-top:1px solid #46607a;padding-top:12px}.ai-course .cluster-metrics span{display:block;font-size:10px;color:#b1c3d5}.ai-course .cluster-metrics strong{display:block;font:30px/1.6 ui-monospace,monospace;color:#9fe7d6}.ai-course .cluster-lab .cluster-note{font-size:11px;line-height:1.7;color:#a8bad1}.ai-course .cluster-visit{display:flex;align-items:center;gap:14px;font:12px ui-monospace,monospace;margin:8px 0}.ai-course .cluster-visit meter{flex:1;width:100%;accent-color:#8ef1d7}.ai-course .cluster-visit span{min-width:30px}.ai-course .cluster-lab pre{background:#07111f;color:#cfdae8}.ai-course .viewer-heading{max-width:820px;padding:28px 0}.ai-course .viewer-heading h1{font-size:clamp(32px,5vw,56px);margin:20px 0}.ai-course .viewer-heading p{font-size:14px}.ai-course .viewer-heading nav{display:flex;gap:20px;font-size:12px}.ai-course .viewer-main>.observer{margin-top:10px}.ai-course .viewer-main .observer{padding:20px}
.ai-course .token-instrument{background:radial-gradient(ellipse at center,#0e1427,#080b14 75%);color:#d9dce8;border:1px solid #283049;border-radius:5px;padding:26px;margin:25px -8px;font-family:ui-monospace,Consolas,monospace;box-shadow:0 15px 55px #131d331c}.ai-course .instrument-top{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;border-bottom:1px solid #252c3d;padding-bottom:18px}.ai-course .instrument-model{font-size:12px;font-weight:750;letter-spacing:2px;color:#f3f1f7}.ai-course .instrument-source{display:block;font:10px/1.7 system-ui;color:#a0a4b4;margin-top:7px}.ai-course .instrument-prompt{font:14px/1.6 system-ui;margin:20px 0 10px}.ai-course .instrument-answer{font-size:9px;letter-spacing:2px;color:#83c9c3}.ai-course .instrument-answer strong{margin-left:15px;font:19px system-ui;letter-spacing:0;color:#a5fff1}.ai-course .instrument-clock{text-align:right}.ai-course .instrument-clock>span{font-size:9px;letter-spacing:2px;color:#e5ad9c}.ai-course .instrument-clock>strong{display:block;font:700 clamp(30px,5vw,70px)/1.5 system-ui;color:#ffeadf;text-shadow:0 0 24px #f7865f55;letter-spacing:-2px}.ai-course .instrument-clock p{font:10px/1.6 system-ui;color:#aaa5b5;margin-top:0}.ai-course .instrument-live{font:10px/1.7 ui-monospace,monospace;color:#8ee2ce;padding:12px 0;border-bottom:1px solid #252c3d;min-height:42px}.ai-course .instrument-columns{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;gap:24px;margin:24px 0;min-height:430px}.ai-course .instrument-sidebar{font-size:9px;border-right:1px solid #252c3d;padding-right:14px}.ai-course .instrument-sidebar>span:first-child{letter-spacing:2px;color:#a1a0b3}.ai-course .instrument-sidebar>strong{display:block;color:#f2edf4;font:700 42px/1.2 system-ui}.ai-course .instrument-sidebar small{font-size:16px;color:#8f8fa5}.ai-course .instrument-badge{display:block;color:#7bb8e7;font-size:8px;letter-spacing:.5px;border:1px solid #37516f;padding:4px;margin:10px 0}.ai-course .instrument-sidebar ol{list-style:none;padding:0;margin:18px 0}.ai-course .instrument-sidebar li{font:10px/1.6 system-ui;color:#9395a8;border-bottom:1px solid #222a3e;padding:6px 4px;margin:0}.ai-course .instrument-sidebar li.current{color:#faf2ff;border-left:3px solid #b686ed;border-bottom:2px solid #b686ed;box-shadow:0 2px 15px #be73ff22}.ai-course .instrument-sidebar p{color:#848da4;font-size:9px;line-height:1.7}.ai-course .instrument-center h3{font:650 22px system-ui;color:#b884f4;margin:0 0 8px}.ai-course #instrument-term-label{font-size:11px;color:#9694ac;margin:0}.ai-course .instrument-equation{display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:15px 0}.ai-course .instrument-symbolic{font:italic 21px/1.7 Georgia,serif;color:#e5dfed}.ai-course #instrument-equation{font:20px/1.7 Georgia,serif;color:#9be9dc;overflow-wrap:anywhere}.ai-course #instrument-result{font:12px/1.7 ui-monospace,monospace;color:#b7aec9}.ai-course .instrument-readout{border-top:1px solid #292c40;padding-top:18px}.ai-course .instrument-readout span{display:block;font-size:9px;color:#aaa5b5}.ai-course .instrument-readout strong{font-size:24px;color:#c5a6ff}.ai-course .instrument-weights{border-left:1px solid #252c3d;padding-left:18px}.ai-course .instrument-weights h4{font:600 13px/1.5 system-ui;margin:0;color:#e7e2ee}.ai-course .instrument-weights>p{font-size:9px;margin:4px 0 12px;color:#a7a4b9}.ai-course #instrument-matrix{display:block;width:88px;height:235px;margin:0 auto 15px;image-rendering:pixelated;border:1px solid #36354e}.ai-course .instrument-mini{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px}.ai-course .instrument-mini p{font:8px/1.5 system-ui;color:#b5adc7;margin:5px 0}.ai-course .instrument-mini canvas{width:100%;height:80px;display:block;image-rendering:pixelated}.ai-course .instrument-progress-label{display:flex;justify-content:space-between;gap:18px;font-size:9px;color:#aaa4bc;border-top:1px solid #252c3d;padding-top:20px}.ai-course .instrument-progress-label strong{color:#eee5ff;font-size:16px}.ai-course .instrument-strip{display:flex;gap:2px;height:28px;margin:18px 0 24px}.ai-course .instrument-strip>div{flex:1;position:relative;background:linear-gradient(90deg,#8dc8df var(--progress,0%),#25304a var(--progress,0%));border-right:4px solid #9065be}.ai-course .instrument-strip>div.current{box-shadow:0 0 15px #8dcbef55}.ai-course .instrument-strip span{position:absolute;top:30px;left:0;font-size:8px;color:#b9a9cf}.ai-course .instrument-scrub-label{font-size:9px;color:#a8a8bc;margin-top:26px}.ai-course .token-instrument input[type=range]{accent-color:#bda0f0}.ai-course .instrument-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:15px 0}.ai-course .instrument-controls button{color:#dfd5f5;background:#191b31;border-color:#5c5274;font-size:10px}.ai-course .instrument-controls button:hover{background:#29253f}.ai-course .instrument-controls label{margin:0 0 0 auto;color:#c6b9d5;font-size:9px}.ai-course .instrument-controls select{display:block;padding:7px;background:#171b2d;border-color:#514b67;color:#e1d6ed;font:10px system-ui}.ai-course .instrument-footnote{font:10px/1.7 system-ui;color:#a3a0b6}.ai-course #observer-advanced>summary{font-size:13px}.ai-course #observer-advanced{margin-top:25px}
@media(min-width:1250px){.ai-course .cluster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-course .reading-layout:has(.cluster-lab){grid-template-columns:170px minmax(0,1fr);gap:25px}.ai-course .cluster-dots{gap:7px}.ai-course .cluster-lab .cluster-dot{width:21px;height:21px;min-height:21px}.ai-course .cluster-card{padding:10px}.ai-course .cluster-card-heading{font-size:10px}}
@media(max-width:1000px){.ai-course .instrument-columns{grid-template-columns:140px minmax(0,1fr) 170px;gap:16px}.ai-course .instrument-mini{grid-template-columns:60px minmax(0,1fr)}.ai-course .token-instrument{padding:18px}.ai-course .instrument-sidebar{padding-right:10px}}
@media(max-width:700px){.ai-course .instrument-columns{grid-template-columns:1fr 1fr;gap:16px}.ai-course .instrument-sidebar{grid-column:1/-1;border-right:0;border-bottom:1px solid #252c3d;padding-bottom:12px}.ai-course .instrument-sidebar>strong{display:inline;margin-left:10px;font-size:28px}.ai-course .instrument-sidebar .instrument-badge{display:inline-block;margin-left:15px}.ai-course .instrument-sidebar ol{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ai-course .instrument-sidebar li{font-size:9px}.ai-course .instrument-sidebar p{margin:8px 0}.ai-course .instrument-equation{min-height:220px}.ai-course .instrument-center h3{font-size:18px}.ai-course .instrument-top{grid-template-columns:1fr}.ai-course .instrument-clock{text-align:left;border-top:1px solid #252c3d;padding-top:14px}.ai-course .instrument-clock>strong{font-size:42px;line-height:1.2}.ai-course .instrument-prompt{margin:12px 0}.ai-course .instrument-controls label{margin:0}.ai-course .cluster-lab{padding:18px}.ai-course .cluster-dots{gap:7px}.ai-course .cluster-lab .cluster-dot{width:24px;height:24px;min-height:24px}.ai-course .cluster-card{padding:12px}.ai-course .walk-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-course .viewer-main .observer{padding:14px}.ai-course .instrument-progress-label{flex-wrap:wrap}}
@media(max-width:450px){.ai-course .cluster-grid{grid-template-columns:1fr}.ai-course .cluster-dots{grid-template-columns:repeat(6,1fr);gap:10px}.ai-course .cluster-controls{grid-template-columns:1fr}.ai-course .instrument-columns{grid-template-columns:1fr}.ai-course .instrument-weights{border-left:0;border-top:1px solid #252c3d;padding:18px 0 0;display:grid;grid-template-columns:90px 1fr;gap:8px 18px}.ai-course .instrument-weights h4,.ai-course .instrument-weights>p{grid-column:1/-1}.ai-course #instrument-matrix{height:170px;width:70px;margin:0}.ai-course .instrument-mini{grid-template-columns:1fr;gap:5px}.ai-course .instrument-mini>div:first-child canvas{width:65px;height:65px}.ai-course .instrument-mini>div:last-child canvas{height:65px}.ai-course .instrument-equation{min-height:170px}.ai-course .instrument-symbolic{font-size:19px}.ai-course .token-instrument{padding:14px}.ai-course .instrument-readout{margin-bottom:8px}.ai-course .response-loop{flex-direction:column;align-items:stretch}.ai-course .response-loop>div{flex:auto}.ai-course .response-loop>b{align-self:center;transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.ai-course .cluster-card{transition:none}}
.ai-course .reference-recording video{display:block;width:100%;height:auto;margin-top:18px;border-radius:6px;background:#080b14}.ai-course .cluster-dot.positive{animation:cluster-neuron-arrive .5s ease-out both;animation-delay:calc(var(--unit)*30ms)}@keyframes cluster-neuron-arrive{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ai-course .cluster-dot.positive{animation:none}}