.computer-lab .lab-modules{margin:22px 0;max-height:460px;overflow:auto;scrollbar-width:thin;scrollbar-color:#65748d transparent}.cs-nav{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none;color:#b0bcd0;border:0;border-bottom:1px solid #39414f;padding:12px 8px;font-size:11px;line-height:1.45}.cs-nav span:first-child{font:10px var(--mono);color:#8897b2}.cs-nav[aria-current=step]{background:#96b7ef1a;border-left:2px solid #a5c6ff;color:white}.cs-nav .cs-check{margin-left:auto;color:#bdd5ff}.cs-nav:hover{background:#ffffff08}.cs-progress-label{font:10px var(--mono);color:#a5b6d3;line-height:1.7}.cs-progress{height:3px;background:#3c475b;margin-top:10px}.cs-progress span{display:block;height:100%;background:#a0c0f6}.cs-workspace{width:100%;align-self:stretch;padding:10px;display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:1000px;margin:auto}.cs-kicker{font:10px var(--mono);color:#9baecf;letter-spacing:.1em}.cs-workspace h3{font-size:28px;color:#e9effa}.cs-workspace p{font-size:13px;line-height:1.7;color:#b1bbcc;max-width:750px}.cs-chain{display:flex;flex-wrap:wrap;gap:6px;font:10px var(--mono);color:#8e9eb9;margin-bottom:3px}.cs-chain span{border:1px solid #404c60;padding:7px 9px;border-radius:5px}.cs-chain .active{background:#97b5e92a;color:#cee0ff;border-color:#8ba4d0}.cs-bits{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.cs-bit{padding:15px 0 12px;background:#232b39;border:1px solid #505f78;color:#95a6c2;border-radius:10px;min-width:0;font:26px var(--mono)}.cs-bit[aria-pressed=true]{background:#9ab7e8;color:#162236;border-color:#bbd4ff;box-shadow:0 0 20px #78a0e61c}.cs-bit small{display:block;font:9px var(--mono);margin-top:10px;opacity:.8}.cs-equation{font:clamp(14px,2vw,22px) var(--mono);padding:22px;background:#212833;border:1px solid #414f68;border-radius:12px;color:#c7dafa;line-height:1.7;overflow-wrap:anywhere}.cs-panel{background:#212732;border:1px solid #404b5f;border-radius:12px;padding:23px;min-width:0}.cs-panel h4{font-size:12px;margin:0 0 15px;color:#c2d2ed}.cs-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cs-chip{padding:28px;border:2px solid #7794c6;border-radius:16px;text-align:center;background:linear-gradient(135deg,#2c394f,#1a212e);box-shadow:0 0 0 6px #70809d12;font:23px var(--mono);color:#cbdeff}.cs-chip small{display:block;font:10px var(--mono);color:#a1b2d0;margin-top:13px}.cs-diagram{display:flex;justify-content:center;align-items:center;gap:22px;min-height:170px;flex-wrap:wrap}.cs-wire{height:2px;min-width:35px;flex:1;max-width:90px;background:#556889;position:relative}.cs-wire.on{background:#a6c7ff;box-shadow:0 0 10px #82a7e6}.cs-wire:after{content:'›';position:absolute;right:-3px;top:-12px;font-size:20px;color:#a1bbe8}.cs-small-btn{border:1px solid #60708b;border-radius:7px;background:#283141;padding:10px 15px;color:#d7e3f7;font:12px var(--mono);min-height:42px}.cs-small-btn:hover{background:#404e66}.cs-small-btn[aria-pressed=true]{background:#9ab5e4;color:#131e32}.cs-number{font:40px var(--mono);color:#c0d6fc}.cs-number small{font-size:12px;color:#94a5c2}.cs-table{border-collapse:collapse;width:100%;font:12px var(--mono)}.cs-table th,.cs-table td{padding:13px 9px;border-bottom:1px solid #37445b;text-align:center;color:#b6c2d8}.cs-table th{font-size:10px;color:#8a9bb9}.cs-table tr.selected td{background:#799ddb20;color:#dae8ff}.cs-table tr.cs-current td{background:#95b6ee27;color:#d9e7ff}.cs-controls .control{margin:20px 0}.cs-controls input[type=number]{width:100%;padding:12px;background:#1a212d;border:1px solid #515e75;color:#d4e1f7;border-radius:6px;margin-top:8px}.cs-controls .note{margin-bottom:18px}.cs-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cs-memory button{border:1px solid #42516c;background:#202837;color:#becee9;border-radius:9px;padding:14px 8px;font:13px var(--mono)}.cs-memory button.selected{border-color:#9ab9ef;background:#80a1d92b}.cs-memory small{display:block;font:9px var(--mono);margin-bottom:12px;color:#8ea0c0}.cs-memory .stored{color:#efc38d}.cs-registers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-register{padding:18px 12px;background:#232c3c;border:1px solid #556888;border-radius:9px;text-align:center;font:24px var(--mono);color:#c2d7fb}.cs-register small{display:block;font:9px var(--mono);color:#97a9c9;margin-bottom:10px}.cs-stage-state{display:flex;gap:10px;flex-wrap:wrap}.cs-stage-state span{padding:8px 13px;border:1px solid #404d64;border-radius:20px;font:10px var(--mono);color:#7788a6}.cs-stage-state span.active{background:#a0bced;color:#121d2f;border-color:#a0bced}.cs-console{font:13px/1.8 var(--mono);background:#10151e;border:1px solid #35445e;padding:18px;border-radius:10px;color:#b5ccf3;min-height:80px;white-space:pre-wrap}.cs-code{width:100%;min-height:170px;font:13px/1.9 var(--mono);background:#141a23;color:#ceddf8;border:1px solid #54688a;resize:vertical;border-radius:9px;padding:18px}.cs-output-grid{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:10px}.cs-output-grid .cs-arrow{text-align:center;color:#9cb4dd;font-size:26px}.cs-block{padding:20px;border:1px solid #627595;background:#263040;color:#c7dafa;border-radius:10px;text-align:center;font:12px var(--mono)}.cs-task{display:grid;grid-template-columns:65px 1fr 60px;gap:15px;align-items:center;margin:14px 0;font:12px var(--mono);color:#a2b2ce}.cs-bar{height:13px;background:#344054;border-radius:20px;overflow:hidden}.cs-bar span{display:block;height:100%;background:#8caadd;transition:width .2s}.cs-bar.amber span{background:#e5b174}.cs-packets{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.cs-packet{padding:15px 18px;border:1px solid #607599;background:#293446;border-radius:9px;font:20px var(--mono);color:#c0d2f2;min-width:55px;text-align:center}.cs-packet small{display:block;font-size:9px;margin-bottom:10px;color:#8ea0be}.cs-weight{font:10px var(--mono);color:#a3b2cb}.cs-network{width:100%;max-height:260px!important}.cs-checklist{display:grid;gap:10px}.cs-checklist label{padding:13px;background:#222a38;border:1px solid #404e67;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:12px;color:#b9c8e2}.cs-checklist input{accent-color:#97b4e6;width:18px;height:18px}.cs-agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:320px;margin:auto}.cs-agent-cell{aspect-ratio:1;background:#222c3d;border:1px solid #465775;border-radius:7px;display:grid;place-items:center;font:18px var(--mono);color:#8b9ebf}.cs-agent-cell.agent{background:#94b2e7;color:#141e2f}.cs-agent-cell.goal{border-color:#e7bb82;color:#efc48a}.cs-agent-cell.wall{background:repeating-linear-gradient(45deg,#414e64 0,#414e64 3px,#202939 3px,#202939 6px)}.cs-assessment{border-left:3px solid #ddb47c;background:#c48e4e0c;padding:20px;color:#d8c1a4;font-size:13px;line-height:1.7}.computer-lab .simulation{padding:30px;min-height:540px;align-items:stretch}.computer-lab .lab-left h1{font-size:25px}.computer-lab .lab-left>.lab-modules{display:block}.cs-preview-link{display:block;padding:12px;margin:14px 0;background:#95b2e518;border:1px solid #596e92;border-radius:7px;font-size:12px;color:#c4d6f6}
@media(max-width:1100px){.cs-panels{grid-template-columns:1fr}.computer-lab .simulation{padding:20px}.cs-bits{gap:5px}.cs-bit{font-size:22px}.cs-diagram{gap:10px}.cs-wire{min-width:20px}.cs-chip{padding:20px}}
@media(max-width:900px){.computer-lab .lab-left{display:block}.computer-lab .lab-left>.lab-modules{display:grid;grid-template-columns:repeat(4,1fr);max-height:none;gap:5px;margin:20px 0}.cs-nav{border:1px solid #343f52;border-radius:5px;padding:9px 7px}.cs-nav .cs-check{display:none}.computer-lab .lab-left>.challenge-box{margin-top:15px}.computer-lab .lab-left>p{margin-top:12px}.computer-lab .lab-left details{margin-top:14px}.cs-progress-label{margin-top:15px}}
@media(max-width:640px){.computer-lab .lab-left>.lab-modules{grid-template-columns:repeat(3,1fr)}.cs-nav{font-size:9px;gap:5px}.computer-lab .simulation{padding:20px 12px;min-height:480px}.cs-workspace h3{font-size:24px}.cs-workspace{padding:4px}.cs-bits{gap:4px}.cs-bit{font-size:21px;padding:12px 0}.cs-bit small{font-size:8px}.cs-equation{padding:16px}.cs-panel{padding:17px}.cs-panels{gap:12px}.cs-diagram{gap:8px}.cs-chip{padding:20px 12px;font-size:18px}.cs-memory{gap:6px}.cs-memory button{font-size:10px;padding:14px 6px}.cs-output-grid{grid-template-columns:1fr}.cs-output-grid .cs-arrow{transform:rotate(90deg)}.cs-registers{gap:6px}.cs-register{padding:15px 5px;font-size:20px}.cs-chain{font-size:8px;gap:5px}.cs-chain span{padding:6px}.cs-task{grid-template-columns:50px 1fr 40px;gap:8px;font-size:10px}.computer-lab .controls-grid{display:block}}