:root{--bg:#070b11;--panel:#0d141d;--panel2:#101a25;--line:#223244;--text:#edf6ff;--muted:#8ba0b5;--accent:#58d9ff;--accent2:#8a7dff;--good:#75e6ad;--warn:#ffd36e;--danger:#ff7b8f;--shadow:0 14px 50px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 50% -10%, #2e8bb424, transparent 34rem), var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-main{max-width:1440px;margin:0 auto;padding:0 24px 70px}.header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b11db;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1440px;min-height:64px;margin:auto;padding:0 24px;display:flex}.brand{letter-spacing:-.03em;font-size:19px;font-weight:900}.brand span{color:var(--accent)}.nav{color:var(--muted);letter-spacing:.06em;gap:20px;font-size:13px;font-weight:700;display:flex}.nav a:hover{color:var(--text)}.footer{text-align:center;color:#617387;border-top:1px solid #ffffff0f;padding:28px;font-size:12px}.hero{text-align:center;padding:86px 0 48px}.eyebrow{letter-spacing:.15em;color:var(--accent);font-size:11px;font-weight:900}.hero h1{letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(52px,9vw,110px)}.hero h2{color:var(--muted);margin:5px 0 20px;font-size:clamp(18px,2.6vw,30px);font-weight:500}.hero p{color:#a9bacb;max-width:730px;margin:auto;font-size:17px;line-height:1.8}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;padding:12px 16px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#031017;font-weight:900}.live-stage{border:1px solid var(--line);max-width:980px;min-height:360px;box-shadow:var(--shadow);background:linear-gradient(#0d141deb,#080d14eb);border-radius:20px;margin:48px auto 0;position:relative;overflow:hidden}.stage-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;display:flex}.live-dot{color:var(--good)}.home-network{place-items:center;height:310px;display:grid}.home-network svg{width:94%;height:94%}.home-network line{stroke:#58d9ff2e}.home-network circle{fill:#0b1520;stroke:#5cdcff;stroke-width:1.5px}.home-network .active{fill:#58d9ff;filter:drop-shadow(0 0 10px #58d9ffcc)}.section{margin-top:72px}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-title h2{margin:4px 0 0;font-size:30px}.muted{color:var(--muted)}.grid{gap:14px;display:grid}.grid.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:14px;min-width:0;padding:18px}.card:hover{border-color:#58d9ff73}.card .n{color:var(--accent);font-family:monospace;font-size:11px}.card h3{margin:9px 0 7px}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.status{letter-spacing:.1em;margin-top:14px;font-size:10px;font-weight:900}.status.current{color:var(--accent)}.status.completed{color:var(--good)}.status.planned{color:#66798d}.learn-shell{grid-template-columns:260px minmax(0,1fr);gap:26px;padding-top:30px;display:grid}.sidebar{align-self:start;max-height:calc(100vh - 110px);padding-right:6px;position:sticky;top:88px;overflow:auto}.side-group{margin-bottom:24px}.side-title{color:#5e7185;letter-spacing:.13em;margin-bottom:7px;font-size:10px;font-weight:900}.side-link{color:#8295a9;border-radius:8px;gap:9px;padding:7px 8px;font-size:13px;display:flex}.side-link:hover{color:var(--text);background:#0d151f}.side-link.current{color:var(--text);background:#58d9ff17}.side-mark{width:16px}.side-link.completed .side-mark{color:var(--good)}.side-link.current .side-mark{color:var(--accent)}.learn-main{min-width:0}.step-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.step-head h1{letter-spacing:-.045em;margin:5px 0;font-size:clamp(40px,6vw,72px)}.step-head p{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.sim-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);align-items:start;gap:16px;display:grid}.sim-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#0e1620f5,#090e15f5);border-radius:16px;overflow:hidden}.sim-toolbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 15px;font-size:12px;display:flex}.sim-body{padding:18px}.inspector{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px;position:sticky;top:88px}.inspector h3{margin:0 0 13px}.inspector-row{color:var(--muted);border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:14px;padding:9px 0;font-size:13px;display:flex}.inspector-row strong{color:var(--text);font-family:monospace}.visual-svg{width:100%;height:auto;display:block}.visual-svg .wire{stroke:#2d5669;stroke-width:2px}.visual-svg .wire.hot{stroke:#56d9ff;stroke-width:4px;filter:drop-shadow(0 0 5px #58d9ff99)}.visual-svg .node{fill:#0b1621;stroke:#75ddff;stroke-width:2px}.visual-svg .node.hot{fill:#58d9ff;filter:drop-shadow(0 0 9px #58d9ffbf)}.visual-svg text{fill:#9fb4c7;font-size:13px}.controls{gap:13px;margin-top:18px;display:grid}.control{grid-template-columns:100px 1fr 60px;align-items:center;gap:10px;display:grid}.control label{color:#9fb3c6;font-size:12px}.control output{text-align:right;color:var(--text);font-family:monospace;font-size:12px}input[type=range]{width:100%}.calc{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.calc h4{margin:0 0 9px}.formula{color:#ccefff;background:#070b10;border:1px solid #1a2937;border-radius:10px;padding:13px;font-family:monospace;line-height:1.7;overflow:auto}.explain{border-left:3px solid var(--accent);color:#bad0e0;background:#58d9ff12;border-radius:0 10px 10px 0;margin-top:18px;padding:12px 14px;line-height:1.7}.topic-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:11px}.step-nav{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:24px;padding-top:20px;display:flex}.step-nav a{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:10px 12px;font-size:13px}.preview-wrap{place-items:center;min-height:420px;padding:20px;display:grid}.preview-note{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.chart-svg{width:100%;height:auto}.chart-svg .axis{stroke:#395063}.chart-svg .curve{fill:none;stroke:#58d9ff;stroke-width:3px}.chart-svg .curve2{fill:none;stroke:#8a7dff;stroke-width:2px}.chart-svg .dot{fill:#ffd36e}.matrix{grid-template-columns:repeat(3,58px);gap:8px;display:grid}.cell{border:1px solid var(--line);background:#0b131c;border-radius:8px;place-items:center;height:52px;font-family:monospace;display:grid}.cell.hot{border-color:var(--accent);background:#58d9ff21}.token-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.token{border:1px solid var(--line);background:#0b141d;border-radius:10px;padding:12px 14px}.token.hot{border-color:var(--accent);box-shadow:0 0 0 1px #58d9ff33}@media (max-width:1000px){.grid.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-grid{grid-template-columns:1fr}.inspector{position:static}}@media (max-width:820px){.learn-shell{grid-template-columns:1fr}.sidebar{max-height:none;position:static}.side-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.side-title{grid-column:1/-1}}@media (max-width:620px){.site-main{padding:0 14px 50px}.header-inner{padding:0 14px}.nav{gap:12px;font-size:11px}.grid.steps{grid-template-columns:1fr}.hero{padding-top:58px}.live-stage{min-height:280px}.home-network{height:230px}.control{grid-template-columns:80px 1fr 52px}.step-head{display:block}}.concept-term{appearance:none;color:#bfefff;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px dashed #58d9ffbf;padding:0 1px}.concept-term:hover{color:#fff;border-bottom-color:#fff}.concept-info{color:var(--accent);margin-left:3px;font-size:.7em}.concept-quick{flex-wrap:wrap;gap:9px;margin:10px 0 14px;display:flex}.concept-quick .concept-term{font-size:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010509c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.concept-modal{background:#0b121b;border:1px solid #2b4154;border-radius:18px;width:min(850px,96vw);max-height:90vh;overflow:hidden;box-shadow:0 30px 100px #000000a6}.modal-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#58d9ff14,#0000);justify-content:space-between;gap:20px;padding:24px 26px 20px;display:flex}.modal-head h2{margin:5px 0;font-size:32px}.modal-head h2 span{color:var(--muted);font-weight:500}.modal-head p{color:#a9bfd1;margin:0}.modal-close{border:1px solid var(--line);color:#c7d8e6;cursor:pointer;background:#101923;border-radius:10px;width:38px;height:38px;font-size:25px}.modal-scroll{max-height:calc(90vh - 130px);padding:22px 26px 30px;overflow:auto}.concept-block{border-bottom:1px solid #ffffff0f;padding:18px 0}.concept-block:last-child{border:0}.concept-block h3{margin:4px 0 10px;font-size:19px}.concept-block p{color:#b4c6d5;margin:0;line-height:1.75}.concept-block.featured{background:#58d9ff0f;border:1px solid #58d9ff2e;border-radius:12px;padding:18px}.concept-block.why{margin-top:18px}.concept-label{letter-spacing:.13em;color:var(--accent);font-size:10px;font-weight:900}.use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.use-item{border:1px solid var(--line);color:#9fb5c7;background:#0d1620;border-radius:8px;padding:10px 12px;font-size:13px}.related-row{flex-wrap:wrap;gap:8px;display:flex}.related-row button{border:1px solid var(--line);color:#bcecff;cursor:pointer;background:#101923;border-radius:999px;padding:8px 11px}.learning-context{grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:14px;margin-bottom:18px;display:grid}.context-main,.context-side{border:1px solid var(--line);background:linear-gradient(#101923,#0c131c);border-radius:14px;padding:20px}.context-main h2{margin:6px 0 10px}.context-main>p,.context-side p{color:#a9bdce;margin:0;line-height:1.75}.context-side strong{margin:8px 0;font-size:17px;display:block}.question-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.question-grid div{border-left:2px solid var(--accent);color:#8fa7ba;background:#0a1119;padding:10px;font-size:12px;line-height:1.5}@media (max-width:760px){.learning-context,.question-grid,.use-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal-head,.modal-scroll{padding-left:17px;padding-right:17px}}.foundation-map-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.6fr);align-items:start;gap:16px;display:grid}.foundation-canvas{place-items:center;min-height:520px;padding:14px;display:grid}.foundation-svg{width:100%;height:auto}.foundation-edge{stroke:#284354;stroke-width:2px}.map-node{fill:#0d1822;stroke:#4c819a;stroke-width:2px;cursor:pointer}.map-node.active{fill:#58d9ff;stroke:#bcefff;filter:drop-shadow(0 0 12px #58d9ffb3)}.map-label{fill:#d8e7f4;pointer-events:none;font-size:11px;font-weight:800}.foundation-node{cursor:pointer;outline:none}.foundation-inspector h3{margin:6px 0 0;font-size:24px}.korean-title{color:var(--muted);margin:2px 0 12px}.foundation-inspector>p{color:#a9bdce;line-height:1.7}.priority{letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;margin:10px 0 16px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.priority.required{color:var(--accent);border-color:#58d9ff66}.priority.recommended{color:var(--good)}.priority.optional{color:var(--muted)}.inspector-section{border-top:1px solid #ffffff0f;margin-top:13px;padding-top:13px}.inspector-section p{color:#a8bccd;font-size:13px;line-height:1.6}.btn.full{justify-content:center;width:100%;margin-top:16px}.learning-path-guide{border:1px solid var(--line);background:linear-gradient(#101923,#0b121a);border-radius:16px;margin-bottom:18px;padding:22px}.learning-path-guide h2{margin:6px 0 8px}.path-line{align-items:stretch;gap:8px;padding:18px 0 4px;display:flex;overflow-x:auto}.path-step{align-items:center;gap:8px;min-width:max-content;display:flex}.path-step>a{border:1px solid var(--line);background:#0a1118;border-radius:11px;gap:4px;width:150px;padding:12px;display:grid}.path-step span{color:var(--accent);font-family:monospace;font-size:10px}.path-step strong{font-size:13px}.path-step small{color:var(--muted)}.path-arrow{color:#52687a}.foundation-page{max-width:900px;margin:50px auto}.foundation-page>h1{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(48px,8vw,90px)}.foundation-page>h2{color:var(--muted);margin:0 0 15px;font-weight:500}.foundation-lead{color:#adc0d0;max-width:760px;font-size:19px;line-height:1.8}.foundation-section{border:1px solid var(--line);background:#0d151e;border-radius:14px;margin-top:22px;padding:20px}.foundation-section h3{margin:5px 0 10px}.foundation-section p{color:#acbfce;line-height:1.75}.why-card{background:linear-gradient(135deg,#58d9ff12,#0d151e);border-color:#58d9ff47}.depth-list{gap:8px;display:grid}.depth-list>div{color:#a9bdce;background:#0a1118;border:1px solid #ffffff0d;border-radius:8px;gap:9px;padding:11px;display:flex}.depth-list span{color:var(--good);font-weight:900}.depth-note{color:#6f8497;margin-top:12px;font-size:12px}@media (max-width:950px){.foundation-map-grid{grid-template-columns:1fr}.foundation-canvas{min-height:auto}.foundation-inspector{position:static}}.foundation-learning-page{padding-top:18px}.foundation-progress-wrap{border:1px solid var(--line);background:#0d141d;border-radius:14px;margin-bottom:18px;padding:14px}.foundation-progress-track{align-items:center;gap:8px;display:flex;overflow-x:auto}.progress-item{align-items:center;gap:8px;min-width:max-content;display:flex}.progress-card{border:1px solid var(--line);background:#101821;border-radius:9px;gap:2px;min-width:150px;padding:10px 12px;display:grid}.progress-card span{color:#8ea1b5;font-family:monospace;font-size:10px}.progress-card strong{font-size:12px}.progress-card small{color:#72879a;font-size:11px}.progress-card.active{border-color:var(--accent);background:#58d9ff12;box-shadow:0 0 0 1px #58d9ff26}.progress-card.active span,.progress-card.active strong{color:var(--accent)}.progress-arrow{color:#4f6477}.progress-meter{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:grid}.progress-meter>div{background:#192735;border-radius:999px;height:4px;overflow:hidden}.progress-meter i{background:linear-gradient(90deg,var(--accent),var(--good));border-radius:999px;height:100%;display:block}.foundation-3col{grid-template-columns:205px minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.foundation-leftbar,.foundation-rightbar{align-self:start;position:sticky;top:86px}.foundation-leftbar{gap:14px;display:grid}.left-section{border:1px solid var(--line);background:#0d151e;border-radius:12px;padding:12px}.left-title{color:#7f93a5;margin-bottom:9px;font-size:11px}.path-switches{gap:8px;display:grid}.path-switch{border:1px solid var(--line);border-radius:9px;gap:3px;padding:10px;display:grid}.path-switch strong{font-size:11px}.path-switch small{color:#95a7b7;font-size:10px}.path-switch.blue{background:#1b8fe82e}.path-switch.purple{background:#7e4cc42e}.path-switch.green{background:#30ac6f2e}.path-switch.amber{background:#c1801a2e}.foundation-nav-list{gap:3px;display:grid}.foundation-nav-link{color:#8ea1b4;border-radius:7px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:5px;padding:6px 7px;font-size:11px;display:grid}.foundation-nav-link.active{color:#dff8ff;background:#58d9ff14}.foundation-num{color:#6c8194;font-family:monospace}.mini-priority{border:1px solid var(--line);border-radius:999px;padding:3px 5px;font-size:8px}.mini-priority.required{color:var(--accent)}.mini-priority.recommended{color:#b992ff}.mini-priority.optional{color:#7c8e9f}.left-help{color:#8397aa;font-size:11px;line-height:1.5}.foundation-center{min-width:0}.rich-title{padding:10px 8px 4px}.step-no{color:var(--accent);font-size:20px;font-weight:800}.rich-title h1{letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(40px,5vw,66px)}.rich-title h2{color:#8cb1cd;margin:4px 0 12px;font-weight:500}.rich-title p{color:#b0c1d0;max-width:760px;line-height:1.7}.foundation-tabs{border-bottom:1px solid var(--line);gap:18px;margin:12px 0 14px;display:flex;overflow-x:auto}.foundation-tabs button{color:#8ca0b3;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:11px 0}.foundation-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.rich-card{border:1px solid var(--line);background:#0d151e;border-radius:12px;margin-bottom:14px;overflow:hidden}.rich-card-title{border-bottom:1px solid var(--line);padding:13px 15px;font-weight:700}.rich-card>p,.rich-paragraphs{padding:15px}.rich-paragraphs p{color:#aec0cf;margin:0 0 14px;line-height:1.8}.rich-paragraphs p:last-child{margin-bottom:0}.dl-overview-visual{grid-template-columns:110px 1fr 110px;align-items:center;gap:18px;padding:18px;display:grid}.dl-inputs,.dl-outputs{gap:8px;display:grid}.dl-inputs div,.dl-outputs div{border:1px solid var(--line);background:#0a1118;border-radius:8px;place-items:center;min-height:48px;display:grid}.dl-network{justify-content:center;align-items:center;gap:18px;display:flex}.dl-col{gap:12px;display:grid}.dl-col span{background:#6fd3ff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 8px #6fd3ff4d}.dl-col.purple span{background:#b777ff}.dl-col.green span{background:#65dd8b}.dl-lines{color:#53768c;letter-spacing:4px}.comparison-table{display:grid}.comparison-row{grid-template-columns:1fr 1.4fr 1.4fr;display:grid}.comparison-row>div{color:#9fb2c3;border-top:1px solid #ffffff0a;padding:10px 12px;font-size:12px}.comparison-row.head>div{color:#d7e7f5;background:#101a25;font-weight:700}.foundation-rightbar{border:1px solid var(--line);background:#0d151e;border-radius:12px;max-height:calc(100vh - 105px);padding:14px;overflow:auto}.foundation-rightbar h3{margin:6px 0 0;font-size:22px}.foundation-rightbar details{border-top:1px solid #ffffff0f;padding:12px 0}.foundation-rightbar summary{cursor:pointer;font-size:12px;font-weight:700}.foundation-rightbar p,.foundation-rightbar li{color:#9eb2c4;font-size:11px;line-height:1.6}.foundation-rightbar ul{padding-left:18px}.depth-meter{margin:10px 0}.depth-meter span{color:var(--good);font-size:11px}.depth-meter>div{background:#172432;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.depth-meter i{background:var(--good);height:100%;display:block}.check-list{list-style:none;padding-left:0!important}.check-list li{color:#8edbad;margin:6px 0}.related-panel{padding-top:10px}.embedded-map .foundation-map-grid{grid-template-columns:1fr}.embedded-map .foundation-inspector{display:none}.embedded-map .sim-card{box-shadow:none;border:0;border-radius:0}.embedded-map .foundation-canvas{min-height:auto;padding:4px 10px}.embedded-map .foundation-svg{max-height:520px}.foundation-map-section{margin-top:22px}.foundation-map-section .foundation-inspector .btn.full{margin-top:14px;display:flex}@media (max-width:1200px){.foundation-3col{grid-template-columns:190px minmax(0,1fr)}.foundation-rightbar{grid-column:2;position:static}.foundation-leftbar{grid-row:1/span 2}}@media (max-width:900px){.foundation-3col{grid-template-columns:1fr}.foundation-leftbar,.foundation-rightbar{position:static}.foundation-leftbar{grid-row:auto}.foundation-rightbar{grid-column:auto}.foundation-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-overview-visual{grid-template-columns:1fr}.dl-network{padding:8px 0}}@media (max-width:620px){.foundation-nav-list,.comparison-row{grid-template-columns:1fr}.comparison-row.head{display:none}.comparison-row>div:first-child{color:#d8e8f5;font-weight:700}.progress-card{min-width:135px}}.global-learning-flow{max-width:1440px;margin:16px auto 0;padding:0 24px}.global-flow-head{border:1px solid var(--line);background:linear-gradient(#101923,#0c141d);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px 12px;display:flex}.global-flow-head>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.global-flow-head strong{font-size:14px}.global-current{color:var(--accent);font-size:12px}.global-progress{color:var(--muted);grid-template-columns:auto 180px auto;align-items:center;gap:9px;font-size:11px;display:grid}.global-progress-bar{background:#1a2937;border-radius:999px;height:5px;overflow:hidden}.global-progress-bar i{background:linear-gradient(90deg,var(--accent),var(--good));border-radius:999px;height:100%;display:block}.global-phase-row{border-left:1px solid var(--line);border-right:1px solid var(--line);background:#0b121a;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.global-phase{color:#687c8f;border-right:1px solid #ffffff0d;justify-content:space-between;gap:8px;padding:8px 10px;font-size:10px;display:flex}.global-phase.active{color:var(--accent);background:#58d9ff12}.global-phase.completed{color:var(--good)}.global-step-scroll{border:1px solid var(--line);background:#0a1118;border-radius:0 0 12px 12px;align-items:center;gap:7px;padding:10px 12px;display:flex;overflow-x:auto}.global-step-item{align-items:center;gap:7px;min-width:max-content;display:flex}.global-step-card{background:#0d151e;border:1px solid #1f3140;border-radius:8px;gap:2px;min-width:128px;padding:8px 10px;display:grid}.global-step-card span{color:#688095;font-family:monospace;font-size:9px}.global-step-card strong{color:#aebfce;font-size:11px}.global-step-card small{color:#687c8f;font-size:10px}.global-step-card.active{border-color:var(--accent);background:#58d9ff17;box-shadow:0 0 0 1px #58d9ff1f}.global-step-card.active span,.global-step-card.active strong{color:var(--accent)}.global-step-card.done{border-color:#75e6ad38}.global-step-card.done span{color:var(--good)}.global-step-arrow{color:#415769;font-size:11px}.transformer-flow{padding:18px;display:grid}.transformer-flow-item{border-bottom:1px solid #ffffff0a;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 0 22px;display:grid;position:relative}.tf-no{border:1px solid var(--accent);width:38px;height:38px;color:var(--accent);background:#58d9ff0f;border-radius:50%;place-items:center;font-family:monospace;font-size:11px;display:grid}.transformer-flow-item p{color:var(--muted);margin:5px 0 0;font-size:13px}.tf-arrow{color:#4b7187;position:absolute;bottom:2px;left:17px}.prereq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;display:grid}.prereq-item{border:1px solid var(--line);background:#0a1118;border-radius:8px;gap:4px;padding:11px;display:grid}.prereq-item span{color:var(--muted);font-size:11px}@media (max-width:900px){.global-flow-head{display:block}.global-progress{grid-template-columns:auto 1fr auto;margin-top:10px}.global-phase-row{grid-template-columns:1fr}}@media (max-width:620px){.global-learning-flow{padding:0 14px}.prereq-grid{grid-template-columns:1fr}}.unified-learning-shell,.foundation-3col{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:20px;display:grid}.foundation-3col{grid-template-columns:245px minmax(0,1fr)}.foundation-3col>.foundation-rightbar{grid-column:2;max-height:none;margin-top:0;position:static}.common-learning-nav{scrollbar-width:thin;align-self:start;gap:12px;max-height:calc(100vh - 104px);padding-right:5px;display:grid;position:sticky;top:84px;overflow-y:auto}.common-nav-section{border:1px solid var(--line);background:linear-gradient(#0f1822,#0b121a);border-radius:12px;padding:11px}.common-nav-title{color:#8094a7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}.common-nav-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.common-nav-title-row>span{color:#53687b;font:9px monospace}.common-quick-paths{gap:6px;display:grid}.common-quick-path{border:1px solid var(--line);border-radius:8px;gap:2px;padding:9px 10px;display:grid}.common-quick-path strong{font-size:10px}.common-quick-path small{color:#90a3b5;font-size:9px}.common-quick-path.blue{background:#178be026}.common-quick-path.purple{background:#804dc426}.common-quick-path.green{background:#2da86926}.common-quick-path.amber{background:#c3801924}.common-curriculum-nav{gap:12px;display:grid}.common-phase-group{gap:3px;display:grid}.common-phase-title{color:#566c80;letter-spacing:.1em;margin:3px 4px 4px;font-size:9px;font-weight:900}.common-curriculum-link{color:#8297aa;border:1px solid #0000;border-radius:7px;grid-template-columns:14px 22px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:35px;padding:5px 6px;display:grid}.common-curriculum-link:hover{color:#d8e8f5;background:#101a24}.common-curriculum-link.active{color:#e6f9ff;background:#58d9ff14;border-color:#58d9ff47}.common-curriculum-link.passed{color:#758d9e}.common-step-state{color:#51677a;font-size:10px}.common-curriculum-link.active .common-step-state{color:var(--accent)}.common-curriculum-link.passed .common-step-state{color:var(--good)}.common-step-number{color:#60788c;font:9px monospace}.common-step-name{gap:1px;min-width:0;display:grid}.common-step-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.common-step-name small{text-overflow:ellipsis;white-space:nowrap;color:#60778b;font-size:9px;overflow:hidden}.common-priority{border:1px solid #263b4c;border-radius:999px;padding:2px 4px;font-size:7px;font-weight:900}.common-priority.required{color:var(--accent)}.common-priority.recommended{color:#b999ff}.common-current-section>strong{font-size:12px;display:block}.common-current-section>small{color:#647a8d;margin-top:3px;font-size:9px;display:block}.common-roadmap-button{justify-content:center;width:100%;margin-top:10px;padding:8px 10px;font-size:10px}.curriculum-step-nav{margin-top:28px}.learn-shell{display:block}.foundation-3col>.common-learning-nav{grid-area:1/1/span 2}.foundation-3col>.foundation-center,.foundation-3col>.foundation-rightbar{grid-column:2}@media (max-width:1100px){.unified-learning-shell,.foundation-3col{grid-template-columns:215px minmax(0,1fr)}}@media (max-width:820px){.unified-learning-shell,.foundation-3col{grid-template-columns:1fr}.common-learning-nav{max-height:none;position:static}.foundation-3col>.common-learning-nav,.foundation-3col>.foundation-center,.foundation-3col>.foundation-rightbar{grid-area:auto/1}.common-quick-paths,.common-curriculum-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.common-quick-paths,.common-curriculum-nav{grid-template-columns:1fr}}