:root{--hud-bg:#0a0a0f;--hud-panel:#111118;--hud-surface:#1a1a24;--hud-border:#2a2a38;--hud-border-active:#ffd300;--hud-primary:#ffd300;--hud-cyan:#05d9e8;--hud-red:#ff2a6d;--hud-green:#00ff9f;--hud-purple:#b537f2;--hud-text:#e0e0e0;--hud-text-dim:#889;--hud-text-dark:#4a4a5a;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--hud-bg);color:var(--hud-text);min-height:100vh;font-family:JetBrains Mono,Fira Code,monospace;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto}::selection{background:var(--hud-primary);color:var(--hud-bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--hud-bg)}::-webkit-scrollbar-thumb{background:var(--hud-primary)}.hud-container{max-width:1600px;padding:0 var(--space-xl);margin:0 auto}.hud-grid{gap:var(--space-lg);display:grid}.hud-grid-2{grid-template-columns:repeat(2,1fr)}.hud-grid-3{grid-template-columns:repeat(3,1fr)}.hud-grid-4{grid-template-columns:repeat(4,1fr)}.hud-grid-sidebar{grid-template-columns:320px 1fr}.hud-grid-main{grid-template-columns:1fr 400px}@media (width<=1200px){.hud-grid-4{grid-template-columns:repeat(2,1fr)}.hud-grid-sidebar{grid-template-columns:280px 1fr}.hud-grid-main{grid-template-columns:1fr 320px}}@media (width<=900px){.hud-grid-3{grid-template-columns:1fr}.hud-grid-4{grid-template-columns:repeat(2,1fr)}.hud-grid-sidebar,.hud-grid-main{grid-template-columns:1fr}}@media (width<=600px){.hud-grid-2,.hud-grid-4{grid-template-columns:1fr}}.panel{background:var(--hud-panel);border:1px solid var(--hud-border);position:relative;overflow:hidden}.panel:before,.panel:after{content:"";border:1px solid var(--hud-primary);opacity:.4;width:12px;height:12px;transition:opacity .2s;position:absolute}.panel:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.panel:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.panel:hover:before,.panel:hover:after{opacity:.8}.panel-active{border-color:var(--hud-primary)}.panel-active:before,.panel-active:after{opacity:1}.panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--hud-border);justify-content:space-between;align-items:center;display:flex}.panel-body{padding:var(--space-lg)}.panel-label{text-transform:uppercase;letter-spacing:.15em;color:var(--hud-text-dim);font-size:.625rem}.font-display{font-family:Orbitron,sans-serif}.text-primary{color:var(--hud-primary)}.text-cyan{color:var(--hud-cyan)}.text-red{color:var(--hud-red)}.text-green{color:var(--hud-green)}.text-purple{color:var(--hud-purple)}.text-dim{color:var(--hud-text-dim)}.text-dark{color:var(--hud-text-dark)}.tracking-wide{letter-spacing:.1em}.tracking-wider{letter-spacing:.15em}.tracking-widest{letter-spacing:.25em}.text-xs{font-size:.625rem}.text-sm{font-size:.75rem}.text-base{font-size:.875rem}.text-lg{font-size:1rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.text-4xl{font-size:2.5rem}.status-bar{background:var(--hud-border);height:2px;position:relative;overflow:hidden}.status-bar-fill{background:var(--hud-primary);height:100%;position:relative}.status-bar-fill:after{content:"";background:linear-gradient(90deg, transparent, var(--hud-primary));opacity:.8;width:20px;position:absolute;top:0;bottom:0;right:0}.progress-ring{border:2px solid var(--hud-border);border-top-color:var(--hud-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hex-badge{background:var(--hud-primary);width:40px;height:40px;color:var(--hud-bg);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900;display:flex}.terminal-prompt{align-items:center;gap:var(--space-sm);color:var(--hud-text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.terminal-prompt:before{content:">";color:var(--hud-primary)}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.scan-line{position:relative;overflow:hidden}.scan-line:after{content:"";background:linear-gradient(90deg, transparent, var(--hud-primary), transparent);opacity:.3;height:1px;animation:4s linear infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{top:0}to{top:100%}}.hud-nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hud-border);background:#0a0a0ff2;position:fixed;top:0;left:0;right:0}.hud-nav-inner{max-width:1600px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.hud-nav-links{gap:var(--space-xs);display:flex}.hud-nav-link{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.2em;color:var(--hud-text-dim);border:1px solid #0000;font-size:.625rem;transition:all .15s}.hud-nav-link:hover,.hud-nav-link.active{color:var(--hud-primary);border-color:var(--hud-primary);background:#ffd3000d}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);text-transform:uppercase;letter-spacing:.2em;border:1px solid var(--hud-primary);color:var(--hud-primary);background:0 0;font-family:Orbitron,sans-serif;font-size:.625rem;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{background:var(--hud-primary);color:var(--hud-bg)}.btn-cyan{border-color:var(--hud-cyan);color:var(--hud-cyan)}.btn-cyan:hover{background:var(--hud-cyan);color:var(--hud-bg)}.btn-red{border-color:var(--hud-red);color:var(--hud-red)}.btn-red:hover{background:var(--hud-red);color:var(--hud-bg)}.tag{padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--hud-border);color:var(--hud-text-dim);font-size:.625rem;display:inline-block}.tag-primary{border-color:var(--hud-primary);color:var(--hud-primary)}.tag-cyan{border-color:var(--hud-cyan);color:var(--hud-cyan)}.prose{font-size:.875rem;line-height:1.75}.prose h2{text-transform:uppercase;letter-spacing:.15em;color:var(--hud-primary);margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--hud-border);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700}.prose h3{text-transform:uppercase;letter-spacing:.1em;color:var(--hud-cyan);margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600}.prose p{margin-bottom:var(--space-md);color:var(--hud-text)}.prose a{color:var(--hud-cyan);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.prose a:hover{border-bottom-color:var(--hud-cyan)}.prose code{background:var(--hud-surface);border:1px solid var(--hud-border);color:var(--hud-primary);padding:.125em .375em;font-size:.8em}.prose pre{background:var(--hud-surface);border:1px solid var(--hud-border);padding:var(--space-md);margin:var(--space-md) 0;overflow-x:auto}.prose pre code{background:0 0;border:none;padding:0}.prose blockquote{border-left:2px solid var(--hud-primary);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--hud-text-dim);font-style:italic}.prose ul{margin:var(--space-md) 0;list-style:none}.prose ul li{padding-left:var(--space-md);margin-bottom:var(--space-sm);color:var(--hud-text);position:relative}.prose ul li:before{content:"›";color:var(--hud-primary);position:absolute;left:0}.prose ol{margin:var(--space-md) 0;counter-reset:hud-ol;list-style:none}.prose ol li{padding-left:var(--space-lg);margin-bottom:var(--space-sm);counter-increment:hud-ol;color:var(--hud-text);position:relative}.prose ol li:before{content:counter(hud-ol, decimal-leading-zero);color:var(--hud-primary);font-weight:700;position:absolute;left:0}.prose strong{color:var(--hud-primary);font-weight:600}.prose em{color:var(--hud-cyan);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out fadeIn}.fade-in-delay-1{opacity:0;animation-delay:.1s;animation-fill-mode:forwards}.fade-in-delay-2{opacity:0;animation-delay:.2s;animation-fill-mode:forwards}.fade-in-delay-3{opacity:0;animation-delay:.3s;animation-fill-mode:forwards}.fade-in-delay-4{opacity:0;animation-delay:.4s;animation-fill-mode:forwards}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.border{border:1px solid var(--hud-border)}.border-t{border-top:1px solid var(--hud-border)}.border-b{border-bottom:1px solid var(--hud-border)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}@media (width<=768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=769px){.md\:flex{display:flex}.md\:hidden{display:none}}.hamburger{border:1px solid var(--hud-border);color:var(--hud-primary);padding:var(--space-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:none}.hamburger:hover{border-color:var(--hud-primary);background:#ffd3000d}.mobile-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hud-border);z-index:99;padding:var(--space-md);background:#0a0a0ffa;display:none;position:fixed;top:56px;left:0;right:0}.mobile-menu.open{display:block}.mobile-menu-link{padding:var(--space-md);text-transform:uppercase;letter-spacing:.15em;color:var(--hud-text-dim);border:1px solid var(--hud-border);margin-bottom:var(--space-sm);text-align:center;justify-content:center;align-items:center;min-height:44px;font-size:.75rem;display:flex}.mobile-menu-link:hover,.mobile-menu-link.active{color:var(--hud-primary);border-color:var(--hud-primary);background:#ffd3000d}@media (width<=768px){.hamburger{display:flex}.desktop-nav{display:none}}@media (width<=600px){.hud-container{padding:0 var(--space-md)}}@media (width<=768px){html{font-size:15px}}@media (width<=480px){html{font-size:14px}.hud-grid-2,.hud-grid-3,.hud-grid-4{grid-template-columns:1fr}}@media (width<=768px){.progress-grid{grid-template-columns:repeat(2,1fr)}.flow-diagram{padding:var(--space-md);flex-direction:column}.flow-arrow{transform:rotate(90deg)}body{overflow-x:hidden}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.learning-path{gap:var(--space-lg);margin:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.path-level{padding:var(--space-lg);border:1px solid var(--hud-border);background:var(--hud-panel);transition:all .2s;position:relative}.path-level:hover{border-color:var(--hud-primary);transform:translateY(-2px)}.path-level-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.path-level-number{background:var(--hud-primary);width:32px;height:32px;color:var(--hud-bg);border-radius:50%;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;display:flex}.path-level-title{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.comparison-chart{gap:var(--space-md);margin:var(--space-xl) 0;display:grid}.chart-row{gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--hud-border);grid-template-columns:200px 1fr 1fr 1fr;display:grid}.chart-header{text-transform:uppercase;letter-spacing:.15em;color:var(--hud-text-dim);font-family:Orbitron,sans-serif;font-size:.625rem}.chart-cell{font-size:.75rem}.chart-bar{background:var(--hud-border);height:8px;margin-top:var(--space-xs);border-radius:4px;overflow:hidden}.chart-bar-fill{border-radius:4px;height:100%}.flow-diagram{align-items:center;gap:var(--space-md);padding:var(--space-xl);background:var(--hud-surface);border:1px solid var(--hud-border);margin:var(--space-xl) 0;display:flex;overflow-x:auto}.flow-arrow{color:var(--hud-primary);font-size:1.5rem}.concept-cards{gap:var(--space-md);margin:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.concept-card{padding:var(--space-lg);background:var(--hud-panel);border:1px solid var(--hud-border);text-align:center}.concept-icon{margin-bottom:var(--space-md);font-size:2rem}.concept-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}.playground{border:1px solid var(--hud-border);background:var(--hud-surface);margin:var(--space-xl) 0}.playground-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--hud-border);justify-content:space-between;align-items:center;display:flex}.playground-body{padding:var(--space-lg)}.playground-controls{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.playground-control label{text-transform:uppercase;letter-spacing:.1em;color:var(--hud-text-dim);margin-bottom:var(--space-xs);font-size:.625rem;display:block}.playground-control input,.playground-control select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--hud-bg);border:1px solid var(--hud-border);color:var(--hud-text);font-family:JetBrains Mono,monospace;font-size:.875rem}.playground-output{background:var(--hud-bg);border:1px solid var(--hud-border);padding:var(--space-md);white-space:pre-wrap;min-height:100px;font-family:JetBrains Mono,monospace;font-size:.875rem}.output-comparison{gap:var(--space-md);margin:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.output-card{border:1px solid var(--hud-border);background:var(--hud-panel)}.output-card-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--hud-border);justify-content:space-between;align-items:center;display:flex}.output-card-body{padding:var(--space-md);max-height:300px;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow-y:auto}.visual-container{margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--hud-surface);border:1px solid var(--hud-border);text-align:center}.visual-title{text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-md);font-family:Orbitron,sans-serif;font-size:.75rem}.arch-box-title{text-transform:uppercase;letter-spacing:.1em;color:var(--hud-text-dim);margin-bottom:var(--space-xs);font-size:.625rem}.arch-box-value{font-size:.875rem;font-weight:600}.progress-ring{width:100px;height:100px;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--hud-border);stroke-width:8px}.progress-ring-fill{fill:none;stroke:var(--hud-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .5s}.progress-ring-text{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cost-bars{gap:var(--space-sm);margin:var(--space-xl) 0;flex-direction:column;display:flex}.cost-bar-label{text-align:right;font-size:.75rem}.slider-container{margin:var(--space-md) 0}.slider{-webkit-appearance:none;background:var(--hud-border);border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--hud-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.slider-value{text-align:center;margin-top:var(--space-sm);font-family:Orbitron,sanspace;font-size:1rem;font-weight:700}.tooltip{border-bottom:1px dotted var(--hud-primary);cursor:help;display:inline-block;position:relative}.tooltip:after{content:attr(data-tip);padding:var(--space-sm) var(--space-md);background:var(--hud-bg);border:1px solid var(--hud-border);white-space:nowrap;opacity:0;pointer-events:none;font-size:.625rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeInUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-delay-4{opacity:0;animation-delay:.4s}.course-container{max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.course-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--hud-border)}.course-header h1{margin-bottom:var(--space-md)}.progress-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.progress-level{padding:var(--space-md);border:1px solid var(--hud-border);text-align:center;transition:all .2s}.progress-level:hover{border-color:var(--hud-primary)}.progress-level.locked{opacity:.5}.progress-level.active{border-color:var(--hud-primary);background:#ffd3000d}.progress-level.complete{border-color:var(--hud-green);background:#00ff9f0d}.level-number{color:var(--hud-primary);margin-bottom:var(--space-xs);font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900}.level-name{text-transform:uppercase;letter-spacing:.05em;color:var(--hud-text-dim);font-size:.75rem}.flow-diagram{align-items:center;gap:var(--space-md);padding:var(--space-xl);background:var(--hud-surface);border:1px solid var(--hud-border);display:flex;overflow-x:auto}.flow-step{padding:var(--space-md) var(--space-lg);background:var(--hud-panel);border:1px solid var(--hud-border);text-align:center;flex-shrink:0;min-width:100px}.flow-arrow{color:var(--hud-primary);font-size:1.25rem;font-weight:700}.arch-diagram{align-items:center;gap:var(--space-md);padding:var(--space-xl);flex-direction:column;display:flex}.arch-layer{gap:var(--space-md);align-items:center;display:flex}.arch-box{padding:var(--space-md) var(--space-lg);background:var(--hud-panel);border:1px solid var(--hud-border);text-align:center;min-width:120px}.cost-bars{gap:var(--space-sm);flex-direction:column;display:flex}.cost-bar-row{align-items:center;gap:var(--space-md);grid-template-columns:120px 1fr 60px;display:grid}.cost-bar-label{text-align:right;color:var(--hud-text-dim);font-size:.75rem}.cost-bar-track{background:var(--hud-border);border-radius:2px;height:16px;overflow:hidden}.cost-bar-fill{border-radius:2px;height:100%;transition:width .5s}.cost-bar-value{color:var(--hud-text-dim);font-family:Orbitron,monospace;font-size:.625rem}#menu-toggle{border:1px solid var(--hud-border);color:var(--hud-primary);padding:var(--space-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:none}#menu-toggle:hover{border-color:var(--hud-primary);background:#ffd3000d}#mobile-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hud-border);z-index:99;padding:var(--space-md);background:#0a0a0ffa;display:none;position:fixed;top:56px;left:0;right:0}#mobile-menu:not(.hidden){display:block}#mobile-menu a{padding:var(--space-md);text-transform:uppercase;letter-spacing:.15em;color:var(--hud-text-dim);border:1px solid var(--hud-border);margin-bottom:var(--space-sm);text-align:center;justify-content:center;align-items:center;min-height:44px;font-size:.75rem;display:flex}#mobile-menu a:hover{color:var(--hud-primary);border-color:var(--hud-primary);background:#ffd3000d}@media (width<=768px){#menu-toggle{display:flex}.hud-nav-links{display:none!important}}@media (width<=600px){.hud-container{padding:0 var(--space-md)}}@media (width<=768px){html{font-size:15px}}@media (width<=480px){html{font-size:14px}.hud-grid-2,.hud-grid-3,.hud-grid-4{grid-template-columns:1fr}}@media (width<=768px){.progress-grid{grid-template-columns:repeat(2,1fr)}.flow-diagram{padding:var(--space-md);flex-direction:column}.flow-arrow{transform:rotate(90deg)}.course-header h1{font-size:1.8rem}.panel-body h2{font-size:1.1rem}}@media (width<=480px){.progress-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.level-number{font-size:1.2rem}.level-name{font-size:.65rem}}@media (width<=768px){body{overflow-x:hidden}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (width<=480px){.progress-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.level-number{font-size:1.2rem}.level-name{font-size:.65rem}}