:root{--em-bg:#07111f;--em-panel:#0e1b2c;--em-panel2:#13243a;--em-line:#263d59;--em-text:#eef5fb;--em-muted:#a8bbcd;--em-orange:#ff9d43;--em-teal:#40d4c4;--em-green:#74d99f;--em-red:#ff7d7d;--em-radius:18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#17365a 0,transparent 38%),var(--em-bg);color:var(--em-text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.em-shell{width:min(1120px,calc(100% - 34px));margin:auto;padding:36px 0 90px}.em-hero{padding:58px 52px;border:1px solid var(--em-line);border-radius:28px;background:linear-gradient(135deg,rgba(255,157,67,.13),rgba(64,212,196,.06)),#0b1828;box-shadow:0 25px 70px rgba(0,0,0,.28)}.em-eyebrow,.em-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800;color:var(--em-teal)}.em-hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.96;margin:.18em 0}.em-hero h1 span{color:var(--em-orange)}.em-hero>p{max-width:800px;color:#c6d4e2;font-size:1.08rem}.em-chain{padding:16px 18px;border-left:4px solid var(--em-orange);background:rgba(255,255,255,.04);border-radius:10px;margin-top:25px;font-weight:700}.em-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.em-principles div{border:1px solid var(--em-line);border-radius:14px;padding:13px;background:rgba(255,255,255,.025)}.em-principles b{display:block;color:var(--em-orange);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.section{margin:28px 0;padding:34px;border:1px solid var(--em-line);border-radius:var(--em-radius);background:rgba(14,27,44,.93);scroll-margin-top:90px}.section h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:.15em 0 .25em}.lede{color:var(--em-muted);max-width:820px}.em-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lesson,.explore-card,.lab-state,.case,.practical-task,.dx-step{border:1px solid var(--em-line);background:var(--em-panel2);border-radius:14px;padding:18px}.lesson h3,.explore-card h3,.lab-state h3,.case h3{margin:.1em 0 .35em}.lesson-head{display:flex;gap:14px}.num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,157,67,.15);color:var(--em-orange);font-weight:900;flex:none}.lessonBtn,.em-btn,.case button,.seqBtn,.quiz-submit{appearance:none;border:1px solid #42627f;background:#16304a;color:white;border-radius:10px;padding:10px 13px;font-weight:750;cursor:pointer}.lessonBtn:hover,.em-btn:hover,.case button:hover,.seqBtn:hover,.quiz-submit:hover{border-color:var(--em-teal)}.lessonBtn.done,.seqBtn.done,.case button.done{background:#153b31;border-color:var(--em-green);color:#dffff0}.em-chip{display:inline-block;border:1px solid var(--em-line);border-radius:999px;padding:4px 9px;color:var(--em-muted);font-size:.79rem;margin-right:5px}.lab-board{display:grid;grid-template-columns:300px 1fr;gap:18px}.lab-controls{display:grid;gap:9px}.lab-controls button{text-align:left}.lab-controls button.active{border-color:var(--em-orange);box-shadow:0 0 0 2px rgba(255,157,67,.16)}.meter{border:1px solid #486580;border-radius:18px;background:#08121d;padding:20px}.meter-screen{font:800 clamp(2rem,5vw,4.2rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;background:#b7d4a8;color:#10210f;padding:18px;border-radius:10px;text-align:right;margin:12px 0}.meter-label{font-size:.8rem;color:var(--em-muted);text-transform:uppercase;letter-spacing:.08em}.lab-data{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.lab-data div{padding:11px;background:#0e2032;border-radius:10px}.lab-data b{display:block;color:var(--em-teal);font-size:.76rem;text-transform:uppercase}.lab-note{margin-top:16px;padding:16px;border:1px dashed #51728f;border-radius:12px;color:#d7e3ed}.workflow{display:grid;gap:11px}.dx-step{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.dx-step.locked{opacity:.55}.dx-step .stepno{font-weight:900;color:var(--em-orange)}.case .evidence{background:#0a1726;border-left:3px solid var(--em-teal);padding:10px 12px;margin:10px 0;color:#d8e7ef}.quizq{border-top:1px solid var(--em-line);padding:18px 0}.quizq:first-child{border-top:0}.quizq label{display:block;padding:7px 10px;border-radius:8px}.quizq label:hover{background:rgba(255,255,255,.04)}.score{font-size:1.1rem;font-weight:800;margin-top:12px}.score.pass{color:var(--em-green)}.score.fail{color:var(--em-red)}.resources a{color:#7fe0d5}.resource-list{display:grid;gap:8px}.resource-list a{display:block;padding:11px 13px;border:1px solid var(--em-line);border-radius:10px;text-decoration:none;background:#102238}.footer-note{text-align:center;color:#71869b;padding:30px 0}.em-warn{border-left:4px solid var(--em-orange);background:#241b13;padding:14px;border-radius:9px}.depth-foundation .depth-technician,.depth-foundation .depth-deep{display:none}.depth-technician .depth-deep{display:none}.depth-card{border:1px solid var(--em-line);padding:15px;border-radius:12px;margin-top:12px;background:#0b1a2a}.depth-card b{color:var(--em-orange)}@media(max-width:760px){.em-shell{width:min(100% - 20px,1120px)}.em-hero{padding:34px 24px}.section{padding:25px 20px}.em-principles,.em-grid,.lab-board{grid-template-columns:1fr}.lab-data{grid-template-columns:1fr}.dx-step{grid-template-columns:35px 1fr}.dx-step button{grid-column:2}}
