.learning-page main{max-width:1320px}.learning-back{display:inline-block;color:#abcce9;text-decoration:none;font-size:13px;margin:0 0 24px}.directory{margin:15px 0 45px}.directory h2{font-size:28px;font-weight:450}.subgroup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.subgroup-card{display:flex;flex-direction:column;padding:24px;background:linear-gradient(130deg,#14263b,#0d1828);border:1px solid #6283a341;border-radius:16px;text-decoration:none;color:#e4effa;transition:transform .15s,border-color .15s}.subgroup-card:hover{transform:translateY(-3px);border-color:#91b5d0}.card-number{font:11px monospace;color:#7aabd2}.subgroup-card h3{font-size:19px;font-weight:500;line-height:1.4;margin:14px 0 9px}.subgroup-card p{color:#94abc2;line-height:1.7;font-size:13px;margin:0 0 23px}.card-action{color:#bbd7f0;font-size:12px;margin-top:auto}.system-lab{margin:0 0 35px}.system-stage{position:relative;height:540px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#26394f,#0b1423 75%)}.system-stage canvas{display:block;touch-action:none;width:100%;height:100%}.system-stage iframe{width:100%;height:100%;border:0}.legacy-stage{height:760px}.system-status{padding:16px 22px;font-size:13px;line-height:1.7;color:#b4d4e8;border-top:1px solid #688aae30}.system-lab select{padding:7px;border:1px solid #688aae55;background:#12243a;color:#c9dfef;border-radius:6px}.system-controls{margin:14px 0 0;padding:24px;border:1px solid #59779945;background:#101d2e;border-radius:15px}.temperature-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#b5c9db;font-size:13px}.temperature-heading output{font-size:26px;color:#ffc27d}.system-controls input[type=range]{width:100%;margin:20px 0;accent-color:#8abddc}.thermal-presets{display:flex;gap:9px;flex-wrap:wrap}.thermal-presets .active,.component-buttons .active{background:#31516c;border-color:#9bc4e0}.cooling-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.cooling-readouts>div{padding:13px;background:#0a1626;border-radius:10px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#7e9fb9}.cooling-readouts b{color:#d0e4f4}.learning-note{color:#7e99b2;font-size:12px;line-height:1.7}.system-explanation{max-width:1020px;margin:45px auto}.system-explanation h2{font-size:30px;font-weight:450}.lesson-intro{font-size:18px;line-height:1.8;color:#afc7db}.learning-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0 40px}.learning-steps article{padding:22px;background:#132236;border:1px solid #6387a633;border-radius:14px}.learning-steps b{font:11px monospace;color:#81acd1}.learning-steps h3{font-size:18px;font-weight:500;margin:13px 0 10px}.learning-steps p{font-size:14px;line-height:1.8;color:#aac0d3;margin:0}.component-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.component-info{padding:20px 24px;border-left:3px solid #7aa7c8;border-radius:0 13px 13px 0;background:#182c42}.component-info h3{font-size:21px;margin:0 0 12px;font-weight:500}.component-info p{font-size:15px;line-height:1.8;color:#b0c9df;margin:0}.related{border-top:1px solid #56749038;padding-top:30px}.related-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.related-links a{padding:13px 16px;border:1px solid #678cac41;border-radius:10px;background:#112136;color:#bdd5e9;font-size:12px;text-decoration:none}.phase-label{font-size:13px;color:#a4bdd2;display:flex;justify-content:space-between}.embedded.learning-page .system-explanation{display:block}.embedded.learning-page .learning-back{margin-top:10px}.parts-eyebrow{margin-top:30px}@media(max-width:850px){.subgroup-grid{grid-template-columns:repeat(2,1fr)}.system-stage{height:510px}.legacy-stage{height:900px}.cooling-readouts{grid-template-columns:1fr}}@media(max-width:550px){.subgroup-grid{grid-template-columns:1fr}.subgroup-card{padding:20px}.system-stage{height:470px}.legacy-stage{height:940px}.system-controls{padding:18px}.learning-steps{grid-template-columns:1fr}.system-explanation{margin:35px 0}.lesson-intro{font-size:16px}.system-status{font-size:11px;padding:14px}.thermal-presets button{font-size:11px;padding:9px}.learning-page .intro h1{font-size:32px}}

.component-marker{position:absolute;z-index:4;font-size:10px;padding:6px 9px;border-radius:7px;background:#0a1525df;border-color:#83a3bd66;color:#c3d8e9;backdrop-filter:blur(6px)}.model-part-caption{padding:13px 22px;background:#17324a;color:#c9deee;font-size:13px;line-height:1.7}.component-marker:hover{background:#2a4961}@media(max-width:550px){.component-marker{font-size:8px;padding:5px 6px;max-width:116px}.model-part-caption{font-size:11px;padding:12px}}

.component-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.component-leaders path{fill:none;stroke:#8aa9c0;stroke-width:1;stroke-opacity:.45}