:root{color-scheme:dark;--bg:#071523;--surface:#0d2234;--surface2:#102b42;--line:#28475d;--text:#edf7ff;--muted:#a9bfcd;--cyan:#46cce9;--blue:#237cca;--green:#75dfaa;--bad:#f7ad9d;--radius:18px;font-family:Inter,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#103755 0,#071523 35%,#06121e 100%);color:var(--text);line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--cyan)}.skip{position:absolute;top:-100px;background:#fff;color:#102536;padding:.5rem;z-index:99}.skip:focus{top:0}
.shell{display:grid;grid-template-columns:286px minmax(0,1fr);grid-template-rows:74px 1fr;min-height:100vh}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.7rem;background:#071927eb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.8rem;line-height:1.1;letter-spacing:.08em}.brand strong{display:block;font-size:.9rem}.brand small{font-size:.65rem;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid #6cddfa;border-radius:10px;color:#8be8ff;font-weight:900;letter-spacing:0;background:#123852}.stats{display:flex;gap:1.5rem}.stats span{display:flex;flex-direction:column;line-height:1.3}.stats small{font-size:.62rem;color:var(--muted);letter-spacing:.12em}.stats b{font-size:1rem}.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:1.7rem}
.sidebar{grid-column:1;grid-row:2;background:#091d2f;border-right:1px solid var(--line);padding:1.2rem;position:sticky;top:74px;height:calc(100vh - 74px);overflow-y:auto}.sidebar-title{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.13em;margin:.8rem .5rem 1rem}.sidebar-title span{display:block;color:var(--muted);font-size:.95rem;letter-spacing:0;font-weight:500}.nav-item{display:flex;align-items:flex-start;gap:.8rem;text-align:left;width:100%;border:1px solid transparent;background:transparent;border-radius:12px;color:var(--text);padding:.9rem .7rem;margin:.3rem 0;line-height:1.25}.nav-item:hover,.nav-item.active{background:#123650;border-color:#2d6787}.nav-number{font-weight:900;color:var(--cyan);font-size:.9rem}.nav-item small{display:block;color:var(--muted);font-size:.73rem;margin-top:.4rem}.sidebar-note{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);margin-top:2rem;padding:.9rem .5rem}
main{grid-column:2;grid-row:2;max-width:1080px;width:100%;margin:0 auto;padding:2.5rem 2.4rem 5rem;min-width:0}.eyebrow{color:var(--cyan);font-size:.74rem;font-weight:800;letter-spacing:.14em}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:.7rem 0 1rem;letter-spacing:-.035em}h2{line-height:1.2;letter-spacing:-.018em;margin:.25rem 0 1rem;font-size:1.55rem}h3{line-height:1.3}.lead{font-size:1.13rem;color:#c5d9e5;max-width:790px}.lesson-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.lesson-meta span{background:#12344b;border:1px solid #2b5873;border-radius:999px;padding:.3rem .75rem;color:#b9e5f2;font-size:.75rem}.section-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2.3rem}.section-jump a{border:1px solid var(--line);border-radius:8px;padding:.25rem .65rem;text-decoration:none;color:var(--muted);font-size:.8rem}.section-jump a:hover{color:white;border-color:var(--cyan)}.card{background:linear-gradient(145deg,#0e2538,#0a1e2e);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.8rem;margin:1.2rem 0;box-shadow:0 15px 40px #0002;scroll-margin-top:95px}.card.accent{border-left:4px solid var(--cyan)}.card p{color:#c8d9e5}.section-number{display:inline-block;color:var(--cyan);font-size:.72rem;letter-spacing:.13em;font-weight:900;margin-bottom:.6rem}.impact{background:#173047;border-radius:9px;padding:.85rem 1rem}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.concept{background:#112e43;border:1px solid #2b4d63;border-radius:10px;padding:1rem}.concept strong{color:#9ce9fa}.concept p{margin:.4rem 0 0;font-size:.91rem}.analogy,.context,.answer{background:#13354a;border-left:3px solid var(--cyan);padding:.75rem 1rem;border-radius:6px}.soft{background:#183f58;color:var(--text);border:1px solid #3c7999;padding:.55rem .9rem;border-radius:8px}.answer{margin-top:1rem}.lab-steps{padding-left:1.5rem}.lab-steps li{margin:.6rem 0}.lab-steps input{accent-color:var(--cyan);width:1.05rem;height:1.05rem;vertical-align:middle}.terminal{margin:1.4rem 0;border:1px solid #34708e;border-radius:12px;background:#03111c;overflow:hidden;box-shadow:0 8px 25px #0005}.terminal-head{background:#173a51;padding:.55rem 1rem;font-size:.8rem;color:#c4eefa;font-weight:700}.terminal-output{min-height:155px;max-height:350px;overflow:auto;padding:1rem;white-space:pre-wrap;font-family:Consolas,monospace;font-size:.88rem;color:#a3eed2}#terminal-form{display:flex;align-items:center;gap:.5rem;border-top:1px solid #25566e;padding:.6rem}#terminal-form select{max-width:130px}#terminal-form select,#terminal-form input,.lab-choice select,textarea{background:#0b283a;border:1px solid #3c6c84;border-radius:8px;color:var(--text);padding:.55rem .65rem}#terminal-form input{flex:1;min-width:0;font-family:Consolas,monospace}.prompt{color:#78ddad;font-weight:800}button[data-validate],button[data-complete],#terminal-form button{border:0;background:linear-gradient(120deg,#147caa,#116fb0);color:white;font-weight:800;border-radius:8px;padding:.57rem 1rem}button[data-validate]:hover,button[data-complete]:hover,#terminal-form button:hover{filter:brightness(1.2)}.command-help{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.83rem}.command-help b{width:100%;color:var(--muted)}.command-chip{font-size:.78rem;color:#b6e9fb;background:#16384c;border:1px solid #33627c;padding:.26rem .55rem;border-radius:7px;overflow-wrap:anywhere}.lab-choice{display:grid;gap:.65rem;margin-top:1.5rem}.lab-choice select{width:100%}.lab-choice button{justify-self:start}.result-line{color:var(--muted)!important}.result-line.success{color:var(--green)!important}.question{padding:1rem 0;border-top:1px solid var(--line)}.question:first-of-type{border-top:0}.question h3{font-size:1rem}.options{display:grid;gap:.55rem}.options button{background:#122d42;color:var(--text);border:1px solid #33546a;border-radius:9px;padding:.7rem .85rem;text-align:left}.options button:hover,.options button.chosen{border-color:var(--cyan);background:#164662}.status{color:var(--green)!important;font-size:.83rem}.card ol{padding-left:1.5rem}.card ol li{padding-left:.25rem;margin:.55rem 0}textarea{display:block;width:100%;margin:.7rem 0;resize:vertical}.card small,.finish-note{color:var(--muted);font-size:.79rem}.finish{border-color:#3992b5;background:linear-gradient(135deg,#12364e,#0b2132)}button[data-complete]:disabled{opacity:.45;cursor:not-allowed}
.art-section{padding-top:1.5rem}.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.art-grid button{background:#102b3f;border:1px solid var(--line);border-radius:12px;color:var(--text);overflow:hidden;padding:0;text-align:left}.art-grid button:hover{border-color:var(--cyan)}.art-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.art-grid span{display:block;padding:.5rem .8rem;font-size:.82rem}.next-row{display:flex;justify-content:space-between;margin-top:2rem}.next-row button{border:1px solid #477991;color:var(--text);background:#16364a;border-radius:8px;padding:.65rem 1rem}.toast{position:fixed;bottom:1.4rem;right:1.4rem;max-width:480px;z-index:30;background:#103f47;color:#d9fff2;border:1px solid #4fbf9e;border-radius:11px;padding:1rem 1.2rem;box-shadow:0 10px 25px #0007}.toast.bad{background:#482e30;color:#ffe8e4;border-color:#cc8172}#art-dialog{max-width:min(96vw,1600px);max-height:96vh;border:1px solid var(--line);padding:.5rem;background:#06131f;color:white}#art-dialog::backdrop{background:#000d}#art-dialog img{max-width:100%;max-height:89vh;display:block}#art-close{position:absolute;right:.7rem;top:.7rem;border:0;background:#092537;color:white;font-size:1.7rem;width:2.3rem;height:2.3rem;border-radius:50%}
@media(max-width:900px){.shell{grid-template-columns:1fr}.menu-toggle{display:block}.topbar{padding:0 .9rem}.brand strong{font-size:.77rem}.brand small{font-size:.57rem}.sidebar{position:fixed;left:0;top:74px;width:min(85vw,300px);height:calc(100vh - 74px);z-index:20;transform:translateX(-105%);transition:transform .2s}.sidebar.visible{transform:none}main{grid-column:1;padding:1.5rem 1rem 4rem}.stats{gap:.6rem}.stats small{font-size:.5rem}.stats b{font-size:.82rem}.concept-grid,.art-grid{grid-template-columns:1fr}.card{padding:1.2rem}#terminal-form{flex-wrap:wrap}#terminal-form input{min-width:50%}}
.command-guide{margin:1.6rem 0}.command-guide>h3{margin-bottom:.3rem;color:#b8efff}.command-guide>p{margin:.2rem 0 1rem;font-size:.9rem}.command-card{margin:.8rem 0;padding:1rem 1.1rem;background:#102d42;border:1px solid #315b73;border-radius:11px}.command-title{display:flex;justify-content:space-between;gap:.7rem;align-items:center;flex-wrap:wrap}.command-title code{font-size:.94rem;color:#aaf2d7;overflow-wrap:anywhere}.command-title span{font-size:.75rem;color:#9fcede}.command-card p{margin:.6rem 0;font-size:.89rem}.command-card dl{display:grid;gap:.35rem;margin:.7rem 0}.command-card dl>div{display:grid;grid-template-columns:minmax(105px,185px) 1fr;gap:.7rem;border-top:1px solid #254b61;padding-top:.4rem}.command-card dt,.command-card dd{margin:0;font-size:.84rem}.command-card dt code{color:#bde9f6;overflow-wrap:anywhere}.command-card dd{color:#c8d9e5}.help-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.help-line code{color:#aaf2d7}.help-line button{font-size:.78rem;padding:.3rem .55rem}@media(max-width:600px){.command-card dl>div{grid-template-columns:1fr;gap:0}}
.lesson-meta a{background:#17445a;border:1px solid #4da2bd;border-radius:999px;padding:.3rem .75rem;color:#c9f3ff;font-size:.75rem;text-decoration:none}.lesson-meta a:hover{background:#21627b}.art-section{padding-top:1.6rem}
.nav-module{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.1em;margin:1.35rem .5rem .4rem;padding-top:.8rem;border-top:1px solid var(--line)}.nav-module:first-child{margin-top:.2rem;border-top:0;padding-top:0}.nav-module small{display:block;color:var(--muted);font-size:.77rem;font-weight:500;letter-spacing:0;line-height:1.3;margin-top:.2rem}
.workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(235px,1fr);gap:1rem;align-items:start;margin:1.4rem 0}.workbench .terminal{margin:0;min-width:0}.workbench #terminal-form{flex-wrap:wrap}.workbench #terminal-form input{min-width:45%}.evidence-panel{background:#112d41;border:1px solid #37637a;border-radius:12px;padding:1rem;min-width:0}.evidence-panel h3{margin:0 0 .2rem;color:#b8efff;font-size:1rem}.evidence-panel>p{font-size:.82rem;margin:.4rem 0;color:#c7deeb}.evidence-panel ul{list-style:none;padding:0;margin:.8rem 0}.evidence-panel li{display:flex;align-items:flex-start;gap:.4rem;padding:.5rem 0;border-top:1px solid #2b4e62}.evidence-panel li span{color:#9eb5c3;line-height:1.35}.evidence-panel li.done span{color:var(--green)}.evidence-panel li button{border:0;background:none;color:#c9e3f0;text-align:left;font-family:Consolas,monospace;font-size:.76rem;overflow-wrap:anywhere;padding:0}.evidence-panel li button:hover{text-decoration:underline;color:white}.evidence-note{border-top:1px solid #2b4e62;padding-top:.75rem}.quiz-feedback{margin-top:.75rem;padding:.75rem .9rem;border-radius:9px;border:1px solid #4b796a;background:#123a34}.quiz-feedback.wrong{border-color:#9b5e58;background:#41272b}.quiz-feedback strong{color:#c9ffdf}.quiz-feedback.wrong strong{color:#ffd2cc}.quiz-feedback p{margin:.3rem 0 0}.options button.selected-correct{border-color:var(--green);background:#175046}.options button.selected-wrong{border-color:#d48e83;background:#4b2e34}.options button:disabled{opacity:1;cursor:default}@media(max-width:720px){.workbench{grid-template-columns:1fr}}