:root{--void:#060608;--surface:#0d0d10;--surface-elevated:#15151a;--surface-glass:#0d0d10e6;--surface-2:#121216;--surface-3:#1a1a20;--border:#25252d;--border-subtle:#19191f;--muted:#1b1b21;--muted-fg:#9b9ba8;--ghost:#73737f;--body-text:#b2b2bf;--bright:#f7f4ee;--white:#fff;--fg:var(--bright);--text:var(--bright);--mist:#d7d4cc;--signal:#4d8ef7;--signal-dim:#4d8ef71f;--signal-glow:#4d8ef740;--signal-hover:#3a7de8;--emerald:#2dd4a0;--emerald-dim:#2dd4a02e;--amber:#e8a838;--crimson:#f05252;--gold:#c9a227;--gold-dim:#c9a2271f;--code-bg:#0a0a0d;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Fraunces", "IBM Plex Serif", Georgia, serif;--font-serif:"IBM Plex Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--gradient-hero:radial-gradient(ellipse 70% 55% at 52% -18%, #4d8ef72e, transparent 62%), radial-gradient(ellipse 45% 36% at 82% 42%, #c9a2271a, transparent 68%), linear-gradient(180deg, #f7f4ee08, transparent 38%);--gradient-card:linear-gradient(145deg, #4d8ef70e 0%, #c9a22709 45%, transparent 82%);--gradient-surface:linear-gradient(145deg, #ffffff0e, #ffffff04);--gradient-spotlight:radial-gradient(circle at 18% 0%, #c9a22724, transparent 34%), radial-gradient(circle at 82% 8%, #4d8ef724, transparent 38%);--gradient-gold:linear-gradient(135deg, var(--gold), #e8c547);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--leading-tight:1.15;--leading-snug:1.32;--leading-normal:1.65;--leading-relaxed:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--nav-height:64px;--mobile-track-height:48px;--sidebar-width:260px;--content-width:680px;--page-width:1140px;--radius-xs:6px;--radius-md:16px;--radius:14px;--radius-sm:8px;--radius-lg:20px;--transition:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.55s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 3px #0006;--shadow-md:0 8px 32px #00000059;--shadow-lg:0 24px 64px #00000073;--shadow-glow:0 0 40px #4d8ef714;--shadow-premium:0 30px 80px #0000006b, inset 0 1px 0 #ffffff0a;--tok-kw:#c792ea;--tok-type:#82aaff;--tok-str:#c3e88d;--tok-num:#f78c6c;--tok-com:#697098;--tok-pre:#89ddff}[data-theme=light]{--void:#faf9f7;--surface:#fff;--surface-elevated:#f5f4f2;--surface-glass:#fffffff0;--surface-2:#f6f4f0;--surface-3:#ebe8e1;--border:#e8e6e3;--border-subtle:#f0eeeb;--muted:#f5f4f2;--muted-fg:#64646f;--ghost:#6b6b76;--body-text:#4a4a55;--bright:#12121a;--white:#060608;--fg:var(--bright);--text:var(--bright);--mist:#34343d;--code-bg:#f5f4f2;--signal-dim:#4d8ef714;--gold-dim:#c9a22714;--emerald-dim:#2dd4a01f;--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #4d8ef714, transparent), radial-gradient(ellipse 48% 36% at 82% 42%, #c9a22714, transparent);--gradient-surface:linear-gradient(145deg, #ffffffe6, #f6f4f0ad);--gradient-spotlight:radial-gradient(circle at 18% 0%, #c9a2271f, transparent 34%), radial-gradient(circle at 82% 8%, #4d8ef71c, transparent 38%);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 8px 32px #00000014;--shadow-lg:0 24px 64px #0000001a;--shadow-glow:0 0 40px #4d8ef70f;--shadow-premium:0 26px 70px #1c18121c, inset 0 1px 0 #fffc;--tok-kw:#7c3aed;--tok-type:#1d4ed8;--tok-str:#15803d;--tok-num:#c2410c;--tok-com:#8b8b96;--tok-pre:#0e7490}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--void);color:var(--body-text);line-height:var(--leading-normal);min-height:100vh}#root{min-height:100vh}a{color:var(--signal);transition:color var(--transition);text-decoration:none}a:hover{color:var(--signal-hover)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--bright);line-height:var(--leading-tight);letter-spacing:-.02em;font-weight:600}h1{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl))}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}.page-container{max-width:var(--page-width);padding:var(--space-10) var(--space-6) var(--space-16);margin:0 auto}.page-container--narrow{max-width:calc(var(--content-width) + var(--space-12))}.page-header{margin-bottom:var(--space-10);max-width:var(--content-width)}.eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin-bottom:var(--space-3);font-weight:600;display:inline-block}.page-header h1{margin-bottom:var(--space-4)}.subtitle{font-size:var(--text-lg);color:var(--ghost);line-height:var(--leading-relaxed);max-width:58ch}.grid-2{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all var(--transition);white-space:nowrap;padding:.625rem 1.125rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--signal);color:#fff}.btn-primary:hover{background:var(--signal-hover);color:#fff}.btn-ghost{color:var(--body-text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--signal);color:var(--bright);background:var(--signal-dim)}.btn-sm{font-size:var(--text-xs);padding:.4375rem .875rem}.btn-xs{font-size:var(--text-xs);justify-content:center;min-width:28px;padding:.25rem .5rem}.btn-emerald{color:#fff;background:#059669;border:1px solid #10b98180}.btn-emerald:hover{color:#fff;background:#047857}.page-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.badge{font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.1875rem .5625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-signal{background:var(--signal-dim);color:var(--signal)}.badge-emerald{color:var(--emerald);background:#22c55e1a}.badge-amber{color:var(--amber);background:#f59e0b1a}.badge-gold{color:var(--gold);background:#d4a0541a}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);transition:border-color var(--transition), box-shadow var(--transition)}.card:hover{border-color:#3b82f640}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{color:inherit}.loader-screen,.error-screen{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;min-height:100vh;padding:var(--space-8);flex-direction:column;display:flex}.loader-spinner{border:2px solid var(--border);border-top-color:var(--signal);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.article-content{max-width:var(--content-width)}.article-lead{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--bright);margin-bottom:var(--space-10)}.content-section{margin-bottom:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--border)}.content-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.content-section h2{font-size:var(--text-xl);margin-bottom:var(--space-5)}.prose{max-width:65ch;font-size:var(--text-base);line-height:var(--leading-relaxed)}.prose ul,.prose ol{margin:var(--space-3) 0 var(--space-4);padding-left:1.25rem}.prose li{margin-bottom:var(--space-2);padding-left:var(--space-1)}.prose li::marker{color:var(--ghost)}.insight{padding:var(--space-5) var(--space-6);border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border);margin:var(--space-4) 0;line-height:var(--leading-relaxed)}.insight--tip{border-left:3px solid var(--signal);background:var(--signal-dim)}.insight--warn{border-left:3px solid var(--amber);background:#f59e0b0f}.insight--success{border-left:3px solid var(--emerald);background:#22c55e0f}.insight--interview{border-left:3px solid var(--crimson);background:#ef44440f}.insight-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-2);font-weight:600;display:block}.compare-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.compare-panel{padding:var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated)}.compare-panel h4{font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:600}.compare-panel--yes h4{color:var(--emerald)}.compare-panel--no h4{color:var(--crimson)}.example-grid{gap:var(--space-4);margin-top:var(--space-4);display:grid}.example-card{padding:var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated)}.example-card strong{font-size:var(--text-sm);color:var(--bright);margin-bottom:var(--space-2);font-weight:600;display:block}.example-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.concept-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.concept-card .card-meta{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.concept-card .card-desc,.card-desc{font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.concept-card-cta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--signal);margin:0;font-weight:500;display:flex}.lesson-html{font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:var(--content-width)}.lesson-html h3{font-size:var(--text-lg);margin:var(--space-8) 0 var(--space-4)}.lesson-html table{border-collapse:collapse;width:100%;margin:var(--space-5) 0;font-size:var(--text-sm)}.lesson-html th,.lesson-html td{border:1px solid var(--border);padding:var(--space-3) var(--space-4);text-align:left}.lesson-html th{background:var(--muted);color:var(--bright);font-weight:600}.lesson-html .lesson-callout,.lesson-html .lesson-section-guide,.lesson-html .lesson-reflection,.lesson-html .lesson-decision-matrix{padding:var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated);margin:var(--space-5) 0}.lesson-html .section-guide-label,.lesson-html .lesson-callout-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-3);font-weight:600}@media (width<=768px){.page-container{padding:var(--space-6) var(--space-4) var(--space-16)}.grid-2,.grid-3,.compare-grid{grid-template-columns:1fr}.article-lead{font-size:var(--text-lg)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{margin-top:var(--nav-height);flex:1}.app-main--article{margin-left:0!important}.app-main--ide{max-width:none;padding:0}.top-bar{z-index:100;height:var(--nav-height);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=light] .top-bar{background:#fafafaeb}.top-bar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:1400px;margin:0 auto;display:flex}.top-bar-brand{align-items:center;gap:var(--space-3);display:flex}.logo{align-items:center;gap:var(--space-3);color:var(--bright);font-size:var(--text-sm);letter-spacing:-.01em;font-weight:600;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg, var(--signal), #3a6fd8);color:#fff;letter-spacing:-.02em;width:30px;height:30px;box-shadow:0 2px 12px var(--signal-glow);border-radius:8px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:flex}.logo-mark-d{color:var(--amber);margin:0 -1px}.logo-word{letter-spacing:-.02em;font-weight:700}.logo-word-paren{color:var(--signal)}.top-nav{align-items:center;gap:var(--space-1);display:flex}.top-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ghost);font-size:var(--text-sm);transition:all var(--transition);font-weight:500;text-decoration:none}.top-nav a:hover,.top-nav a.active{color:var(--bright);background:var(--muted)}.top-nav-more{position:relative}.top-nav-more>summary{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ghost);font-size:var(--text-sm);transition:all var(--transition);-webkit-user-select:none;user-select:none;font-weight:500;list-style:none}.top-nav-more>summary::-webkit-details-marker{display:none}.top-nav-more>summary:after{content:" ▾";font-size:.7em}.top-nav-more[open]>summary,.top-nav-more>summary:hover{color:var(--bright);background:var(--muted)}.top-nav-more-menu{min-width:190px;padding:var(--space-2);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:210;flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.top-nav-more-menu a{display:block}.top-actions{align-items:center;gap:var(--space-2);display:flex}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ghost);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--muted);color:var(--bright)}.progress-pill{font-size:var(--text-xs);background:var(--muted);color:var(--ghost);border-radius:999px;padding:.25rem .625rem;font-weight:600}.track-toggle{background:var(--muted);border-radius:var(--radius-sm);padding:2px;display:flex}.track-toggle--full{width:100%}.track-toggle--full button{text-align:center;flex:1;padding:.5rem .75rem}.track-toggle button{font-size:var(--text-xs);color:var(--ghost);transition:all var(--transition);white-space:nowrap;border-radius:6px;padding:.3125rem .625rem;font-weight:600}.track-toggle button.active{background:var(--surface);color:var(--bright);box-shadow:var(--shadow-sm)}.mobile-track-bar{display:none}.sidebar-backdrop{z-index:150;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#00000080;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar{top:var(--nav-height);width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:160;transition:transform var(--transition);padding:var(--space-5) 0;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-level{margin-bottom:var(--space-1)}.sidebar-level-title{padding:var(--space-3) var(--space-5) var(--space-2);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--ghost);border-top:1px solid var(--border-subtle);font-weight:700}.sidebar-link{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--body-text);transition:color var(--transition), background var(--transition), border-color var(--transition);line-height:var(--leading-normal);border-left:2px solid #0000;text-decoration:none;display:block}.sidebar-link:hover{color:var(--bright);border-left-color:var(--border);background:#ffffff08}.sidebar-link.active{color:var(--bright);border-left-color:var(--signal);background:#4d8ef712;font-weight:500}.mobile-nav{z-index:100;background:var(--surface);border-top:1px solid var(--border);padding:var(--space-2) var(--space-3);justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{padding:var(--space-1);color:var(--ghost);flex-direction:column;align-items:center;gap:2px;font-size:.625rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav a.active{color:var(--signal)}.search-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.search-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(520px,92vw);box-shadow:var(--shadow-md);overflow:hidden}.search-input{width:100%;padding:var(--space-4) var(--space-5);border:none;border-bottom:1px solid var(--border);color:var(--bright);font-size:var(--text-base);background:0 0;outline:none}.search-input::placeholder{color:var(--ghost)}.search-results{max-height:50vh;overflow-y:auto}.search-result{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);color:inherit;transition:background var(--transition);text-decoration:none;display:block}.search-result:hover{background:var(--muted)}.search-result .label{color:var(--bright);font-weight:500;font-size:var(--text-sm)}.search-result .meta{font-size:var(--text-xs);color:var(--ghost);margin-top:var(--space-1)}@media (width<=900px){.top-nav,.track-toggle--desktop{display:none}.mobile-track-bar{top:var(--nav-height);z-index:99;height:var(--mobile-track-height);align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:fixed;left:0;right:0}.mobile-track-bar-label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ghost);flex-shrink:0;font-weight:600}.mobile-track-bar .track-toggle{flex:1;min-width:0}.sidebar{top:calc(var(--nav-height) + var(--mobile-track-height))}.mobile-nav{display:flex}.app-main{margin-top:calc(var(--nav-height) + var(--mobile-track-height));padding-bottom:3.5rem}}@media (width>=901px){.sidebar{transform:translate(0)}.sidebar.sidebar--drawer-only,.sidebar.sidebar--drawer-only.open{transform:translate(-100%)}.app-main:not(.app-main--article){margin-left:var(--sidebar-width)}.mobile-menu-btn{display:none}}.auth-menu{align-items:center;gap:var(--space-2);display:flex}.auth-menu--sidebar{flex-direction:column;align-items:stretch;width:100%}.auth-menu--sidebar .auth-provider-btn,.auth-menu--sidebar .auth-signout{justify-content:center;width:100%}.auth-provider-btn{align-items:center;gap:.375rem;display:inline-flex;font-size:var(--text-xs)!important;padding:4px 10px!important}.sidebar-track-badge{align-items:center;gap:var(--space-2);margin:0 var(--space-3) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);background:var(--signal-dim);border:1px solid #4d8ef729;font-size:.6875rem;font-weight:700;display:flex}.sidebar-track-badge-dot{background:var(--signal);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #4d8ef799}.sidebar-auth{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-2);display:none}.sidebar-auth-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-2);font-weight:600;display:block}.auth-user-pill,.auth-guest-pill{font-size:var(--text-xs);border:1px solid var(--border);color:var(--ghost);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:120px;padding:4px 10px;overflow:hidden}.auth-signout{font-size:var(--text-xs)!important}@media (width<=900px){.sidebar-auth{display:block}.auth-provider-btn--compact{justify-content:center;min-width:34px;padding:6px 8px!important}.auth-provider-btn--compact .auth-provider-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top-actions .auth-guest-pill{max-width:4.5rem;font-size:.6875rem}}.hero-section{padding:var(--space-16) 0 var(--space-12);border-bottom:1px solid var(--border)}.hero-content{max-width:640px}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--bright);margin-bottom:var(--space-5);font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.15}.hero-subtitle{font-size:var(--text-lg);color:var(--ghost);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:52ch}.hero-stats{gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.hero-stat-value{font-size:var(--text-2xl);color:var(--bright);letter-spacing:-.02em;font-weight:700}.hero-stat-label{font-size:var(--text-xs);color:var(--ghost);margin-top:var(--space-1)}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-progress{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--emerald)}.level-card h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-lg)}.level-card .level-meta{font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-relaxed)}.level-card .level-count{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--signal);font-weight:500}.curriculum-level{margin-bottom:var(--space-10)}.curriculum-level-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.curriculum-level-header h2{margin-top:var(--space-2);font-size:var(--text-xl)}.lesson-layout{min-height:calc(100vh - var(--nav-height));display:flex}.lesson-sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);padding:var(--space-6) 0;top:var(--nav-height);height:calc(100vh - var(--nav-height));flex-shrink:0;position:sticky;overflow-y:auto}.lesson-sidebar-header{padding:0 var(--space-5)}.lesson-sidebar-header h2{font-size:var(--text-base);margin-top:var(--space-4);line-height:var(--leading-normal)}.lesson-sidebar-meta{font-size:var(--text-xs);color:var(--ghost);margin-top:var(--space-1)}.lesson-nav{margin-top:var(--space-5)}.lesson-nav-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-sm);color:var(--body-text);transition:all var(--transition);display:flex}.lesson-nav-item:hover,.lesson-nav-item.active{background:var(--signal-dim);color:var(--signal)}.lesson-nav-num{background:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6875rem;font-weight:600;display:flex}.lesson-nav-item.active .lesson-nav-num{background:var(--signal);color:#fff}.lesson-content{padding-top:var(--space-8);flex:1}.lesson-nav-buttons{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border);display:flex}.glossary-search{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);max-width:480px;display:flex}.glossary-search input{color:var(--bright);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1}.glossary-search input::placeholder{color:var(--ghost)}.category-filters{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.glossary-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.glossary-term h3{font-size:var(--text-base);font-family:var(--font-sans);font-weight:600}.glossary-term p{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--space-3)}.glossary-term .term-related{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.glossary-toolbar{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.glossary-toolbar .category-filters{margin-bottom:0}.glossary-term-card h3,.interview-question-card h3{font-size:var(--text-lg);font-family:var(--font-display);font-weight:600;line-height:var(--leading-snug)}.interview-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.interview-question-card .card-desc{min-height:4.5rem}.interview-framework-card{padding:var(--space-6) var(--space-7);margin-bottom:var(--space-8);max-width:720px}.interview-framework-card h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2)}.interview-framework-note{font-size:var(--text-sm);color:var(--ghost);margin-top:var(--space-4)}.page-header--editorial .subtitle{max-width:52ch;font-size:var(--text-lg);line-height:var(--leading-relaxed)}.page-container--wide{max-width:960px}.page-audience{font-size:var(--text-sm);color:var(--ghost);margin-top:var(--space-2)}.level-intro-article{margin-bottom:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--border)}.level-syllabus{margin-top:var(--space-4)}.level-syllabus-head{justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.level-syllabus-intro{max-width:62ch}.level-syllabus-intro h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-2) 0;letter-spacing:-.01em}.level-syllabus-intro p{color:var(--ghost);font-size:var(--text-base);line-height:var(--leading-relaxed)}.level-syllabus-progress{align-items:center;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.level-progress-ring{background:conic-gradient(var(--emerald) var(--ring,0deg), var(--muted) 0);border-radius:50%;place-items:center;width:72px;height:72px;transition:background .7s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.level-progress-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:6px}.level-progress-ring-value{z-index:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--bright);font-weight:700;position:relative}.level-progress-caption{font-size:var(--text-xs);color:var(--ghost);letter-spacing:.04em}.level-module-list{gap:var(--space-10);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.level-module-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.level-module-index{width:2.5rem;height:2.5rem;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--gold);background:var(--gold-dim);transition:color var(--transition), background var(--transition), border-color var(--transition);border:1px solid #c9a2274d;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.level-module--done .level-module-index{color:var(--emerald);background:#2dd4a01f;border-color:#2dd4a059}.level-module-title{flex:1;min-width:0}.level-module-title h3{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.level-module-title p{color:var(--ghost);text-transform:uppercase;letter-spacing:.08em;margin:2px 0 0;font-size:.6875rem}.level-module-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ghost);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:.25rem .65rem}.level-module--done .level-module-count{color:var(--emerald);border-color:#2dd4a059}.level-module-steps{gap:var(--space-5);padding-left:calc(2.5rem + var(--space-4));grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.concept-card{position:relative}.concept-card-step{min-width:1.9rem;height:1.9rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ghost);background:var(--muted);border:1px solid var(--border);transition:color var(--transition), background var(--transition), border-color var(--transition);border-radius:8px;place-items:center;margin-right:auto;padding:0 .4rem;font-weight:700;display:grid}.concept-card:hover .concept-card-step{color:var(--signal);border-color:var(--signal)}.concept-card--done{border-left:3px solid var(--emerald)}.concept-card--done .concept-card-step{color:var(--emerald);background:#2dd4a01f;border-color:#2dd4a059}.concept-card-go{color:var(--ghost);transition:transform var(--transition), color var(--transition);margin-left:auto}.concept-card:hover .concept-card-go{color:var(--signal);transform:translate(2px,-2px)}.concept-card-teaser{min-height:4.5rem}.concept-card-read-time{margin-left:var(--space-3);color:var(--ghost);align-items:center;gap:4px;display:inline-flex}@media (width<=768px){.level-module-steps{padding-left:0}.level-syllabus-head{align-items:flex-start}}.misconceptions-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.misconception-card h3{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-snug)}.badge-crimson{color:var(--crimson);background:#ef44441f;border:1px solid #ef444440}.card-locked{opacity:.65;cursor:not-allowed}.curriculum-intro-section,.studio-guide-article{margin-bottom:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--border)}.studio-workspace .section-title{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-6)}.studio-panel-title{font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:600}.studio-analysis-title{font-size:var(--text-lg);font-family:var(--font-display);margin-bottom:var(--space-3)}.studio-analysis-desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--bright);margin-bottom:var(--space-4)}.studio-analysis-placeholder{font-size:var(--text-sm);color:var(--ghost)}.studio-analysis-summary{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.lesson-html .lesson-misconception-card{padding:var(--space-5);margin:var(--space-5) 0;border:1px solid var(--border);border-left:3px solid var(--crimson);border-radius:var(--radius-sm);background:#ef444408}.lesson-html .lesson-misconception-card h4{font-size:var(--text-base);margin:0 0 var(--space-3);color:var(--bright)}.lesson-html .lesson-misconception-card--compact{border-left-color:var(--amber);background:#d4a0540a}.lesson-html .lesson-misconception-card p{font-size:var(--text-sm);margin-bottom:var(--space-2)}.article-lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--muted-fg,var(--ghost));margin-bottom:var(--space-8);max-width:65ch}.interview-framework{padding:var(--space-6);margin-bottom:var(--space-8);max-width:var(--content-width)}.scale-items{gap:var(--space-6);margin-top:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.scale-items span{color:var(--ghost)}.scale-items strong{color:var(--bright);margin-right:var(--space-1)}.interview-tools{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.interview-question{margin-bottom:var(--space-3)!important;padding:var(--space-5) var(--space-6)!important}.interview-question-header h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;line-height:var(--leading-relaxed)}.interview-question-meta{gap:var(--space-2);flex-shrink:0;display:flex}.interview-answer{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.interview-answer p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.studio-layout{gap:var(--space-5);grid-template-columns:220px 1fr 240px;min-height:480px;display:grid}.studio-palette-item{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;transition:border-color var(--transition);display:block}.studio-palette-item strong{font-size:var(--text-sm);color:var(--bright);display:block}.studio-palette-item span{font-size:var(--text-xs);color:var(--ghost);margin-top:var(--space-1);display:block}.studio-palette-item:hover:not(:disabled){border-color:var(--signal)}.studio-palette-item.added{opacity:.45;cursor:default}.studio-empty{min-height:280px;color:var(--ghost);font-size:var(--text-sm);text-align:center;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.studio-diagram{padding:var(--space-4)}.studio-layer-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-3);font-weight:600;display:block}.studio-nodes{gap:var(--space-3);flex-wrap:wrap;display:flex}.studio-node{padding:var(--space-3) var(--space-4);background:var(--signal-dim);border-radius:var(--radius-sm);color:var(--bright);font-size:var(--text-sm);transition:all var(--transition);border:1px solid #3b82f633;font-weight:500;position:relative}.studio-node.selected{border-color:var(--signal);box-shadow:0 0 0 2px var(--signal-dim)}.client-node{background:var(--muted);border-color:var(--border);cursor:default}.studio-connector{text-align:center;color:var(--ghost);padding:var(--space-2);font-size:var(--text-sm)}.studio-remove{background:var(--crimson);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex;position:absolute;top:-6px;right:-6px}.analysis-row{padding:var(--space-3) 0;font-size:var(--text-sm);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.analysis-row:last-child{border-bottom:none}@media (width<=900px){.lesson-layout{flex-direction:column}.lesson-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;position:static}.studio-layout{grid-template-columns:1fr}}.practice-page{max-width:1400px;padding:var(--space-6) var(--space-5) var(--space-10);margin:0 auto}.practice-page.ide-session{max-width:min(1600px,100%);padding:var(--space-4) var(--space-5) var(--space-8)}.ide-session-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.ide-session-header h1{margin:var(--space-1) 0 0;font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.35rem,2.5vw,1.75rem)}.ide-session-lead{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--ghost);max-width:62ch;line-height:var(--leading-relaxed)}.ide-session-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ghost);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.ide-session-breadcrumb a{color:var(--signal);text-decoration:none}.ide-session-breadcrumb a:hover{text-decoration:underline}.ide-session-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ide-session-toolbar{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.ide-session-lang{gap:var(--space-2);display:flex}.ide-session-nav{margin-top:var(--space-6)}.ide-session-footer,.ide-session-footer-minimal{max-width:100%;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.ide-session-footer-minimal{gap:var(--space-2);display:flex}.ide-session-related{margin-bottom:var(--space-4)}.ide-session-related summary{cursor:pointer;font-size:var(--text-sm);color:var(--ghost);margin-bottom:var(--space-3);-webkit-user-select:none;user-select:none;font-weight:500}.ide-session-related[open] summary{color:var(--body-text);margin-bottom:var(--space-4)}.practice-page--loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:50vh;color:var(--muted-fg);flex-direction:column;display:flex}.practice-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.practice-page-header h1{margin:var(--space-2) 0;font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.75rem,3vw,2.25rem)}.practice-page-lead{max-width:62ch;color:var(--muted-fg);margin:0;line-height:1.6}.practice-page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.practice-page-actions .btn{align-items:center;gap:var(--space-2);display:inline-flex}.encyclopedia-stats{gap:var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.encyclopedia-stat{gap:var(--space-1);flex-direction:column;display:flex}.encyclopedia-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--signal);font-weight:700}.encyclopedia-stat-label{font-size:var(--text-sm);color:var(--ghost)}.encyclopedia-paths{margin-bottom:var(--space-10)}.encyclopedia-paths h2,.encyclopedia-section h2{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2)}.section-lead{color:var(--muted-fg);margin-bottom:var(--space-6);max-width:65ch}.encyclopedia-path-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.encyclopedia-path-card ol{margin:var(--space-4) 0 0;padding-left:var(--space-5);font-size:var(--text-sm);color:var(--muted-fg)}.encyclopedia-path-links{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.encyclopedia-inline-link{font-size:var(--text-xs);color:var(--signal);text-decoration:none}.encyclopedia-inline-link:hover{text-decoration:underline}.encyclopedia-search{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:var(--text-base)}.encyclopedia-section{margin-bottom:var(--space-10)}.encyclopedia-section-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--signal);display:flex}.encyclopedia-section-header p{color:var(--muted-fg);font-size:var(--text-sm);margin:0}.dsa-hub-spine{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.dsa-hub-spine-card{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.dsa-hub-spine-card:hover{border-color:var(--gold);background:#d4a0540d}.dsa-hub-confused-preview{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md)}.dsa-hub-confused-preview ul{margin:var(--space-3) 0;padding:0;list-style:none}.dsa-hub-confused-preview li{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.confused-pairs-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.confused-category-groups{gap:var(--space-8);flex-direction:column;display:flex}.confused-article-group-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.confused-article-group-header h2{font-size:var(--text-xl);margin:0}.confused-article-group-header h2 a{color:inherit;text-decoration:none}.confused-article-group-header h2 a:hover{color:var(--gold)}.confused-category-filters{flex-wrap:wrap}@media (width<=768px){.confused-category-filters{-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.confused-article-group-header{flex-direction:column;align-items:flex-start}.confused-pairs-grid{grid-template-columns:1fr}}.confused-pair-card{padding:var(--space-4)}.confused-pair-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;font-weight:600;display:flex}.confused-pair-vs{color:var(--ghost);font-size:var(--text-sm);font-weight:400}.confused-pair-distinction{font-size:var(--text-sm);color:var(--muted-fg);line-height:var(--leading-relaxed)}.confused-pair-links{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.tricky-questions-list{gap:var(--space-3);flex-direction:column;display:flex}.tricky-questions-list .dsa-tricky-item{padding:var(--space-3) var(--space-4)}.tricky-question-card-title{margin:0 0 var(--space-2);font-size:1.05rem;line-height:1.4}.tricky-question-card-title a{color:inherit;text-decoration:none}.tricky-question-card-title a:hover{color:var(--signal)}.tricky-question-card-answer{color:var(--ghost);margin:0 0 var(--space-3);line-height:1.5}.tricky-code-explain{padding:0 var(--space-5) var(--space-2);color:var(--ghost);font-size:var(--text-sm);line-height:1.55}.tricky-code-explain p{margin:0 0 var(--space-2)}.tricky-code-panel .tricky-code-block{margin:0 var(--space-5) var(--space-4);padding:var(--space-4);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;line-height:1.55;overflow-x:auto}.tricky-go-deeper{margin-top:var(--space-2)}.tricky-go-deeper-grid{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.tricky-go-deeper-card{gap:var(--space-3);padding:var(--space-4);color:inherit;align-items:flex-start;text-decoration:none;display:flex}.tricky-go-deeper-card svg{color:var(--signal);flex-shrink:0;margin-top:2px}.tricky-go-deeper-card strong{margin-bottom:var(--space-1);color:var(--bright);display:block}.tricky-go-deeper-card p{font-size:var(--text-sm);color:var(--ghost);margin:0;line-height:1.45}.lesson-cta-row{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.dsa-level-progression-item--link{color:inherit;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s}.dsa-level-progression-item--link:hover{background:#d4a05414}.confused-results-meta{font-size:var(--text-sm);color:var(--ghost);margin-bottom:var(--space-3)}.confused-topic-select{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:var(--text-sm)}.level-confused-preview{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.level-confused-chip{padding:var(--space-3) var(--space-4);gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.level-confused-chip-topic{color:var(--ghost);font-size:var(--text-xs)}.concept-confused-badge{align-items:center;gap:4px;display:inline-flex}.hero-section{border-bottom-color:var(--border-subtle);background:radial-gradient(circle at 10% 0,#c9a22714,#0000 24rem),radial-gradient(circle at 88% 0,#4d8ef714,#0000 26rem);position:relative}.hero-title,.page-header h1,.page-header--editorial h1{letter-spacing:-.05em;text-wrap:balance}.hero-subtitle,.page-header--editorial .subtitle,.article-lead{color:var(--body-text)}.curriculum-level-header{border-bottom-color:var(--border-subtle)}.level-card,.glossary-term-card,.interview-question-card,.misconception-card,.confused-pair-card,.dsa-tricky-item,.level-confused-chip,.tricky-go-deeper-card{background:var(--gradient-card), linear-gradient(180deg, var(--surface-elevated), var(--surface));border-color:#ffffff13;box-shadow:inset 0 1px #ffffff08}.level-card,.glossary-term-card,.interview-question-card,.misconception-card,.confused-pair-card,.tricky-go-deeper-card,.dsa-hub-spine-card{transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition)}.level-card:hover,.glossary-term-card:hover,.interview-question-card:hover,.misconception-card:hover,.confused-pair-card:hover,.tricky-go-deeper-card:hover,.dsa-hub-spine-card:hover{box-shadow:var(--shadow-glow);border-color:#c9a2274d;transform:translateY(-2px)}.dsa-hub-spine{gap:var(--space-4)}.dsa-hub-spine-card{padding:var(--space-4);border-radius:var(--radius);background:linear-gradient(145deg, #c9a2270e, transparent 55%), var(--surface-elevated)}.dsa-hub-confused-preview{background:radial-gradient(circle at 0% 0%, #c9a2271a, transparent 22rem), var(--surface);border-color:#c9a22733}.confused-article-group-header h2,.level-concepts-section .section-header h2{letter-spacing:-.04em}.tricky-code-panel .tricky-code-block{border-color:#ffffff14;box-shadow:inset 0 1px #ffffff08}.article-page{min-height:calc(100vh - var(--nav-height));grid-template-columns:220px 1fr;gap:0;max-width:1200px;margin:0 auto;display:grid}.article-loading{grid-column:1/-1;justify-content:center;align-items:center;min-height:60vh;display:flex}.article-read-progress{top:var(--nav-height);background:linear-gradient(90deg, var(--signal), var(--gold));z-index:99;pointer-events:none;width:0;height:2px;transition:width .1s linear;position:fixed;left:0}.article-sidebar{top:var(--nav-height);height:calc(100vh - var(--nav-height));padding:var(--space-6) var(--space-5);border-right:1px solid var(--border);position:sticky;overflow-y:auto}.article-sidebar-back{font-size:var(--text-xs);color:var(--ghost);margin-bottom:var(--space-4);text-decoration:none;display:block}.article-sidebar-back:hover{color:var(--signal)}.article-sidebar-title{font-size:var(--text-sm);color:var(--bright);font-weight:600;line-height:var(--leading-normal);margin-bottom:var(--space-5)}.article-toc-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-3);font-size:.6875rem;font-weight:600;display:block}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li{margin-bottom:var(--space-1)}.article-toc a{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--ghost);transition:all var(--transition);line-height:1.4;text-decoration:none;display:flex}.article-toc a:hover,.article-toc a.active{color:var(--bright);background:var(--muted)}.article-toc .toc-num{font-family:var(--font-mono);color:var(--ghost);flex-shrink:0;font-size:.625rem}.article-toc a.active .toc-num{color:var(--signal)}.article-toc-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.article-toc-count{font-family:var(--font-mono);color:var(--signal);font-size:.625rem;font-weight:600}.article-toc-progress{background:var(--muted);height:3px;margin:0 0 var(--space-4);border-radius:99px;overflow:hidden}.article-toc-progress span{background:linear-gradient(90deg, var(--signal), var(--gold));border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block}.article-toc a.read{color:var(--body-text)}.article-toc a.read .toc-num{color:var(--emerald);align-items:center;display:inline-flex}.article-main{padding:var(--space-8) var(--space-10) var(--space-16);min-width:0}.article-page-header{margin-bottom:var(--space-8);max-width:680px}.article-page-header h1{font-size:clamp(var(--text-2xl), 4vw, 2.25rem);margin-bottom:var(--space-4)}.lesson-cockpit{top:var(--nav-height);z-index:20;margin:0 0 var(--space-10);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);position:sticky}.lesson-cockpit-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-3);align-items:center;gap:6px;font-size:.625rem;font-weight:600;display:inline-flex}.lesson-cockpit-rails{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}.lesson-rail{align-items:center;gap:4px var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);transition:transform var(--transition), border-color var(--transition), background var(--transition);grid-template-columns:auto auto 1fr;grid-template-areas:"step icon meta""text text text";text-decoration:none;display:grid;position:relative;overflow:hidden}.lesson-rail:before{content:"";background:var(--signal);transform-origin:top;width:3px;transition:transform var(--transition);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.lesson-rail:hover{border-color:#4d8ef766;transform:translateY(-2px)}.lesson-rail.is-active{background:var(--signal-dim);border-color:#4d8ef780}.lesson-rail.is-active:before{transform:scaleY(1)}.lesson-rail-step{width:1.4rem;height:1.4rem;font-family:var(--font-mono);color:var(--ghost);background:var(--muted);border-radius:6px;grid-area:step;place-items:center;font-size:.625rem;font-weight:700;display:grid}.lesson-rail.is-active .lesson-rail-step{color:var(--white);background:var(--signal)}.lesson-rail-icon{color:var(--ghost);transition:color var(--transition);grid-area:icon;display:inline-flex}.lesson-rail:hover .lesson-rail-icon,.lesson-rail.is-active .lesson-rail-icon{color:var(--signal)}.lesson-rail-text{flex-direction:column;grid-area:text;min-width:0;display:flex}.lesson-rail-text strong{font-size:var(--text-sm);color:var(--bright);font-weight:600}.lesson-rail-desc{font-size:var(--text-xs);color:var(--ghost)}.lesson-rail-meta{font-family:var(--font-mono);color:var(--ghost);white-space:nowrap;grid-area:meta;justify-self:end;font-size:.625rem}.lesson-review{max-width:720px;margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--border);scroll-margin-top:calc(var(--nav-height) + 6rem)}.lesson-review-head h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-2) 0}.lesson-review-head p{color:var(--body-text);line-height:var(--leading-relaxed);max-width:60ch}.lesson-review-actions{gap:var(--space-3);margin:var(--space-5) 0 var(--space-4);flex-wrap:wrap;display:flex}#lesson-read,#lesson-lab{scroll-margin-top:calc(var(--nav-height) + 6rem)}.article-masthead{padding:var(--space-8) var(--space-10);margin-bottom:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--gradient-card), var(--surface);box-shadow:var(--shadow-glow)}.article-track-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-5);font-size:.6875rem;font-weight:600;display:inline-block}.article-meta-strip{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.article-meta-chip{font-family:var(--font-mono);background:var(--signal-dim);color:var(--body-text);border:1px solid #3b82f633;border-radius:999px;padding:.3rem .65rem;font-size:.6875rem}.article-meta-chip strong{color:var(--signal);margin-right:.25rem;font-weight:600}.article-prologue{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.article-story-lead{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--bright);margin-bottom:var(--space-4)}.article-why-matters{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--body-text)}.article-deep-dive{padding:var(--space-5);margin-bottom:var(--space-5);border-left:3px solid var(--signal);background:var(--signal-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article-deep-dive p{font-size:var(--text-base);line-height:var(--leading-relaxed);margin:var(--space-2) 0 0}.article-block-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:600;display:block}.article-objectives{margin-bottom:var(--space-5)}.article-objectives ul{margin:var(--space-2) 0 0;font-size:var(--text-sm);line-height:var(--leading-relaxed);padding-left:1.25rem}.article-objectives li{margin-bottom:var(--space-2)}.article-prerequisites{margin-bottom:var(--space-5)}.article-prerequisites-list{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.article-prerequisite-chip{font-size:var(--text-xs);background:var(--gold-dim);color:var(--gold);border:1px solid #c9a2274d;border-radius:999px;padding:.3rem .75rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.article-prerequisite-chip:hover{border-color:var(--gold);background:#c9a2272e}.article-stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.article-stat-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated)}.article-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ghost);margin-bottom:var(--space-1);font-size:.6875rem;font-weight:600;display:block}.article-stat-value{font-size:var(--text-sm);color:var(--bright);font-weight:500;line-height:var(--leading-normal)}.article-chapters{max-width:720px}.article-chapter{margin-bottom:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--border);scroll-margin-top:5rem}.article-chapter:last-child{border-bottom:none}.article-chapter-header{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);background:var(--gradient-card), var(--surface);align-items:flex-start;display:flex}.article-chapter-num{width:2.25rem;height:2.25rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gold);background:var(--gold-dim);border:1px solid #c9a2274d;border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.article-chapter-icon{flex-shrink:0;margin-top:.35rem;font-size:1.25rem}.article-chapter-heading{min-width:0}.article-chapter-heading h2{font-size:var(--text-xl);margin-bottom:var(--space-2);line-height:var(--leading-snug,1.3)}.article-chapter-tier{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-2);font-size:.625rem;font-weight:600;display:inline-block}.article-chapter-subtitle{font-size:var(--text-sm);color:var(--ghost);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.article-chapter-meta{font-size:var(--text-xs);color:var(--ghost)}.article-chapter-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}.article-chapter--collapsible{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.article-chapter-summary{cursor:pointer;list-style:none}.article-chapter-summary::-webkit-details-marker{display:none}.article-chapter-content{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.article-chapter-header{transition:border-color var(--transition), box-shadow var(--transition)}.article-chapter-summary:hover .article-chapter-header{border-left-color:var(--signal);box-shadow:var(--shadow-glow)}.article-chapter--collapsible{transition:border-color var(--transition)}.article-chapter--collapsible[open]{border-color:#4d8ef747}.article-chapter--collapsible[open] .article-chapter-header{border-left-color:var(--signal)}.article-chapter--collapsible[open] .article-chapter-num{color:var(--signal);background:var(--signal-dim);border-color:var(--signal-glow)}.article-footer{margin-top:var(--space-10);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);font-size:var(--text-sm);max-width:720px}.lesson-html .lesson-section-guide,.lesson-html .trainer-learning-objectives,.lesson-html .trainer-executive-summary,.lesson-html .trainer-curriculum-note,.lesson-html .trainer-formal-model,.lesson-html .lesson-summary-box,.lesson-html .lesson-reflection,.lesson-html .lesson-followups,.lesson-html .lesson-glossary-strip,.lesson-html .lesson-interview-script,.lesson-html .premium-staff-synthesis,.lesson-html .premium-interview-gold,.lesson-html .premium-key-insight{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated)}.lesson-html .section-guide-label,.lesson-html .trainer-block-label,.lesson-html .lesson-callout-label,.lesson-html .premium-block-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-3);font-size:.6875rem;font-weight:600;display:block}.lesson-html .premium-section-opener{font-size:var(--text-sm);color:var(--ghost);padding:var(--space-3) var(--space-4);border-left:2px solid var(--gold);margin:var(--space-4) 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#d4a0540f}.lesson-html .lesson-decision-matrix{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:1fr 1fr;display:grid}.lesson-html .decision-col{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.lesson-html .decision-col.use h4{color:var(--emerald)}.lesson-html .decision-col.avoid h4{color:var(--crimson)}.lesson-html .decision-col h4{font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:var(--space-3);font-weight:600}.lesson-html .lesson-architect-cards{gap:var(--space-3);margin:var(--space-5) 0;display:grid}.lesson-html .architect-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:flex}.lesson-html .architect-card-num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--signal);flex-shrink:0;font-weight:700}.lesson-html .lesson-company-grid{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.lesson-html .lesson-company-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.lesson-html .lesson-company-card strong{font-size:var(--text-sm);color:var(--bright);margin-bottom:var(--space-2);font-weight:600;display:block}.lesson-html .lesson-company-card p{font-size:var(--text-sm);color:var(--body-text);line-height:var(--leading-relaxed);margin:0}.lesson-html .lesson-pitfall-grid{gap:var(--space-3);margin:var(--space-5) 0;display:grid}.lesson-html .pitfall-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:#ef44440a;border:1px solid #ef444433;display:flex}.lesson-html .lesson-callout{padding:var(--space-5);margin:var(--space-5) 0;border-radius:var(--radius-sm);border:1px solid var(--border)}.lesson-html .lesson-callout-insight{border-left:3px solid var(--signal);background:var(--signal-dim)}.lesson-html .lesson-callout-analogy{border-left:3px solid var(--emerald);background:#22c55e0f}.lesson-html .lesson-callout-war{border-left:3px solid var(--crimson);background:#ef44440f}.lesson-html .lesson-callout--signal{border-left:3px solid var(--signal);background:var(--signal-dim)}.lesson-html .lesson-callout--emerald{border-left:3px solid var(--emerald);background:#22c55e0f}.lesson-html .lesson-callout--crimson{border-left:3px solid var(--crimson);background:#ef44440f}.lesson-html .lesson-callout--gold{border-left:3px solid var(--gold);background:#d4a05414}.lesson-html .lesson-stats-row{gap:var(--space-2);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.lesson-html .lesson-stat-chip{padding:var(--space-2) var(--space-3);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--bright);font-weight:500;display:inline-block}.lesson-html .lesson-tag-grid{gap:var(--space-2);margin:var(--space-4) 0 var(--space-5);flex-wrap:wrap;display:flex}.lesson-html .lesson-tag{padding:var(--space-2) var(--space-3);background:var(--signal-dim);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--bright);border:1px solid #3b82f633}.lesson-html .lesson-framework-steps{gap:var(--space-4);margin:var(--space-5) 0;flex-direction:column;display:flex}.lesson-html .lesson-framework-step{padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.lesson-html .lesson-framework-step h4{font-size:var(--text-base);margin:0 0 var(--space-3);justify-content:space-between;gap:var(--space-3);display:flex}.lesson-html .lesson-framework-step h4 span{font-size:var(--text-xs);color:var(--ghost);white-space:nowrap;font-weight:500}.lesson-html .lesson-cta-link{font-size:var(--text-lg);margin:var(--space-6) 0}.lesson-html .lesson-cta-link a{color:var(--signal);font-weight:600;text-decoration:none}.lesson-html .lesson-cta-link a:hover{text-decoration:underline}.lesson-html a{color:var(--signal);text-decoration:none}.lesson-html a:hover{text-decoration:underline}.lesson-html .lesson-table{border-collapse:collapse;width:100%;margin:var(--space-5) 0;font-size:var(--text-sm)}.lesson-html .lesson-table th,.lesson-html .lesson-table td{padding:var(--space-3) var(--space-4);border:1px solid var(--border);text-align:left}.lesson-html .lesson-table th{background:var(--muted);color:var(--bright);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.lesson-html .lesson-code-block,.lesson-html pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;line-height:1.6;overflow-x:auto}.lesson-walkthrough{margin:var(--space-5) 0}.lesson-walkthrough-steps{margin:var(--space-3) 0 0;padding:0;list-style:none}.walkthrough-step{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);align-items:flex-start;display:flex}.walkthrough-step:last-child{border-bottom:none}.walkthrough-num{background:var(--signal-dim);width:26px;height:26px;color:var(--signal);font-size:var(--text-xs);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:2px;font-weight:700;display:inline-flex}.walkthrough-body p{line-height:var(--leading-relaxed,1.7);margin:0}.article-story-lead--tagline{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--bright);margin:var(--space-4) 0}.article-chapters-controls{margin-bottom:var(--space-3);justify-content:flex-end;display:flex}.article-expand-all-btn{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.03em;color:var(--ghost);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 14px;font-weight:600;transition:color .15s,border-color .15s}.article-expand-all-btn:hover,.article-expand-all-btn[aria-pressed=true]{color:var(--signal);border-color:var(--signal)}.code-shell{margin:var(--space-5) 0;position:relative}.code-shell pre,.lesson-html .code-shell pre{margin:0}.code-copy-btn{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--ghost);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;padding:3px 10px;font-weight:600;transition:opacity .15s,color .15s,border-color .15s;position:absolute;top:8px;right:8px}.code-shell:hover .code-copy-btn,.code-copy-btn:focus-visible{opacity:1}.code-copy-btn:hover{color:var(--bright);border-color:var(--signal)}.code-copy-btn.copied{color:var(--emerald,#34d399);border-color:var(--emerald,#34d399);opacity:1}.lesson-html .tok-kw{color:var(--tok-kw)}.lesson-html .tok-type{color:var(--tok-type)}.lesson-html .tok-str{color:var(--tok-str)}.lesson-html .tok-num{color:var(--tok-num)}.lesson-html .tok-com{color:var(--tok-com);font-style:italic}.lesson-html .tok-pre{color:var(--tok-pre)}.lesson-html .script-block{padding:var(--space-4);margin:var(--space-3) 0;border-left:2px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#d4a0540d}.lesson-html .script-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:600;display:block}.lesson-html .reflection-answer{margin-top:var(--space-3)}.lesson-html .reflection-answer summary{font-size:var(--text-sm);color:var(--signal);cursor:pointer;margin-bottom:var(--space-2)}.lesson-html .premium-interview-gold p{font-family:var(--font-display);color:var(--bright);font-style:italic;line-height:var(--leading-relaxed)}.lesson-html .premium-key-insight{gap:var(--space-3);border-left:3px solid var(--emerald);background:#22c55e0f;display:flex}.lesson-html ul,.lesson-html ol{margin:var(--space-3) 0 var(--space-5);padding-left:1.25rem}.lesson-html li{margin-bottom:var(--space-2)}.lesson-html h3,.lesson-html h4{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-3);color:var(--bright)}.lesson-html p{margin-bottom:var(--space-4)}.lesson-html details{margin:var(--space-4) 0}.lesson-html .lesson-solution-card{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.lesson-html .lesson-solution-card h4{margin-bottom:var(--space-3);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lesson-html .lesson-tier-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:var(--gold);background:#d4a05426;padding:2px 8px;font-weight:600}.lesson-html .lesson-pros-cons{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.lesson-html .lesson-tradeoff-note{margin-top:var(--space-4);padding:var(--space-3);border-left:3px solid var(--signal);font-size:var(--text-sm)}.lesson-html .lesson-example-card,.lesson-html .lesson-followup-card{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--emerald);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#34d3990a}.lesson-html .lesson-followup-tip{font-size:var(--text-sm);color:var(--muted-fg);margin-top:var(--space-2);font-size:var(--text-sm);margin-top:var(--space-2)}.lesson-html .java-learning-hub{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);background:#d4a0540f;border:1px solid #d4a05459}.lesson-html .java-learning-hub-header{gap:var(--space-4);margin-bottom:var(--space-4);align-items:flex-start;display:flex}.lesson-html .java-learning-hub-icon{font-size:1.5rem;line-height:1}.lesson-html .java-hub-card{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);border-left:3px solid var(--gold);background:#ffffff08}.lesson-html .java-hub-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin-bottom:var(--space-2);font-weight:600;display:inline-block}.lesson-html .java-learning-link,.lesson-html .dsa-problem-link{color:var(--gold);border-bottom:1px dashed #d4a05480;font-weight:600;text-decoration:none}.lesson-html .java-learning-link:hover,.lesson-html .dsa-problem-link:hover{color:var(--bright);border-bottom-style:solid}.lesson-html .java-learning-path{margin:var(--space-3) 0 0;padding:0;list-style:none}.lesson-html .java-learning-path li{gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.lesson-html .java-path-num{color:var(--gold);font-weight:700}.lesson-html .java-path-desc{font-size:var(--text-sm);color:var(--muted-fg);grid-column:2}.lesson-html .dsa-problem-links{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.lesson-html .java-code-footer-links{font-size:var(--text-sm);margin-top:var(--space-3);color:var(--muted-fg)}.lesson-html .java-code-footer-label{color:var(--gold);margin-right:var(--space-2);font-weight:600}.lesson-principal-lead{font-size:var(--text-lg);margin-bottom:var(--space-5);color:var(--bright);line-height:1.65}.article-java-rail{margin:0 0 var(--space-8);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:#d4a0540a}.java-learning-compact{align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.java-learning-compact-label{color:var(--gold);margin-right:var(--space-2);font-weight:600}.java-learning-link-inline{color:var(--gold);font-weight:600;text-decoration:none}.java-learning-link-inline:hover{text-decoration:underline}.problem-page-meta{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.problem-meta-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated);color:var(--muted-fg);font-weight:500}.dsa-featured-table a.java-learning-link--problem{font-weight:600;text-decoration:none}.dsa-featured-table a.java-learning-link--problem:hover{color:var(--gold);text-decoration:underline}.dsa-problem-code-flow{margin:var(--space-5) 0}.dsa-problem-steps{margin:var(--space-4) 0}.java-learning-path-section{padding:var(--space-12) var(--space-6);max-width:var(--content-max);margin:0 auto}.java-learning-path-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.java-path-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:border-color .15s,background .15s;display:block}.java-path-card:hover{border-color:var(--gold);background:#d4a0540d}.java-path-step{width:28px;height:28px;color:var(--gold);font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-3);background:#d4a05426;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.java-path-card h3{margin-bottom:var(--space-2)}.java-path-card p{font-size:var(--text-sm);color:var(--muted-fg);margin-bottom:var(--space-3)}.java-path-cta{font-size:var(--text-sm);color:var(--gold);font-weight:600}@media (width<=900px){.article-read-progress{top:calc(var(--nav-height) + var(--mobile-track-height))}.article-page{grid-template-columns:1fr}.article-sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;padding:var(--space-4);position:static}.article-toc ol{gap:var(--space-2);flex-wrap:wrap;display:flex}.article-toc li{margin:0}.article-main{padding:var(--space-6) var(--space-4) var(--space-12)}.lesson-html .lesson-decision-matrix{grid-template-columns:1fr}.lesson-cockpit{position:static}#lesson-read,#lesson-lab,.lesson-review{scroll-margin-top:calc(var(--nav-height) + var(--mobile-track-height) + 1rem)}}.article-page~.app-main{margin-left:0!important}.app-main:has(.article-page){margin-left:0!important}.learning-flow-section{margin:var(--space-6) 0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#d4a0540a 0%,#0000 100%)}.learning-flow-badge,.execution-lab-badge{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-3);background:#d4a0541f;border:1px solid #d4a05440;border-radius:999px;padding:2px 10px;font-weight:700;display:inline-block}.learning-flow-header h3{margin-bottom:var(--space-2)}.learning-flow-diagram{margin:var(--space-5) 0;overflow-x:auto}.learning-flow-svg{width:100%;min-width:520px;height:auto}.learning-flow-steps{margin:var(--space-5) 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.learning-flow-step{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;display:flex}.learning-flow-step-num{width:32px;height:32px;color:var(--gold);background:#d4a05426;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.video-learning-block{margin-top:var(--space-6)}.video-resource-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.video-resource-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.video-resource-card--interactive{border-color:#d4a05459}.video-resource-type{font-size:var(--text-xs);color:var(--muted-fg);margin-bottom:var(--space-2);display:block}.video-resource-hint{font-size:var(--text-sm);color:var(--muted-fg);margin-top:var(--space-2)}.execution-lab{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.execution-lab--embedded{margin-top:var(--space-5);border-color:#d4a0544d}.execution-lab-header{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.execution-lab-cx{gap:var(--space-4);font-size:var(--text-sm);color:var(--muted-fg);display:flex}.execution-lab-tabs{gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);padding-bottom:var(--space-2);display:flex}.execution-lab-tab{padding:var(--space-2) var(--space-4);color:var(--muted-fg);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-weight:600;transition:color .15s,background .15s}.execution-lab-tab:hover{color:var(--bright)}.execution-lab-tab.active{color:var(--gold);background:#d4a0541a}.execution-lab-panel{min-height:200px}.execution-lab-bugs{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);background:#dc50500f;border:1px solid #dc505033}.execution-lab-bugs ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.flowchart-view{overflow-x:auto}.flowchart-svg{width:100%;min-width:480px;height:auto}.flowchart-step-detail,.flowchart-empty{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--muted-fg)}.step-player{gap:var(--space-4);flex-direction:column;display:flex}.step-player-header{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.step-player-badge{color:#7eb8ff;font-size:var(--text-xs);background:#64b4ff1f;border-radius:4px;padding:2px 8px;font-weight:600}.step-player-controls{gap:var(--space-1);margin-left:auto;display:flex}.step-player-desc{font-size:var(--text-base);padding:var(--space-4);border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#d4a0540d;line-height:1.6}.step-player-panels{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.step-player-panels{grid-template-columns:1fr}}.step-player-code{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.step-code-pre{max-height:320px;font-family:var(--font-mono);margin:0;font-size:12px;overflow:auto}.step-code-line{padding:2px 8px;display:flex}.step-code-line--active{background:#d4a05433}.step-line-num{width:28px;color:var(--muted-fg);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:8px}.step-player-state{gap:var(--space-3);flex-direction:column;display:flex}.state-panel{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm)}.state-panel h4{margin:0 0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-fg)}.state-panel ul{padding-left:var(--space-4);margin:0}.state-active{color:var(--gold);font-weight:600}.code-lab{border:1px solid var(--border);border-radius:var(--radius-md);background:#0d1117;overflow:hidden}.code-lab--advanced{flex-direction:column;display:flex}.code-lab--advanced.code-lab--light{background:#f8fafc}.code-lab-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:#ffffff0a;flex-wrap:wrap;display:flex}.code-lab-toolbar-mid{align-items:center;gap:var(--space-1);flex:1;justify-content:center;display:flex}.code-lab-font-size{font-size:var(--text-xs);color:var(--muted-fg);text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem}.code-lab-workspace{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);min-height:320px;display:grid}.code-lab--compact .code-lab-workspace{grid-template-columns:1fr;min-height:0}@media (width<=900px){.code-lab-workspace{grid-template-columns:1fr}}.code-lab-io-panel{border-left:1px solid var(--border);background:#0003;flex-direction:column;max-height:520px;display:flex;overflow-y:auto}.code-lab--compact .code-lab-io-panel{border-left:none;border-top:1px solid var(--border);max-height:none}.code-lab-stdin-hint{color:var(--ghost);font-style:italic;font-weight:400}.code-lab-submit-btn{font-weight:600}.code-lab-shortcuts{gap:var(--space-4);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--muted-fg);border-bottom:1px solid var(--border);background:#6eb5ff0f;display:flex}.code-lab-shortcuts kbd{border:1px solid var(--border);font-family:var(--font-mono);background:#0003;border-radius:3px;padding:1px 5px;font-size:10px}.code-lab-statusbar{padding:4px var(--space-3);color:var(--muted-fg);border-top:1px solid var(--border);background:#00000026;justify-content:space-between;font-size:10px;display:flex}.code-lab-status-title{opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:50%;overflow:hidden}.code-lab-stdin-head{width:100%;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.code-lab-load-sample{font-size:10px!important}.code-lab-compile-error{padding:var(--space-3);background:#dc50501a;border-top:1px solid #dc505080}.code-lab-compile-error pre{margin:var(--space-2) 0;font-family:var(--font-mono);white-space:pre-wrap;color:#f08080;font-size:12px}.code-lab-compile-hint{font-size:var(--text-xs);color:var(--ghost);margin:var(--space-2) 0 0}.code-lab-test-preview{margin-top:var(--space-1);font-size:var(--text-xs)}.code-lab-test-compile{margin-top:var(--space-1);white-space:pre-wrap;color:#f08080;font-size:11px;display:block}.code-lab-run-ok{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:#50c878;border-top:1px solid #50c8784d}.code-lang-label{font-size:var(--text-xs);color:var(--muted-fg);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.code-lab-actions{gap:var(--space-2);display:flex}.code-lab-editor-wrap{min-height:200px;display:flex}.code-lab--compact .code-lab-editor-wrap{min-height:160px}.code-cm-root{flex:1;min-width:0;overflow:hidden}.code-cm-root .cm-editor{height:100%;min-height:inherit}.code-cm-root .cm-editor.cm-focused{outline:none}.code-cm-root--compact .cm-editor{min-height:160px}.code-cm-root:not(.code-cm-root--compact) .cm-editor{min-height:220px}.code-lab-stdin-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--muted-fg);border-top:none;flex:1;display:block}.code-lab-stdin{width:100%;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:#e6edf3;font-family:var(--font-mono);resize:vertical;background:#00000040;font-size:12px;display:block}.code-lab-output{padding:var(--space-3);border-top:1px solid var(--border);font-family:var(--font-mono);background:#00000059;font-size:12px}.code-lab-output pre{margin:var(--space-1) 0;white-space:pre-wrap;word-break:break-word}.code-lab-output--error{background:#dc505014;border-top-color:#dc505066}.code-lab-exit{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--muted-fg)}.code-lab-runner{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--muted-fg)}.code-lab-tests-hint{padding:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--ghost)}.code-lab-test-results{padding:var(--space-3);border-top:1px solid var(--border);background:#dc50500f}.code-lab-test-results--pass{background:#50c87814;border-top-color:#50c87859}.code-lab-test-summary{margin:0 0 var(--space-2);font-weight:600}.code-lab-test-list{padding-left:var(--space-4);font-size:var(--text-sm);margin:0}.code-lab-test-list li.fail{color:#f08080}.code-lab-test-list li.pass{color:#7dcea0}.code-lab-test-diff{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);display:block}.problem-ide-tests-badge{font-size:var(--text-xs);color:var(--gold);background:#d4a05426;border-radius:999px;padding:2px 8px}.memory-visualizer{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:#00000040;min-height:100px}.memviz-bars{align-items:flex-end;gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.memviz-cell{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.memviz-bar{border-radius:var(--radius-sm);min-width:36px;font-weight:600;font-size:var(--text-sm);background:#6eb5ff33;border:1px solid #6eb5ff66;justify-content:center;align-items:flex-end;padding:4px 8px;transition:all .35s;display:flex}.memviz-cell--hot .memviz-bar{border-color:var(--gold);background:#d4a05459;transform:scale(1.05);box-shadow:0 0 12px #d4a0544d}.memviz-idx,.memviz-dp-idx{color:var(--muted-fg);font-size:10px}.memviz-ptr{color:var(--gold);font-size:10px;font-weight:600}.memviz-map{gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.memviz-map-label{font-size:var(--text-xs);color:var(--muted-fg);width:100%}.memviz-map-entry{font-family:var(--font-mono);font-size:var(--text-xs);background:#50c8781f;border-radius:4px;padding:2px 8px}.memviz-result{margin:var(--space-2) 0 0;color:var(--gold);font-weight:600}.memviz-result--ok{color:#50c878}.memviz-chars{flex-wrap:wrap;gap:4px;display:flex}.memviz-char{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);flex-direction:column;align-items:center;padding:6px 10px;font-weight:600;transition:all .3s;display:flex}.memviz-char small{color:var(--muted-fg);font-size:9px}.memviz-char--hot{border-color:var(--gold);background:#d4a05440}.memviz-stack-pile{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.memviz-stack-item{font-family:var(--font-mono);background:#c9a0ff26;border:1px solid #c9a0ff59;border-radius:4px;padding:4px 12px}.memviz-dp-cells{flex-wrap:wrap;gap:6px;display:flex}.memviz-dp-cell{text-align:center;border:1px solid var(--border);border-radius:4px;min-width:32px;padding:6px}.memviz-dp-cell--hot{border-color:var(--gold);background:#d4a05433}.memviz-grid-cell{text-align:center;width:28px;height:28px;font-family:var(--font-mono);border:1px solid var(--border);font-size:12px}.memviz-grid-cell--land{background:#50c87826}.memviz-grid-cell--visited{background:#d4a05440}.memviz-list{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.memviz-list-node{border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:8px 14px}.memviz-list-node--active{border-color:var(--gold);background:#d4a05426}.memviz-list-arrow{color:var(--gold);font-size:18px}.step-player-timeline{padding:var(--space-2) var(--space-3);gap:6px;display:flex;overflow-x:auto}.step-timeline-dot{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:10px;height:10px;padding:0;transition:all .2s}.step-timeline-dot.active{background:var(--gold);border-color:var(--gold);transform:scale(1.3)}.step-timeline-dot.done{background:#50c87880;border-color:#50c878}.step-player-speed{font-size:var(--text-xs);border:1px solid var(--border);color:var(--body-text);background:#0000004d;border-radius:4px;padding:2px 6px}.step-player-visual{margin:0 var(--space-3)}.execution-lab--synced .execution-lab-sync-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-sm);background:#d4a0540f;display:flex}.execution-lab-scrubber{accent-color:var(--gold);flex:1}.celebration-burst{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}.code-lab{position:relative}.celebration-burst-inner{width:100%;height:100%;position:relative}.celebration-particle{border-radius:2px;width:8px;height:8px;animation:2.5s ease-out forwards celebration-fall;position:absolute;top:40%}@keyframes celebration-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(120px)rotate(720deg)}}.celebration-message{text-align:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);color:#fff;background:#059669e6;animation:.4s ease-out celebration-pop;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes celebration-pop{0%{opacity:0;transform:translate(-50%)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}.celebration-emoji{margin-right:8px;font-size:1.5rem}.interactive-ladder-intro{color:var(--ghost);margin-bottom:var(--space-4)}.interactive-ladder-track{gap:var(--space-3);flex-direction:column;display:flex}.interactive-ladder-tier{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:all .3s}.interactive-ladder-tier.is-locked{opacity:.55;filter:blur(.5px)}.interactive-ladder-tier.is-revealed{opacity:1;filter:none}.interactive-ladder-tier--brute{border-left:3px solid #f08080}.interactive-ladder-tier--better{border-left:3px solid #6eb5ff}.interactive-ladder-tier--optimal{border-left:3px solid #50c878}.interactive-ladder-tier-head{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.interactive-ladder-step-num{background:var(--signal-dim);width:28px;height:28px;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.interactive-ladder-guess{margin-top:var(--space-4);padding:var(--space-4);border:1px dashed var(--gold);border-radius:var(--radius-md);background:#d4a0540f}.interactive-ladder-guess-grid{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.interactive-ladder-done{margin-top:var(--space-3);padding:var(--space-3);text-align:center;color:var(--gold);font-weight:600}.problem-practice-view-tabs{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.problem-practice-view-tab{border:1px solid var(--border);font-size:var(--text-sm);color:var(--ghost);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;transition:all .2s;display:inline-flex}.problem-practice-view-tab.active{background:var(--signal-dim);border-color:var(--gold);color:var(--bright)}.problem-practice-visualize,.problem-practice-ladder{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.interview-qa-drill{padding:var(--space-2)}.interview-qa-bar{font-size:var(--text-sm);color:var(--muted-fg);margin-bottom:var(--space-3);justify-content:space-between;display:flex}.interview-qa-question{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:500;line-height:1.5}.interview-qa-answer{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:#50c87814;border:1px solid #50c87840}.interview-qa-explain{margin-top:var(--space-2);color:var(--ghost);font-size:var(--text-sm)}.interview-qa-code,.dsa-followup-code{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:pre;background:#00000059;line-height:1.5;overflow-x:auto}.dsa-followup-variant{margin-bottom:var(--space-5)}.dsa-followup-variant h4{margin-bottom:var(--space-2)}.interview-qa-actions{gap:var(--space-3);display:flex}.interview-qa-done{text-align:center;padding:var(--space-6)}.learning-streak-banner{gap:var(--space-6);padding:var(--space-4) var(--space-5);margin:0 var(--space-5) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#d4a05414,#50c8780f);flex-wrap:wrap;display:flex}.learning-streak-stat{align-items:center;gap:var(--space-3);display:flex}.learning-streak-stat strong{font-size:var(--text-xl);line-height:1.2;display:block}.learning-streak-stat span{font-size:var(--text-xs);color:var(--muted-fg)}.learning-streak-flame{color:#f97316}.review-queue-daily{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);display:flex}.review-queue-daily-bar{background:#ffffff14;border-radius:999px;flex:1;max-width:200px;height:6px;overflow:hidden}.review-queue-daily-bar span{background:linear-gradient(90deg, var(--gold), #50c878);border-radius:999px;height:100%;transition:width .4s;display:block}.interactive-flow-phases{gap:var(--space-2);margin-top:var(--space-2);display:flex}.interactive-flow-phase{border:1px solid var(--border);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px}.interactive-flow-phase.active{background:var(--signal-dim);border-color:var(--gold)}.interactive-flow-quiz-cta{margin-top:var(--space-3)}.flowchart-node-clickable:focus{outline:2px solid var(--gold);outline-offset:2px}.problem-practice-ide{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.problem-ide-header{margin-bottom:var(--space-4)}.problem-ide-split{gap:var(--space-4);grid-template-columns:240px 1fr;min-height:420px;display:grid}@media (width<=900px){.problem-ide-split{grid-template-columns:1fr}}.problem-ide-list{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);max-height:520px;overflow-y:auto}.problem-ide-list h4{font-size:var(--text-sm);margin:0 0 var(--space-3);color:var(--muted-fg)}.problem-ide-list ul{margin:0;padding:0;list-style:none}.problem-ide-item{align-items:flex-start;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);border-radius:var(--radius-sm);color:inherit;text-align:left;cursor:pointer;font-size:var(--text-sm);background:0 0;border:1px solid #0000;flex-direction:column;transition:background .15s,border-color .15s;display:flex}.problem-ide-item:hover{background:#ffffff0a}.problem-ide-item.active{border-color:var(--gold);background:#d4a05414}.problem-ide-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.problem-ide-prompt{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.problem-ide-prompt h4{margin:0 0 var(--space-2)}.problem-ide-hints,.problem-ide-solution{margin-top:var(--space-3);font-size:var(--text-sm)}.problem-practice-panel--full .problem-ide-split{min-height:calc(100vh - 220px)}.problem-practice-panel--full .problem-ide-list{max-height:none}.problem-ide-toolbar-row{margin-bottom:var(--space-3);justify-content:flex-end;display:flex}.problem-ide-expand{align-items:center;gap:var(--space-2);display:inline-flex}.problem-ide-prompt-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.problem-ide-prompt-head h4{flex:1;min-width:200px;margin:0}.problem-ide-prompt-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.problem-ide-deep-link{margin:var(--space-3) 0 0;font-size:var(--text-sm)}.problem-ide-deep-link a{align-items:center;gap:var(--space-2);color:var(--signal);display:inline-flex}.problem-practice-empty{padding:var(--space-6);text-align:center;color:var(--muted-fg)}.interactive-flow-lesson{margin:var(--space-5) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg)}.interactive-step-nav{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.interactive-step-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-fg);font-size:var(--text-xs);cursor:pointer;background:0 0;transition:border-color .15s,color .15s}.interactive-step-btn.active{border-color:var(--gold);color:var(--gold)}.interactive-step-body{font-size:var(--text-sm);color:var(--muted-fg);line-height:1.6}.dsa-examples-gallery{margin:var(--space-6) 0;padding:var(--space-5);border-radius:var(--radius-lg);background:#d4a05408;border:1px solid #d4a05440}.dsa-examples-gallery h3{margin-bottom:var(--space-2)}.dsa-dual-lang-tabs{gap:var(--space-2);flex-direction:column;display:flex}.dsa-dual-lang-tabs[data-dual-lang-mode=toggle] .dual-lang-panels{display:block}.dsa-dual-lang-tabs[data-dual-lang-mode=toggle] .code-lang-block{display:none}.dsa-dual-lang-tabs[data-dual-lang-mode=toggle] .code-lang-block.java-block{display:block}.dsa-dual-lang-tabs[data-dual-lang-mode=toggle] .code-lang-block.cpp-block{display:none}.dsa-dual-lang-tabs[data-dual-lang-mode=toggle] .code-lang-block.active{display:block}.dsa-dual-lang-tabs[data-dual-lang-mode=toggle] .code-lang-block.java-block:not(.active){display:none}.dual-lang-toggle-bar{gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.dual-lang-toggle-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-fg);font-size:var(--text-xs);cursor:pointer;background:0 0;font-family:inherit;font-weight:600}.dual-lang-toggle-btn:hover{border-color:var(--gold);color:var(--gold)}.dual-lang-toggle-btn.active{border-color:var(--gold);color:var(--gold);background:#d4a0541a}.dsa-dual-lang-tabs:not([data-dual-lang-mode=toggle]){gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.dsa-dual-lang-tabs:not([data-dual-lang-mode=toggle]){grid-template-columns:1fr}}.code-lang-block{min-width:0}.code-lang-block pre{max-height:360px;margin:0;overflow:auto}.execution-lab-lang-toggle{gap:var(--space-1);margin-left:auto;display:flex}.execution-lab-lang-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-fg);font-size:var(--text-xs);cursor:pointer;background:0 0;font-weight:600}.execution-lab-lang-btn.active{border-color:var(--gold);color:var(--gold);background:#d4a0541a}.execution-lab-divergence{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-sm);background:#ffffff08}.execution-lab-divergence p{margin:var(--space-2) 0 0;color:var(--muted-fg)}.dsa-depth-guide{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff05}.dsa-depth-table th{text-align:left;width:120px;color:var(--muted-fg);font-weight:600}.dsa-depth-lang-notes{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.dsa-depth-lang-notes{grid-template-columns:1fr}}.dsa-depth-half{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm)}.dsa-depth-half h4{margin:0 0 var(--space-2);color:var(--gold);font-size:var(--text-sm)}.dsa-depth-pitfalls ul{margin:var(--space-2) 0 0;padding-left:var(--space-5);font-size:var(--text-sm)}.dsa-depth-tests{margin-top:var(--space-4)}.dsa-example-meta{font-size:var(--text-xs);color:var(--muted-fg);margin-bottom:var(--space-2)}.dsa-foundation-article{margin:var(--space-6) 0;gap:var(--space-5);flex-direction:column;display:flex}.dsa-article-chapter{padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%)}.dsa-article-chapter-title{margin:0 0 var(--space-4);font-size:var(--text-lg);font-family:var(--font-display);color:var(--gold);letter-spacing:-.02em}.dsa-article-chapter-body{font-size:var(--text-base);color:var(--fg);line-height:1.7}.dsa-article-chapter-body h4{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-fg)}.dsa-article-chapter-body p{margin:0 0 var(--space-3)}.dsa-article-chapter-body ul,.dsa-article-chapter-body ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}.dsa-article-chapter-body li{margin-bottom:var(--space-2)}.dsa-article-chapter-body blockquote{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--gold);color:var(--muted-fg);background:#ffffff0a;font-style:italic}.dsa-article-chapter-body pre{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);background:#00000059;line-height:1.5;overflow-x:auto}.dsa-foundation-extras{margin:var(--space-6) 0;gap:var(--space-5);flex-direction:column;display:flex}.dsa-complexity-cheatsheet,.dsa-java-api-guide,.dsa-mock-interview-script{padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff05}.dsa-complexity-cheatsheet h3,.dsa-java-api-guide h3,.dsa-mock-interview-script h3{margin:0 0 var(--space-2);font-size:var(--text-lg);color:var(--gold)}.dsa-section-intro{margin:0 0 var(--space-4);color:var(--muted-fg);font-size:var(--text-sm);line-height:1.6}.dsa-cheatsheet-table code{color:var(--signal);font-weight:600}.dsa-api-category{margin-top:var(--space-4)}.dsa-api-category summary{cursor:pointer;padding:var(--space-2) 0;color:var(--fg)}.dsa-mock-interview-script blockquote{margin:var(--space-3) 0 0;padding:var(--space-4);border-left:3px solid var(--signal);font-size:var(--text-sm);color:var(--fg);background:#ffffff08;line-height:1.7}.java-api-link{color:var(--signal);text-underline-offset:2px;font-weight:500;text-decoration:underline}.java-api-link:hover{color:var(--gold)}.java-api-article{margin:var(--space-4) 0}.java-api-qa-bank{gap:var(--space-3);margin:var(--space-4) 0;flex-direction:column;display:flex}.java-api-qa{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.java-api-qa summary{cursor:pointer}.java-api-related{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm)}.java-api-index-section{margin-bottom:var(--space-8)}.java-api-index-section h2{margin-bottom:var(--space-4);font-size:var(--text-lg);color:var(--gold)}.java-api-stage-section{margin-bottom:var(--space-10)}.java-api-stage-head{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.java-api-stage-num{background:var(--signal-dim,var(--surface));border:1px solid var(--signal);width:36px;height:36px;color:var(--signal);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.java-api-stage-head h2{color:var(--bright);margin:0}.java-api-stage-blurb{margin:var(--space-1) 0 0;color:var(--muted-fg);font-size:var(--text-sm);max-width:70ch}.java-api-step-badge{background:var(--surface-raised,var(--surface));border:1px solid var(--border);color:var(--muted-fg);font-size:var(--text-xs)}.java-api-path-nav{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);display:flex}.java-api-path-nav-btn{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:inherit;font-size:var(--text-sm);max-width:45%;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.java-api-path-nav-btn:hover{border-color:var(--signal);background:var(--surface-raised,var(--surface))}.java-api-path-nav-btn span{flex-direction:column;gap:2px;display:flex}.java-api-path-nav-btn small{font-size:var(--text-xs);color:var(--ghost)}.java-api-path-nav-btn strong{color:var(--bright);font-weight:500}.java-api-path-nav-btn--next{text-align:right;margin-left:auto}.java-api-path-nav-btn--next span{align-items:flex-end}.java-api-page-main{max-width:900px;padding:var(--space-6) var(--space-5);margin:0 auto}.java-api-page-footer{gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.java-api-meta-chips{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.java-api-quick-facts{gap:var(--space-3);margin:var(--space-4) 0 var(--space-6);padding:var(--space-3) var(--space-4);background:var(--surface-raised,var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.java-api-fact{font-size:var(--text-sm);color:var(--muted-fg)}.java-api-fact strong{color:var(--bright);margin-right:var(--space-1)}.java-api-two-col{gap:var(--space-6);margin:var(--space-4) 0;grid-template-columns:1fr 1fr;display:grid}.java-api-diagram-wrap{margin:var(--space-5) 0;-webkit-overflow-scrolling:touch;overflow-x:auto}.java-api-diagram{font-family:var(--font-mono);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-fg);white-space:pre;min-width:min(100%,520px);font-size:11px;line-height:1.5}.java-api-internal-intro{color:var(--muted-fg);font-size:var(--text-sm);margin-bottom:var(--space-4);max-width:65ch}.java-api-internal-chapter{margin:var(--space-6) 0;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle,var(--border))}.java-api-internal-chapter:last-of-type{border-bottom:none}.java-api-internal-chapter h4{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--gold)}.java-api-code-caption{font-size:var(--text-sm);color:var(--ghost);margin-bottom:var(--space-2)}.java-api-related-cards{margin-top:var(--space-6);padding-top:var(--space-4)}.java-api-related-grid{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.java-api-related-pill{padding:var(--space-2) var(--space-3);border:1px solid var(--border);font-size:var(--text-sm);border-radius:999px;align-items:center;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.java-api-related-pill:hover{border-color:var(--signal);background:var(--surface-raised,var(--surface))}.java-api-qa-q{color:var(--signal);margin-right:var(--space-1);font-weight:700}.java-api-qa-answer{margin-bottom:var(--space-2)}.java-api-qa-explain{color:var(--muted-fg);font-size:var(--text-sm)}.java-api-qa-code{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.java-api-qa-code-block{min-width:0}.java-api-qa-lang{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ghost);margin-bottom:var(--space-1);font-weight:600;display:block}.java-api-qa-code pre{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;font-size:12px;line-height:1.45;overflow-x:auto}.java-api-ops-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.working-example-code{-webkit-overflow-scrolling:touch;max-height:520px;font-size:12px;line-height:1.45;overflow:auto}@media (width<=768px){.java-api-two-col{gap:var(--space-4);grid-template-columns:1fr}.java-api-qa-code{grid-template-columns:1fr}.java-api-page-main{padding:var(--space-4) var(--space-3)}.java-api-qa{padding:var(--space-3)}.java-api-qa summary{font-size:var(--text-sm);padding-right:var(--space-2);line-height:1.45}.java-api-page-footer{flex-direction:column;align-items:stretch}.java-api-page-footer .btn{text-align:center;justify-content:center}.java-api-diagram{font-size:10px}.working-example-code{max-height:360px;font-size:11px}}.excellence-box{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left:3px solid var(--signal);background:var(--surface-raised,#ffffff08)}.excellence-plain{border-left-color:var(--signal)}.excellence-why{border-left-color:var(--gold)}.excellence-antipattern{border-left-color:#e85d5d}.excellence-executive{border-left-color:var(--gold)}.excellence-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ghost);margin-bottom:var(--space-2);font-weight:700;display:block}.excellence-soundbite{margin:var(--space-5) 0;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(135deg,#3b82f614,#a855f70f)}.excellence-soundbite blockquote{margin:var(--space-2) 0 0;color:var(--bright);font-style:italic;font-size:var(--text-sm);line-height:1.55}.excellence-soundbite-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--signal);font-weight:700}.excellence-decision{margin:var(--space-5) 0}.excellence-decision-title{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-3)}.excellence-decision-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.excellence-decision-yes,.excellence-decision-no{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-sm)}.excellence-decision-yes strong{color:#4ade80}.excellence-decision-no strong{color:#f87171}.excellence-decision ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.dsa-article-chapter-header{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.dsa-article-chapter-num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--signal);font-weight:700}.excellence-article-opener{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}@media (width<=768px){.excellence-decision-grid{grid-template-columns:1fr}}.concept-lab{max-width:720px;margin:var(--space-10) 0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 0% 0%, var(--signal-dim), transparent 60%), var(--surface-elevated);box-shadow:var(--shadow-md);overflow:hidden}.concept-lab-head{padding:var(--space-5) var(--space-6) 0;border-bottom:1px solid var(--border-subtle)}.concept-lab-title{gap:var(--space-3);align-items:flex-start;display:flex}.concept-lab-spark{width:34px;height:34px;color:var(--signal);background:var(--signal-dim);border:1px solid var(--signal-glow);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.concept-lab-title h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright);letter-spacing:-.01em;margin:0}.concept-lab-title p{font-size:var(--text-sm);color:var(--body-text);margin:2px 0 0}.concept-lab-tabs{gap:var(--space-1);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.concept-lab-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--ghost);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;font-weight:500;display:inline-flex}.concept-lab-tab:hover{color:var(--bright)}.concept-lab-tab.is-active{color:var(--signal);border-bottom-color:var(--signal)}.concept-lab-body{padding:var(--space-6)}.recall-drill{gap:var(--space-4);flex-direction:column;display:flex}.recall-progress{align-items:center;gap:var(--space-3);display:flex}.recall-progress-bar{background:var(--muted);border-radius:99px;flex:1;height:6px;overflow:hidden}.recall-progress-bar span{background:linear-gradient(90deg, var(--signal), var(--emerald));border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.recall-progress-label{font-size:var(--text-xs);color:var(--emerald);white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:inline-flex}.recall-card{cursor:pointer;perspective:1400px;text-align:left;background:0 0;border:none;width:100%;height:232px;padding:0;display:block}.recall-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);position:relative}.recall-card.is-flipped .recall-card-inner{transform:rotateY(180deg)}.recall-card-face{backface-visibility:hidden;padding:var(--space-6);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.recall-card-front{background:var(--surface)}.recall-card-back{background:linear-gradient(160deg, var(--signal-dim), transparent 70%), var(--surface);border-color:var(--signal-glow);overflow-y:auto;transform:rotateY(180deg)}.recall-card-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--signal);background:var(--signal-dim);margin-bottom:var(--space-3);border-radius:99px;align-self:flex-start;padding:3px 9px;font-size:.625rem;font-weight:700}.recall-card-prompt{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--bright);margin:0}.recall-card-hint{padding-top:var(--space-4);font-size:var(--text-xs);color:var(--ghost);margin-top:auto}.recall-card-answer{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--body-text);margin:0}.recall-actions{min-height:38px}.recall-actions,.recall-counter{align-items:center;gap:var(--space-2);display:flex}.recall-counter{width:100%;font-size:var(--text-sm);color:var(--ghost);justify-content:space-between}.recall-btn{padding:var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:var(--transition);flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.recall-btn--hit{color:var(--emerald);background:#2dd4a014;border-color:#2dd4a04d}.recall-btn--hit:hover{background:#2dd4a029}.recall-btn--miss{color:var(--body-text);background:var(--surface)}.recall-btn--miss:hover{color:var(--bright);border-color:var(--ghost)}.recall-reset{font-size:var(--text-xs);color:var(--ghost);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:5px;display:inline-flex}.recall-reset:hover{color:var(--crimson)}.decision-trainer{gap:var(--space-4);flex-direction:column;display:flex}.decision-bar{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ghost);justify-content:space-between;font-weight:600;display:flex}.decision-score{color:var(--signal)}.decision-prompt{font-size:var(--text-sm);color:var(--body-text);margin:0}.decision-prompt strong{color:var(--bright)}.decision-scenario{padding:var(--space-5);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--bright)}.decision-choices{gap:var(--space-3);display:flex}.decision-choice{padding:var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--body-text);cursor:pointer;transition:var(--transition);flex:1;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.decision-choice:not(:disabled):hover{color:var(--bright);border-color:var(--ghost);transform:translateY(-1px)}.decision-choice:disabled{cursor:default}.decision-choice.is-answer{color:var(--emerald);background:#2dd4a01a;border-color:#2dd4a073}.decision-choice.is-wrong{color:var(--crimson);background:#f0525214;border-color:#f0525273}.decision-verdict{padding:var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--body-text);border-left:3px solid var(--border);background:var(--surface)}.decision-verdict.is-correct{border-left-color:var(--emerald)}.decision-verdict.is-incorrect{border-left-color:var(--crimson)}.decision-verdict strong{color:var(--bright)}.decision-next{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--signal);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;display:block}.decision-next:hover{color:var(--signal-hover)}.decision-done{text-align:center;padding:var(--space-6) var(--space-4);color:var(--ghost);align-items:center}.decision-done h4{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--bright)}.decision-done p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--body-text)}.decision-done .recall-btn{padding-left:var(--space-5);padding-right:var(--space-5);flex:0}.grade-gold{color:var(--gold)}.lab-example-intro{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--body-text)}.lab-example-intro em{color:var(--bright);font-style:italic}.lab-example-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.lab-example-card{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:var(--transition)}.lab-example-card:hover{border-color:var(--signal-glow);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.lab-example-company{font-family:var(--font-display);font-size:var(--text-base);color:var(--bright);margin-bottom:var(--space-2);font-weight:600;display:block}.lab-example-company:before{content:"";background:var(--signal);vertical-align:middle;border-radius:99px;width:6px;height:6px;margin-right:8px;display:inline-block}.lab-example-use{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--body-text);margin:0}@media (width<=768px){.concept-lab-body{padding:var(--space-4)}.recall-card{height:264px}.decision-choices{flex-direction:column}}@media (prefers-reduced-motion:reduce){.recall-card-inner{transition:none}}.working-example-section{margin:var(--space-5) 0}.working-example-card{margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);overflow:hidden}.working-example-card-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0;flex-wrap:wrap;display:flex}.working-example-card-header h4{font-family:var(--font-display);font-size:var(--text-lg);color:var(--bright);letter-spacing:-.01em;margin:0}.working-example-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--signal);background:var(--signal-dim);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:.625rem;font-weight:700}.working-example-card-body{padding:var(--space-3) var(--space-5)}.working-example-card-body>.working-example-code{margin:var(--space-3) 0}.working-example-note{padding:var(--space-3) var(--space-5) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--body-text);margin:0}.dsa-impl-card .dsa-impl-idea{padding:var(--space-2) var(--space-5) 0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--body-text);margin:0}.dsa-impl-idea strong,.dsa-impl-explain strong{color:var(--signal)}.dsa-impl-explain{border-top:1px solid var(--border-subtle);background:#4d8ef708}.dsa-impl-complexity{padding:0 var(--space-5) var(--space-4);font-size:var(--text-xs);letter-spacing:.02em;color:var(--emerald);margin:0;font-weight:600}.dsa-impl-complexity strong{color:var(--ghost);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dsa-impl-idea code,.dsa-impl-explain code{font-family:var(--font-mono);background:var(--code-bg);color:var(--bright);border-radius:5px;padding:1px 5px;font-size:.85em}.topic-quiz{gap:var(--space-4);flex-direction:column;display:flex}.topic-quiz-q{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--bright);margin:0}.topic-quiz-options{gap:var(--space-2);flex-direction:column;display:flex}.topic-quiz-option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);color:var(--body-text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex}.topic-quiz-option:not(:disabled):hover{color:var(--bright);border-color:var(--ghost);transform:translate(2px)}.topic-quiz-option:disabled{cursor:default}.topic-quiz-marker{width:24px;height:24px;font-size:var(--text-xs);color:var(--ghost);background:var(--muted);border-radius:6px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.topic-quiz-option.is-correct{color:var(--emerald);background:#2dd4a01a;border-color:#2dd4a073}.topic-quiz-option.is-correct .topic-quiz-marker{color:var(--emerald);background:#2dd4a02e}.topic-quiz-option.is-wrong{color:var(--crimson);background:#f0525214;border-color:#f0525273}.topic-quiz-option.is-wrong .topic-quiz-marker{color:var(--crimson);background:#f0525229}.topic-quiz-option.is-dimmed{opacity:.55}.topic-quiz-tick{color:var(--emerald);margin-left:auto}.topic-quiz-cross{color:var(--crimson);margin-left:auto}.topic-quiz-done{text-align:center;padding:var(--space-6) var(--space-4);color:var(--ghost);align-items:center}.topic-quiz-done h4{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--bright)}.topic-quiz-done p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--body-text)}.topic-quiz-done .recall-btn{padding-left:var(--space-5);padding-right:var(--space-5);flex:0}.course-page{max-width:var(--page-width);padding:var(--space-8) var(--space-6) var(--space-20);margin:0 auto}.course-hero{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8);margin-bottom:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 0% 0%, var(--signal-dim), transparent 55%), var(--surface-elevated);flex-wrap:wrap;display:flex}.course-hero-text{flex:420px}.course-eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--signal);font-weight:700}.course-hero-text h1{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--bright)}.course-hero-text>p{max-width:56ch;color:var(--body-text);line-height:var(--leading-relaxed);margin:0}.course-hero-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.course-next-hint{font-size:var(--text-sm);color:var(--ghost);margin-top:var(--space-4)!important}.course-next-hint strong{color:var(--bright)}.course-complete-pill{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--emerald);background:#2dd4a01a;border:1px solid #2dd4a04d;border-radius:99px;align-items:center;gap:7px;font-weight:600;display:inline-flex}.course-ring{flex-shrink:0;place-items:center;display:grid;position:relative}.course-ring svg{transform:rotate(-90deg)}.course-ring-track{fill:none;stroke:var(--muted);stroke-width:9px}.course-ring-fill{fill:none;stroke:var(--signal);stroke-width:9px;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.course-ring-label{text-align:center;position:absolute}.course-ring-label strong{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--bright);display:block}.course-ring-label span{font-size:var(--text-xs);color:var(--ghost)}.course-track{margin:0;padding:0;list-style:none;position:relative}.course-stop{gap:var(--space-4);display:flex}.course-stop-rail{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.course-stop-rail:after{content:"";background:var(--border);flex:1;width:2px;margin:4px 0}.course-stop:last-child .course-stop-rail:after{display:none}.course-stop-dot{background:var(--surface-elevated);border:1px solid var(--border);width:34px;height:34px;color:var(--ghost);border-radius:50%;place-items:center;display:grid}.course-stop--done .course-stop-dot{color:var(--emerald);background:#2dd4a014;border-color:#2dd4a066}.course-stop--active .course-stop-dot{color:var(--signal);border-color:var(--signal-glow);box-shadow:0 0 0 4px var(--signal-dim)}.course-stop--upcoming .course-stop-dot{opacity:.6}.course-stop-body{margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);transition:var(--transition);flex:1}.course-stop-body:hover{border-color:var(--ghost)}.course-stop-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.course-stage-chip{letter-spacing:.07em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border-radius:99px;padding:3px 9px;font-size:.625rem;font-weight:700}.course-stop-num{font-size:var(--text-xs);color:var(--ghost);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.course-stop-count{font-size:var(--text-xs);color:var(--signal);margin-left:auto;font-weight:600}.course-stop-body h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright);margin:0}.course-stop-sub{margin:4px 0 var(--space-3);font-size:var(--text-sm);color:var(--body-text)}.course-stop-bar{background:var(--muted);height:6px;margin:var(--space-3) 0;border-radius:99px;overflow:hidden}.course-stop-bar span{background:linear-gradient(90deg, var(--signal), var(--emerald));border-radius:99px;height:100%;transition:width .5s;display:block}.course-stop-actions{align-items:center;gap:var(--space-4);display:flex}.course-stop-cta{font-size:var(--text-sm);color:var(--signal);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.course-stop-cta:hover{color:var(--signal-hover)}.course-stop-link{font-size:var(--text-sm);color:var(--ghost);text-decoration:none}.course-stop-link:hover{color:var(--bright)}.course-rail-section{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.course-rail-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated)}.course-rail-tag{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--ghost);font-weight:700}.course-rail-card h3{margin:var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright)}.course-rail-card p{margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--body-text)}.curated-course-page{padding-bottom:var(--space-24)}.curated-course-eyebrow{align-items:center;gap:6px;display:inline-flex;color:var(--gold)!important}.curated-course-lead{font-size:var(--text-base)!important;max-width:62ch!important}.curated-course-stats{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.curated-stat{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:2px;min-width:88px;display:flex}.curated-stat strong{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--bright)}.curated-stat span{font-size:var(--text-xs);color:var(--ghost);text-transform:uppercase;letter-spacing:.05em}.curated-editorial-quote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);border-left:3px solid var(--gold);background:radial-gradient(120% 80% at 0% 0%, var(--gold-dim), transparent 60%);border-radius:0 var(--radius) var(--radius) 0}.curated-editorial-quote p{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright);margin:0;font-style:italic}.curated-editorial-quote cite{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ghost);font-style:normal;display:block}.curated-contract-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.curated-contract-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated)}.curated-contract-icon{margin-bottom:var(--space-2);font-size:1.25rem;display:block}.curated-contract-card strong{font-size:var(--text-sm);color:var(--bright);margin-bottom:4px;display:block}.curated-contract-card p{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--body-text);margin:0}.curated-features-section{padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border)}.curated-features-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.curated-feature-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:var(--transition);text-decoration:none}.curated-feature-card:hover{border-color:var(--signal-glow);transform:translateY(-2px)}.curated-feature-icon{margin-bottom:var(--space-2);font-size:1.5rem;display:block}.curated-feature-card h3{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--bright)}.curated-feature-card p{font-size:var(--text-sm);color:var(--body-text);line-height:var(--leading-normal);margin:0}.curated-starters-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.curated-starter-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);text-decoration:none;position:relative}.curated-starter-num{top:var(--space-3);right:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--muted);opacity:.5;position:absolute}.curated-starter-card h3{margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--bright)}.curated-starter-insight{font-size:var(--text-xs);color:var(--ghost);line-height:var(--leading-relaxed);margin:0 0 var(--space-2)}.curated-starter-meta{font-size:var(--text-xs);color:var(--ghost);align-items:center;gap:4px;display:flex}.curated-career-card{cursor:pointer;transition:var(--transition);position:relative}.curated-career-card:hover{border-color:var(--signal-glow)}.curated-career-card--selected{box-shadow:0 0 0 1px var(--signal-glow), 0 8px 32px #0003;border-color:var(--signal)!important}.curated-career-selected-badge{top:var(--space-3);right:var(--space-3);letter-spacing:.06em;text-transform:uppercase;color:var(--signal);background:var(--signal-dim);border-radius:99px;padding:3px 8px;font-size:.65rem;font-weight:700;position:absolute}.curated-spine-section{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(100% 80% at 100% 0%, var(--signal-dim), transparent 55%), var(--surface-elevated)}.curated-spine-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.curated-spine-header h2{margin:var(--space-2) 0;font-family:var(--font-display);color:var(--bright)}.curated-spine-header p{max-width:56ch;color:var(--body-text);font-size:var(--text-sm);margin:0}.curated-spine-progress{text-align:right}.curated-spine-progress strong{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--signal);display:block}.curated-spine-progress span{font-size:var(--text-xs);color:var(--ghost)}.curated-spine-continue{margin-bottom:var(--space-5);display:inline-flex}.curated-spine-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.curated-spine-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:var(--transition);border:1px solid #0000;display:flex}.curated-spine-item:hover{background:var(--surface);border-color:var(--border)}.curated-spine-item--done .curated-spine-status{color:var(--emerald)}.curated-spine-num{font-size:var(--text-xs);color:var(--ghost);min-width:1.5rem;font-weight:700}.curated-spine-status{color:var(--muted);flex-shrink:0}.curated-spine-link{flex-direction:column;flex:1;gap:2px;text-decoration:none;display:flex}.curated-spine-link strong{color:var(--bright);font-size:var(--text-sm)}.curated-spine-meta{font-size:var(--text-xs);color:var(--ghost)}.curated-spine-note{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--ghost);font-style:italic}.curated-level-outcomes{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--body-text);line-height:var(--leading-normal);padding-left:1.1rem}.curated-level-outcomes li{margin-bottom:2px}.topic-continuum{margin:var(--space-8) 0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 0% 0%, var(--signal-dim), transparent 55%), var(--surface-elevated)}.topic-continuum-header h2{margin:var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright)}.topic-continuum-header p{font-size:var(--text-sm);color:var(--body-text);max-width:62ch;margin:0}.topic-continuum-stages{gap:var(--space-4);margin-top:var(--space-5);display:grid}.topic-continuum-stage{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.topic-continuum-stage--core{border-color:var(--signal-glow);background:#6366f10a}.topic-continuum-stage-head{margin-bottom:var(--space-3)}.topic-continuum-tier{letter-spacing:.06em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-2);border:1px solid;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.topic-continuum-stage h3{font-size:var(--text-base);color:var(--bright);margin:0 0 4px}.topic-continuum-stage-head p{font-size:var(--text-xs);color:var(--ghost);margin:0}.topic-continuum-links{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.topic-continuum-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--signal);font-weight:600;text-decoration:none;display:flex}.topic-continuum-link:hover{color:var(--signal-hover)}.topic-continuum-diff{font-size:var(--text-xs);color:var(--ghost);margin-right:auto;font-weight:400}.topic-continuum-current{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--bright);display:flex}.topic-continuum-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.topic-continuum-actions ul{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--body-text);padding-left:1.1rem}.topic-continuum-footer{margin:var(--space-4) 0 0;font-size:var(--text-sm)}.topic-continuum-footer a{color:var(--signal);font-weight:600;text-decoration:none}.curated-longevity-section{margin-top:var(--space-10);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#2dd4a00d,#6366f10d)}.curated-longevity-tiers{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.curated-longevity-tier-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.curated-longevity-tier-card strong{font-size:var(--text-sm);color:var(--bright);margin:var(--space-2) 0;display:block}.curated-longevity-tier-card p{font-size:var(--text-xs);color:var(--body-text);line-height:var(--leading-normal);margin:0}@media (width<=640px){.course-hero{padding:var(--space-5)}.course-hero-text h1{font-size:var(--text-3xl)}}.concept-lab-trace-head{margin-bottom:var(--space-3)}.concept-lab-trace-head strong{font-family:var(--font-display);font-size:var(--text-lg);color:var(--bright);display:block}.concept-lab-trace-input{font-size:var(--text-sm);color:var(--ghost)}.concept-lab-trace-input code{font-family:var(--font-mono);color:var(--signal)}.java-api-quiz{margin:var(--space-8) 0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 100% 0%, var(--signal-dim), transparent 55%), var(--surface-elevated)}.java-api-quiz-head{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--signal);display:flex}.java-api-quiz-head h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright);margin:0}.java-api-quiz-head p{font-size:var(--text-sm);color:var(--body-text);margin:2px 0 0}.topic-quiz-title{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-2);font-weight:700;display:block}.java-api-trace{margin:var(--space-8) 0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 0% 0%, var(--gold-dim), transparent 55%), var(--surface-elevated)}.java-api-trace .java-api-quiz-head{color:var(--gold)}.java-api-trace-input{color:var(--ghost);font-style:italic}.trace-viewer-bar{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.trace-viewer-head strong{font-family:var(--font-display);font-size:var(--text-lg);color:var(--bright);display:block}.trace-viewer-input{font-size:var(--text-sm);color:var(--ghost)}.trace-viewer-input code{font-family:var(--font-mono);color:var(--signal)}.trace-lang-toggle{border:1px solid var(--border);border-radius:99px;flex-shrink:0;display:inline-flex;overflow:hidden}.trace-lang-toggle button{font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);color:var(--ghost);background:var(--surface);cursor:pointer;transition:var(--transition);border:none;padding:5px 16px}.trace-lang-toggle button:hover{color:var(--bright)}.trace-lang-toggle button.is-active{color:var(--void);background:var(--signal)}.trace-selector{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.trace-selector-chip{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--body-text);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:99px;font-weight:600}.trace-selector-chip:hover{color:var(--bright);border-color:var(--ghost)}.trace-selector-chip.is-active{color:var(--signal);border-color:var(--signal-glow);background:var(--signal-dim)}.dsa-gotchas{margin:var(--space-6) 0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(130% 90% at 100% 0%, #e8a83812, transparent 55%), var(--surface-elevated)}.dsa-gotchas>h3{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright)}.dsa-gotcha-block{margin-bottom:var(--space-5)}.dsa-gotcha-block:last-child{margin-bottom:0}.dsa-gotcha-block>h4{margin:0 0 var(--space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);font-size:.7rem;font-weight:700}.dsa-confused-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.dsa-confused-card{padding:var(--space-4);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--radius-sm);background:var(--surface)}.dsa-confused-pair{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--bright);font-weight:600;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.dsa-confused-vs{text-transform:uppercase;color:var(--amber);background:var(--gold-dim);border-radius:99px;padding:2px 7px;font-size:.65rem;font-weight:700}.dsa-confused-card p{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--body-text);margin:0}.dsa-confused-nav{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm)}.dsa-confused-nav-link{color:var(--signal);font-weight:600;text-decoration:none}.dsa-confused-nav-link:hover{text-decoration:underline}.dsa-remember-list{margin:0;padding-left:1.1rem;list-style:none}.dsa-remember-list li{margin-bottom:var(--space-2);padding-left:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--body-text);position:relative}.dsa-remember-list li:before{content:"✓";color:var(--emerald);font-weight:700;position:absolute;left:0}.dsa-tricky-list{gap:var(--space-2);flex-direction:column;display:flex}.dsa-tricky-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.dsa-tricky-item summary{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--bright);cursor:pointer;font-weight:600;list-style:none}.dsa-tricky-item summary:before{content:"▸ ";color:var(--signal)}.dsa-tricky-item[open] summary:before{content:"▾ "}.dsa-tricky-item summary::-webkit-details-marker{display:none}.dsa-tricky-item p{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--body-text);border-top:1px solid var(--border-subtle);padding-top:var(--space-3);margin:0}.problem-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.problem-modal-panel{border-radius:var(--radius-lg);background:var(--surface-elevated,#12141a);border:1px solid #d4a05459;flex-direction:column;width:min(720px,100%);max-height:min(88vh,900px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0000008c}.problem-modal-header{justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--border);background:linear-gradient(#d4a05414,#0000);display:flex}.problem-modal-eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-1);font-weight:700;display:block}.problem-modal-header h2{margin:0 0 var(--space-2);font-size:var(--text-xl)}.problem-modal-meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--muted-fg);flex-wrap:wrap;display:flex}.problem-modal-close{color:var(--muted-fg);cursor:pointer;padding:0 var(--space-1);background:0 0;border:none;font-size:1.75rem;line-height:1}.problem-modal-close:hover{color:var(--gold)}.problem-modal-body{padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.problem-modal-section h3{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--gold)}.problem-modal-section--approach,.problem-modal-section--solution{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05}.problem-modal-section--solution{background:#d4a0540a;border-color:#d4a05440}.problem-modal-prompt{line-height:var(--leading-relaxed);margin:0}.problem-modal-rich p{margin:0 0 var(--space-2);line-height:var(--leading-relaxed)}.problem-modal-hints{padding-left:var(--space-5);line-height:var(--leading-relaxed);margin:0}.problem-modal-footer{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;display:flex}.problem-modal-section--overview{padding:var(--space-4);border-radius:var(--radius-md);background:#64a0dc0d;border:1px solid #64a0dc40}.problem-modal-approach-text{line-height:var(--leading-relaxed);margin:0}.problem-modal-section--ladder{padding:var(--space-4);border-radius:var(--radius-md);background:#d4a05408;border:1px solid #d4a05440}.solution-ladder-intro{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--fg);line-height:var(--leading-relaxed)}.solution-ladder-context{font-size:var(--text-xs);color:var(--muted-fg);font-style:italic}.solution-ladder-example{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#ffffff08;border-left:2px solid #6b9fd480}.solution-ladder-trace{margin-top:var(--space-3)}.solution-ladder-trace .dsa-dry-run{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#00000026;margin:0}.solution-ladder-trace .dsa-trace-table{font-size:var(--text-xs)}.solution-ladder-pitfall{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);background:#dc505014;border-left:3px solid #dc505099}.solution-ladder-followup{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);background:#d4a05414;border-left:3px solid #d4a05480}.solution-ladder-stack{gap:var(--space-3);flex-direction:column;display:flex}.solution-ladder-tier{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05}.solution-ladder-tier--brute{border-left:3px solid var(--muted-fg)}.solution-ladder-tier--better{border-left:3px solid #6b9fd4}.solution-ladder-tier--optimal{border-left:3px solid var(--gold);background:#d4a0540f}.dsa-pattern-mastery{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.dsa-pattern-mastery>h3{margin-bottom:var(--space-2)}.pattern-mastery-card{margin:var(--space-5) 0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05}.pattern-mastery-card h4{margin:0 0 var(--space-2);color:var(--gold)}.pattern-mastery-signal{font-size:var(--text-sm);color:var(--ghost);margin-bottom:var(--space-3)}.pattern-mastery-ladder{gap:var(--space-3);flex-direction:column;display:flex}.pattern-mastery-tier{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:var(--text-sm)}.pattern-mastery-tier--brute{border-left:3px solid var(--muted-fg)}.pattern-mastery-tier--better{border-left:3px solid #6b9fd4}.pattern-mastery-tier--optimal{border-left:3px solid var(--gold);background:#d4a0540d}.pattern-mastery-tier header{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.pattern-mastery-tier h5{font-size:var(--text-sm);margin:0}.pattern-mastery-cx{font-size:var(--text-xs);color:var(--ghost);font-family:var(--font-mono)}.pattern-mastery-example{margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:#00000026}.pattern-mastery-steps{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.solution-ladder-tier-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.solution-ladder-tier-header h4{font-size:var(--text-sm);margin:0;font-weight:700}.solution-ladder-tier-cx{font-size:var(--text-xs);color:var(--muted-fg);font-family:var(--font-mono,monospace)}.solution-ladder-tier p{margin:0 0 var(--space-2);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.solution-ladder-steps{margin:var(--space-2) 0 0;padding-left:var(--space-5);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.solution-ladder-steps li{margin-bottom:var(--space-1)}.lesson-html .dsa-solution-walkthrough .solution-ladder-stack,.dsa-solution-ladder .solution-ladder-stack{margin-top:var(--space-3)}.dsa-solution-ladder-label{margin:0 0 var(--space-2)}.dsa-problem-trigger{font:inherit;color:var(--gold);cursor:pointer;text-align:left;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #d4a05466;text-decoration:underline #d4a05466}.dsa-problem-trigger:hover{color:#f0c878}.dsa-featured-row{cursor:pointer;transition:background .15s}.dsa-featured-row:hover{background:#d4a0540f}.dsa-practice-problem-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.dsa-practice-problem-chip{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;background:#ffffff05;flex-wrap:wrap;text-decoration:none;display:flex}.dsa-practice-problem-chip:hover{border-color:var(--gold);background:#d4a0540f}.dsa-practice-chip-title{color:var(--body-text);flex:100%;font-weight:600;text-decoration:none}.article-prologue--compact{margin-top:var(--space-2)}.your-turn-exercise{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.your-turn-exercise--loading{padding:var(--space-8);justify-content:center;display:flex}.your-turn-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.your-turn-header h3{margin:var(--space-2) 0 var(--space-1)}.your-turn-header p{color:var(--muted-fg);font-size:var(--text-sm);margin:0}.your-turn-progress{align-items:flex-end;gap:var(--space-1);font-size:var(--text-sm);color:var(--bright);white-space:nowrap;flex-direction:column;font-weight:600;display:flex}.your-turn-attempts{font-weight:400;font-size:var(--text-xs);color:var(--crimson)}.your-turn-canvas{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-5);background:#ffffff05;position:relative}.your-turn-slot{text-align:center;width:130px;min-height:52px;padding:var(--space-2);border:1.5px dashed var(--ghost);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--muted-fg);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;transition:border-color .15s,background .15s,transform .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.your-turn-slot:hover:not(.is-correct){border-color:var(--gold)}.your-turn-slot.is-filled{cursor:default}.your-turn-slot.is-correct{border:1.5px solid var(--emerald);color:var(--bright);background:#2dd4a01a}.your-turn-slot.is-revealed{border:1.5px solid var(--amber);color:var(--bright);background:#e8a83814}.your-turn-slot.is-wrong{border-color:var(--crimson);background:#f052521f;transform:translate(-50%,-50%)translate(4px)}.your-turn-slot-ghost{opacity:.6}.your-turn-tray{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:#ffffff05;flex-wrap:wrap;display:flex}.your-turn-chip{padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:var(--surface-elevated);color:var(--bright);font-size:var(--text-sm);cursor:grab;border-radius:999px;font-weight:600;transition:border-color .15s,background .15s}.your-turn-chip:hover{border-color:var(--gold)}.your-turn-chip.is-selected{border-color:var(--gold);color:var(--gold);background:#d4a05424}.your-turn-success{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#2dd4a014;border:1px solid #2dd4a04d}.your-turn-actions{gap:var(--space-3);display:flex}.your-turn-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--gold);color:#1a1408;font-size:var(--text-sm);cursor:pointer;font-weight:600}.your-turn-btn--ghost{color:var(--muted-fg);background:0 0}.your-turn-btn--ghost:hover{color:var(--bright);border-color:var(--gold)}@media (width<=560px){.your-turn-slot{width:104px;font-size:11px}}@media (width<=768px){.learning-flow-section{padding:var(--space-4);margin:var(--space-4) 0}.learning-flow-svg{min-width:280px}.learning-flow-step{gap:var(--space-2);flex-direction:column}.video-resource-grid{grid-template-columns:1fr}.dsa-line-annotation-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.dsa-line-annotation-table th,.dsa-line-annotation-table td{min-width:140px;font-size:var(--text-xs)}.dsa-pattern-lld-block blockquote{font-size:var(--text-sm)}.interactive-flow-lesson{padding:var(--space-4);margin:var(--space-4) 0}.interactive-step-nav{-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.interactive-step-btn{white-space:nowrap;flex-shrink:0}.review-queue-list{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.review-queue-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.blind75-tools .blind75-weak-grid,.blind75-tools .blind75-mock-grid{grid-template-columns:1fr}.blind75-weak-card .blind75-problem-chips{flex-wrap:wrap}.dsa-dual-lang-tabs[data-dual-lang-mode=toggle] .dual-lang-toggle-bar{justify-content:center;width:100%}.code-lang-block pre{max-height:280px;font-size:12px}}.review-queue-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.review-queue-item{align-items:center;gap:var(--space-2);padding:var(--space-4);flex-wrap:wrap;display:flex}.dsa-line-annotation-guide{margin:var(--space-5) 0;padding:var(--space-5);border-radius:var(--radius-md);background:#d4a05408;border:1px solid #d4a05433}.dsa-pattern-lld-block{margin:var(--space-5) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(#7c3aed0a 0%,#0000 100%)}.dsa-lld-rubric{font-size:var(--text-sm);color:var(--muted-fg);margin-top:var(--space-4)}.blind75-tools .blind75-weak-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.blind75-tools .blind75-mock-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.article-masthead,.article-chapter-header,.article-footer{box-shadow:inset 0 1px #ffffff09}.article-masthead{background:radial-gradient(circle at 10% 0%, #c9a2271f, transparent 24rem), var(--gradient-card), var(--surface-elevated);box-shadow:var(--shadow-premium);position:relative;overflow:hidden}.article-page-header h1,.article-story-lead{letter-spacing:-.04em;text-wrap:balance}.article-page-header h1{font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl))}.article-meta-chip{background:#4d8ef717;border-color:#4d8ef73d}.article-chapter-header{background:linear-gradient(135deg, #c9a22713, transparent 42%), var(--surface-elevated)}.article-chapter-heading h2{letter-spacing:-.035em}.lesson-html .lesson-section-guide,.lesson-html .trainer-learning-objectives,.lesson-html .trainer-executive-summary,.lesson-html .trainer-curriculum-note,.lesson-html .trainer-formal-model,.lesson-html .lesson-summary-box,.lesson-html .lesson-reflection,.lesson-html .lesson-followups,.lesson-html .lesson-glossary-strip,.lesson-html .lesson-interview-script,.lesson-html .premium-staff-synthesis,.lesson-html .premium-interview-gold,.lesson-html .premium-key-insight{background:linear-gradient(145deg, #ffffff0a, transparent 48%), var(--surface-elevated);box-shadow:inset 0 1px #ffffff08}.course-page{max-width:1180px;padding-top:var(--space-10)}.course-hero{padding:clamp(var(--space-8), 5vw, var(--space-12));background:radial-gradient(circle at 8% 0%, #c9a22724, transparent 26rem), radial-gradient(circle at 92% 10%, #4d8ef729, transparent 24rem), linear-gradient(160deg, var(--surface-elevated), #09090cf5);box-shadow:var(--shadow-premium);border-color:#ffffff14;align-items:stretch;position:relative;overflow:hidden}.course-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4d8ef71f,#0000 64%);border-radius:999px;width:32rem;height:32rem;position:absolute;inset:auto -14rem -18rem auto}.course-hero-text{z-index:1;flex-direction:column;justify-content:center;display:flex;position:relative}.course-hero-text h1{max-width:11ch;font-size:clamp(var(--text-4xl), 6vw, var(--text-6xl));letter-spacing:-.055em;margin-bottom:var(--space-5);font-weight:600;line-height:1.02}.curated-course-lead{color:var(--mist)!important;font-size:clamp(var(--text-base), 1.6vw, var(--text-lg))!important}.curated-course-stats{gap:var(--space-3);margin-top:var(--space-8)}.curated-stat{background:#ffffff09;border-color:#ffffff14;min-width:9rem;box-shadow:inset 0 1px #ffffff09}.curated-stat strong{letter-spacing:-.035em}.course-progress-panel{z-index:1;min-width:min(19rem,100%);padding:var(--space-8);border-radius:calc(var(--radius-lg) + 6px);background:radial-gradient(circle at 50% 10%,#c9a22724,#0000 62%),#ffffff09;border:1px solid #ffffff13;align-content:center;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0b}.course-progress-eyebrow{margin-bottom:var(--space-5);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.68rem;font-weight:700}.course-progress-caption{margin:var(--space-5) 0 0;color:var(--ghost);font-size:var(--text-sm);text-align:center}.course-ring svg{width:148px;height:148px}.course-ring-track{stroke:#ffffff14}.course-ring-fill{stroke:url(#course-progress-gradient);filter:drop-shadow(0 0 10px #4d8ef740)}.course-ring-label strong{font-size:var(--text-4xl);letter-spacing:-.05em}.curated-editorial-quote{margin:var(--space-10) 0;padding:var(--space-8);border:1px solid #c9a22738;border-left:3px solid var(--gold);background:radial-gradient(circle at 0% 0%, #c9a22721, transparent 26rem), var(--surface)}.curated-editorial-quote p{max-width:58ch;font-size:clamp(var(--text-xl), 3vw, var(--text-2xl));line-height:1.65}.curated-contract-section,.curated-features-section,.curated-starters-section,.curated-level-track-section,.curated-featured-section,.curated-challenges-section,.curated-spine-section{margin-top:var(--space-16)}.curated-contract-card,.curated-feature-card,.curated-starter-card,.curated-spine-section,.curated-longevity-section,.course-rail-card{background:var(--gradient-card), linear-gradient(180deg, var(--surface-elevated), var(--surface));border-color:#ffffff13;box-shadow:inset 0 1px #ffffff09}.curated-feature-card,.curated-starter-card,.course-rail-card{transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition)}.curated-feature-card:hover,.curated-starter-card:hover,.course-rail-card:hover{box-shadow:var(--shadow-glow);border-color:#4d8ef752;transform:translateY(-3px)}.course-track{max-width:58rem}.course-stop-body{background:linear-gradient(145deg, #ffffff0a, transparent 46%), var(--surface-elevated);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-color:#ffffff13;box-shadow:inset 0 1px #ffffff08}.course-stop-body:hover{box-shadow:var(--shadow-md);border-color:#c9a22747;transform:translate(4px)}.course-stop--active .course-stop-body{border-color:#4d8ef752}.course-stop-body h3{font-size:clamp(var(--text-xl), 2vw, var(--text-2xl));letter-spacing:-.04em}.course-stage-chip{border:1px solid #c9a22733}.course-stop-cta{color:var(--gold)}.course-rail-section{margin-top:var(--space-16)}@media (width<=840px){.course-hero{display:grid}.course-hero-text h1{max-width:none}.course-progress-panel{place-items:start}.course-progress-caption{text-align:left}}.dsa-explanation-ladder{margin:var(--space-6) 0}.dsa-explanation-ladder h3{font-size:var(--text-xl);margin:0 0 var(--space-2);color:var(--fg);font-weight:700}.dsa-explanation-ladder h4{font-size:var(--text-base);color:var(--signal);margin:var(--space-5) 0 var(--space-2);border-left:3px solid var(--signal);padding-left:var(--space-3);font-weight:700}.dsa-explanation-ladder p{margin:0 0 var(--space-3);color:var(--fg);line-height:1.75}.dsa-explanation-ladder pre.lesson-code{margin:var(--space-3) 0 var(--space-4)}.dsa-explanation-ladder-rungs{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.dsa-explanation-rung{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);transition:border-color var(--transition);background:#ffffff06;border:1px solid #ffffff12;grid-template-columns:2.25rem 1fr;display:grid}.dsa-explanation-rung:hover{border-color:#4d8ef740}.dsa-rung-num{background:var(--signal);color:#fff;width:2rem;height:2rem;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.dsa-explanation-rung strong{font-size:var(--text-sm);color:var(--fg);margin-bottom:var(--space-1);font-weight:700;display:block}.dsa-explanation-rung p{font-size:var(--text-sm);color:var(--muted-fg);margin:0;line-height:1.65}.dsa-explanation-rung[data-level=beginner-intuition]{border-left:3px solid #22c55e}.dsa-explanation-rung[data-level=working-model]{border-left:3px solid var(--signal)}.dsa-explanation-rung[data-level=interview-implementation]{border-left:3px solid var(--gold)}.dsa-explanation-rung[data-level=staff-math]{border-left:3px solid #a855f7}.dsa-explanation-rung[data-level=beginner-intuition] .dsa-rung-num{background:#22c55e}.dsa-explanation-rung[data-level=working-model] .dsa-rung-num{background:var(--signal)}.dsa-explanation-rung[data-level=interview-implementation] .dsa-rung-num{background:var(--gold);color:#241a04}.dsa-explanation-rung[data-level=staff-math] .dsa-rung-num{background:linear-gradient(135deg,#a855f7,#6d28d9)}.dsa-explanation-rung[data-level=staff-math]{background:linear-gradient(#a855f714,#a855f705);border-left-width:4px}.dsa-explanation-rung[data-level=staff-math]:hover{border-color:#a855f759}.dsa-explanation-rung[data-level=staff-math] .dsa-rung-num{box-shadow:0 0 0 3px #a855f733}.dsa-explanation-rung[data-level=staff-math] strong:after{content:"STAFF+";margin-left:var(--space-2);letter-spacing:.04em;color:#c4b5fd;vertical-align:middle;background:#a855f724;border:1px solid #a855f74d;border-radius:999px;padding:1px 6px;font-size:.625rem;font-weight:700;display:inline-block}.cpp-explanation-ladder .dsa-rung-body pre{margin:var(--space-2) 0;overflow-x:auto}.cpp-rung-level{margin-bottom:var(--space-1);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-fg);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-self:start;padding:1px 8px;font-size:.625rem;font-weight:700;display:inline-block}.cpp-explanation-rung[data-level=novice]{border-left:3px solid #22c55e}.cpp-explanation-rung[data-level=developing]{border-left:3px solid var(--signal)}.cpp-explanation-rung[data-level=competent]{border-left:3px solid #38bdf8}.cpp-explanation-rung[data-level=proficient]{border-left:3px solid var(--gold)}.cpp-explanation-rung[data-level=staff]{border-left:4px solid #a855f7}.cpp-explanation-rung[data-level=novice] .dsa-rung-num{background:#22c55e}.cpp-explanation-rung[data-level=developing] .dsa-rung-num{background:var(--signal)}.cpp-explanation-rung[data-level=competent] .dsa-rung-num{color:#04222e;background:#38bdf8}.cpp-explanation-rung[data-level=proficient] .dsa-rung-num{background:var(--gold);color:#241a04}.cpp-explanation-rung[data-level=staff] .dsa-rung-num{background:linear-gradient(135deg,#a855f7,#6d28d9);box-shadow:0 0 0 3px #a855f733}.cpp-explanation-rung[data-level=staff]{background:linear-gradient(#a855f714,#a855f705)}.cpp-explanation-rung[data-level=staff] .cpp-rung-level{color:#c4b5fd;background:#a855f724;border-color:#a855f74d}.cpp-ladder-staff-probe{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#a855f70f;border:1px solid #a855f740}.cpp-ladder-probe-label{margin-bottom:var(--space-1);letter-spacing:.05em;text-transform:uppercase;color:#c4b5fd;font-size:.625rem;font-weight:700;display:inline-block}.cpp-ladder-staff-probe p{font-size:var(--text-sm);color:var(--fg);margin:0;line-height:1.65}.dsa-explanation-rung[data-level=newbie]{border-left:3px solid #22c55e}.dsa-explanation-rung[data-level=senior-interview]{border-left:3px solid var(--gold)}.dsa-explanation-rung[data-level=staff-plus]{border-left:4px solid #a855f7}.dsa-explanation-rung[data-level=interview-ready]{border-left:3px solid var(--gold)}.dsa-explanation-rung[data-level=newbie] .dsa-rung-num{background:#22c55e}.dsa-explanation-rung[data-level=senior-interview] .dsa-rung-num,.dsa-explanation-rung[data-level=interview-ready] .dsa-rung-num{background:var(--gold);color:#241a04}.dsa-explanation-rung[data-level=staff-plus] .dsa-rung-num{background:linear-gradient(135deg,#a855f7,#6d28d9);box-shadow:0 0 0 3px #a855f733}.dsa-explanation-rung[data-level=staff-plus]{background:linear-gradient(#a855f714,#a855f705);border-left-width:4px}.dsa-explanation-rung[data-level=staff-plus]:hover{border-color:#a855f759}.dsa-explanation-rung[data-level=staff-plus] strong:after{content:"STAFF+";margin-left:var(--space-2);letter-spacing:.04em;color:#c4b5fd;vertical-align:middle;background:#a855f724;border:1px solid #a855f74d;border-radius:999px;padding:1px 6px;font-size:.625rem;font-weight:700;display:inline-block}.cpp-beginner-hook{margin:var(--space-3) 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--text-sm);color:var(--fg);background:#22c55e0f;border-left:3px solid #22c55e;line-height:1.75}.cpp-section-intro{margin:var(--space-1) 0 var(--space-3);font-size:var(--text-sm);color:var(--muted-fg);line-height:1.6}.cpp-ladder-audience{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff12;display:flex}.cpp-ladder-audience-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-fg);white-space:nowrap;font-size:.625rem;font-weight:700}.cpp-ladder-audience-path{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--muted-fg);flex-wrap:wrap;display:flex}.cpp-ladder-audience-path span.tier{font-weight:600}.cpp-ladder-audience-path span.tier-beginner{color:#22c55e}.cpp-ladder-audience-path span.tier-working{color:var(--signal)}.cpp-ladder-audience-path span.tier-senior{color:var(--gold)}.cpp-ladder-audience-path span.tier-staff{color:#c4b5fd}.cpp-ladder-audience-path .sep{color:var(--muted-fg);opacity:.5}@media (width<=640px){.cpp-beginner-hook{font-size:var(--text-sm);padding:var(--space-3)}.cpp-ladder-audience{align-items:flex-start;gap:var(--space-1);flex-direction:column}.cpp-ladder-audience-path{gap:4px}}.dsa-l6-wire-overlay{margin:var(--space-6) 0;padding:var(--space-5);border-radius:var(--radius-xl);background:#ffffff05;border:1px solid #ffffff14}.dsa-l6-wire-overlay h3{font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--fg);font-weight:700}.dsa-l6-wire-overlay .dsa-section-intro{margin-bottom:var(--space-5)}.dsa-wire-grid{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.dsa-wire-node{border-radius:var(--radius-lg);width:100%;max-width:28rem;padding:var(--space-3) var(--space-4);text-align:center;transition:border-color var(--transition), background var(--transition);background:#4d8ef70f;border:1px solid #4d8ef74d}.dsa-wire-node:hover{background:#4d8ef71f;border-color:#4d8ef799}.dsa-wire-node--root{background:#a855f712;border-color:#a855f766}.dsa-wire-node--root:hover{background:#a855f724;border-color:#a855f7b3}.dsa-wire-link{color:inherit;text-decoration:none;display:block}.dsa-wire-link strong{font-size:var(--text-base);color:var(--fg);margin-bottom:var(--space-1);font-weight:700;display:block}.dsa-wire-tag{font-size:var(--text-xs);color:var(--muted-fg);letter-spacing:.02em}.dsa-wire-arrow{font-size:var(--text-sm);color:var(--muted-fg);text-align:center;padding:var(--space-1) 0}.dsa-wire-arrow--synergy{color:var(--gold)}.dsa-wire-branches{gap:var(--space-4);justify-content:center;width:100%;max-width:36rem;display:flex}.dsa-wire-branch{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.dsa-wire-legend{margin-top:var(--space-4);padding-top:var(--space-3);gap:var(--space-3);font-size:var(--text-xs);color:var(--muted-fg);border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;display:flex}.dsa-wire-legend-item{align-items:center;gap:var(--space-1);display:inline-flex}.dsa-wire-legend-item--hard:before{content:"→";color:var(--signal);font-weight:700}.dsa-wire-legend-item--synergy:before{content:"⤷";color:var(--gold);font-weight:700}.dsa-wire-legend-note{color:var(--muted-fg);flex-basis:100%;font-style:italic}@media (width<=640px){.dsa-wire-branches{flex-direction:column;align-items:center}.dsa-wire-branch{width:100%;max-width:22rem}.dsa-explanation-rung{gap:var(--space-2);padding:var(--space-3) var(--space-3);border-radius:var(--radius);grid-template-columns:1.75rem 1fr}.dsa-rung-num{width:1.75rem;height:1.75rem;font-size:.6875rem}.dsa-explanation-rung strong{margin-bottom:2px;font-size:.8125rem}.dsa-explanation-rung p{font-size:.8125rem;line-height:1.6}.dsa-explanation-ladder h3{font-size:var(--text-lg)}.dsa-explanation-ladder h4{font-size:var(--text-sm);padding-left:var(--space-2);border-left-width:2px}.dsa-explanation-ladder p{font-size:var(--text-sm);line-height:1.7}.dsa-explanation-ladder pre.lesson-code{-webkit-overflow-scrolling:touch;font-size:.78rem;overflow-x:auto}.dsa-explanation-ladder-rungs{gap:var(--space-2)}.interactive-ladder-tier{padding:var(--space-3)}.interactive-ladder-tier-head{gap:var(--space-2);margin-bottom:var(--space-2)}.interactive-ladder-step-num{width:24px;height:24px;font-size:var(--text-xs)}.interactive-ladder-intro{font-size:var(--text-sm)}.interactive-ladder-guess-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.interactive-ladder-guess-grid .btn{padding:.375rem var(--space-2);text-align:center;font-size:.75rem}}.premium-hero{padding:var(--space-24) 0 var(--space-20);background:var(--gradient-hero);position:relative;overflow:hidden}.premium-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%)}.premium-hero-inner{max-width:var(--page-width);padding:0 var(--space-6);margin:0 auto;position:relative}.premium-hero-badge{align-items:center;gap:var(--space-2);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);margin-bottom:var(--space-6);border:1px solid #c9a22740;border-radius:999px;padding:.375rem .875rem;font-size:.6875rem;font-weight:600;display:inline-flex}.premium-hero-badge:before{content:"◆";font-size:.5rem}.premium-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem, 6vw, var(--text-5xl));letter-spacing:-.03em;color:var(--bright);max-width:16ch;margin-bottom:var(--space-6);font-weight:500;line-height:1.08}.premium-hero-lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--ghost);max-width:52ch;margin-bottom:var(--space-10)}.premium-hero-stats{gap:var(--space-10);margin-bottom:var(--space-10);padding:var(--space-6) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.premium-stat{gap:var(--space-1);flex-direction:column;display:flex}.premium-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--bright);letter-spacing:-.02em;font-weight:500}.premium-stat-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ghost);font-weight:500}.premium-hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.btn-premium{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--signal);color:#fff;box-shadow:0 4px 20px var(--signal-glow);transition:all var(--transition);padding:.875rem 1.75rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-premium:hover{background:var(--signal-hover);color:#fff;box-shadow:0 8px 28px var(--signal-glow);transform:translateY(-1px)}.btn-premium-outline{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--body-text);border:1px solid var(--border);transition:all var(--transition);background:0 0;padding:.875rem 1.75rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-premium-outline:hover{border-color:var(--signal);color:var(--bright);background:var(--signal-dim)}.premium-section{padding:var(--space-20) 0}.premium-section--alt{background:var(--surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.premium-section-header{max-width:var(--page-width);margin:0 auto var(--space-12);padding:0 var(--space-6)}.premium-section-header h2{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-3);font-weight:500}.premium-section-header p{font-size:var(--text-lg);color:var(--ghost);max-width:50ch;line-height:var(--leading-relaxed)}.premium-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-3);font-size:.6875rem;font-weight:600;display:inline-block}.featured-grid{gap:var(--space-5);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;display:grid}.featured-card{padding:var(--space-8);border-radius:var(--radius);border:1px solid var(--border);background:var(--gradient-card), var(--surface);color:inherit;transition:all var(--transition);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.featured-card:before{content:"";background:var(--gradient-gold);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.featured-card:hover{box-shadow:var(--shadow-glow);border-color:#4d8ef74d;transform:translateY(-2px)}.featured-card:hover:before{opacity:1}.featured-card-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin-bottom:var(--space-4);font-size:.625rem;font-weight:700}.featured-card h3{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--bright);margin-bottom:var(--space-3);font-weight:600;line-height:var(--leading-tight)}.featured-card-hook{font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);flex:1}.pattern-taxonomy-grid{gap:var(--space-5);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;display:grid}.pattern-taxonomy-card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-elevated);flex-direction:column;display:flex}.pattern-taxonomy-card-link{color:inherit;text-decoration:none}.pattern-taxonomy-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:600;display:block}.pattern-taxonomy-card h3{font-family:var(--font-serif);font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--bright)}.pattern-taxonomy-card p{font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-relaxed);margin:0}.pattern-taxonomy-examples{gap:var(--space-2);flex-wrap:wrap;display:flex}.pattern-taxonomy-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:1px solid var(--border);color:var(--signal);text-transform:capitalize;background:#ffffff08;border-radius:999px;text-decoration:none}.pattern-taxonomy-chip:hover{color:var(--gold);border-color:#d4a05466}.featured-card-meta{gap:var(--space-4);font-size:var(--text-xs);color:var(--ghost);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.featured-card-meta strong{color:var(--body-text);font-weight:500}.pillars-grid{gap:var(--space-5);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0 auto;display:grid}.pillar-card{padding:var(--space-8);border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface-elevated)}.pillar-icon{margin-bottom:var(--space-4);font-size:1.75rem}.pillar-card h3{font-family:var(--font-serif);font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:600}.pillar-card p{font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-relaxed);margin:0}.premium-quote{max-width:var(--page-width);padding:var(--space-16) var(--space-6);text-align:center;margin:0 auto}.premium-quote blockquote{font-family:var(--font-display);font-size:clamp(var(--text-xl), 3vw, var(--text-2xl));color:var(--bright);font-style:italic;line-height:var(--leading-relaxed);max-width:36ch;margin:0 auto var(--space-4)}.premium-quote cite{font-size:var(--text-sm);color:var(--ghost);font-style:normal}.journey-grid{gap:var(--space-3);max-width:var(--page-width);padding:0 var(--space-6);margin:0 auto;display:grid}.journey-card{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface);color:inherit;transition:all var(--transition);grid-template-columns:auto 1fr auto;text-decoration:none;display:grid}.journey-card:hover{background:var(--surface-elevated);border-color:#4d8ef740}.journey-num{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--signal);opacity:.6;width:2.5rem;font-weight:500}.journey-info h3{font-family:var(--font-serif);font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:600}.journey-info p{font-size:var(--text-sm);color:var(--ghost);margin:0}.journey-count{font-size:var(--text-sm);color:var(--signal);white-space:nowrap;font-weight:500}.dsa-phase-timeline{gap:var(--space-6);max-width:var(--page-width);padding:0 var(--space-6);margin:0 auto;display:grid}.dsa-phase-card{padding:var(--space-6) var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface)}.dsa-phase-header{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:auto 1fr auto;align-items:start;display:grid}.dsa-phase-num{font-size:var(--text-2xl);line-height:1}.dsa-phase-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-1);font-weight:600;display:block}.dsa-phase-header h3{font-family:var(--font-serif);font-size:var(--text-xl);margin:0 0 var(--space-1);font-weight:600}.dsa-phase-tagline{font-size:var(--text-sm);color:var(--ghost);margin:0}.dsa-phase-hours{font-size:var(--text-sm);color:var(--signal);white-space:nowrap;font-weight:500}.dsa-phase-desc{font-size:var(--text-sm);color:var(--muted-fg);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.dsa-phase-milestones{margin:0 0 var(--space-5);padding-left:var(--space-5);font-size:var(--text-sm);color:var(--muted-fg)}.dsa-phase-milestones li{margin-bottom:var(--space-2)}.dsa-phase-levels{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.dsa-phase-level-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:inherit;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.dsa-phase-level-link:hover{border-color:var(--gold);background:#d4a0540f}.dsa-phase-level-num{color:var(--gold);font-weight:600;font-size:var(--text-xs)}.dsa-phase-level-count{color:var(--ghost);font-size:var(--text-xs)}.dsa-phase-meta{font-size:var(--text-xs);color:var(--ghost);margin:0}.dsa-career-grid{gap:var(--space-5);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;display:grid}.dsa-career-card{padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface)}.dsa-career-card-header{gap:var(--space-3);margin-bottom:var(--space-3);align-items:center;display:flex}.dsa-career-emoji{font-size:var(--text-2xl)}.dsa-career-card h3{font-family:var(--font-serif);font-size:var(--text-lg);margin:0;font-weight:600}.dsa-career-years{font-size:var(--text-xs);color:var(--ghost);margin:0}.dsa-career-tagline{font-size:var(--text-sm);color:var(--bright);margin-bottom:var(--space-2);font-weight:500}.dsa-career-desc{font-size:var(--text-sm);color:var(--muted-fg);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.dsa-career-meta{gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-xs);grid-template-columns:1fr 1fr;display:grid}.dsa-career-meta dt{color:var(--ghost);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.dsa-career-meta dd{color:var(--muted-fg);margin:0}.dsa-career-cta{font-size:var(--text-sm);color:var(--signal);margin-bottom:var(--space-3);font-weight:500;text-decoration:none;display:inline-block}.dsa-career-cta:hover{text-decoration:underline}.dsa-career-skip{font-size:var(--text-xs);color:var(--ghost);border-top:1px solid var(--border-subtle);padding-top:var(--space-3);margin:0;font-style:italic}.dsa-level-progression{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.dsa-level-progression-title{font-family:var(--font-serif);font-size:var(--text-lg);margin-bottom:var(--space-5);font-weight:600}.dsa-level-progression-track{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.dsa-level-progression-item{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-elevated)}.dsa-level-progression-num{font-size:var(--text-xs);color:var(--gold);margin-bottom:var(--space-2);font-weight:600;display:inline-block}.dsa-level-progression-item strong{font-size:var(--text-sm);margin-bottom:var(--space-1);display:block}.dsa-level-progression-item p{font-size:var(--text-xs);color:var(--ghost);line-height:var(--leading-relaxed);margin:0}@media (width<=640px){.dsa-phase-header{grid-template-columns:auto 1fr}.dsa-phase-hours{grid-column:2}}.premium-footer{margin-top:var(--space-20);padding:var(--space-16) var(--space-6);border-top:1px solid var(--border);background:var(--surface)}.premium-footer-inner{max-width:var(--page-width);justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;margin:0 auto;display:flex}.premium-footer-brand{font-family:var(--font-display);font-size:var(--text-lg);color:var(--bright);margin-bottom:var(--space-2);font-weight:500}.premium-footer-tagline{font-size:var(--text-sm);color:var(--ghost);max-width:28ch;line-height:var(--leading-relaxed)}.premium-footer-links{gap:var(--space-8);display:flex}.premium-footer-links a{font-size:var(--text-sm);color:var(--ghost);transition:color var(--transition);text-decoration:none}.premium-footer-links a:hover{color:var(--bright)}.article-enrichment-grid{gap:var(--space-4);margin:var(--space-8) 0;display:grid}.article-enrichment-card{padding:var(--space-6);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated)}.article-enrichment-card--gold{border-left:3px solid var(--gold);background:var(--gold-dim)}.article-enrichment-card--emerald{border-left:3px solid var(--emerald);background:#2dd4a00f}.article-enrichment-card--crimson{border-left:3px solid var(--crimson);background:#f052520f}.article-enrichment-card h4{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);margin-bottom:var(--space-3);font-weight:700}.article-enrichment-card p,.article-enrichment-card li{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.article-enrichment-card ul{margin:0;padding-left:1.25rem}.article-enrichment-card li{margin-bottom:var(--space-2)}.article-remember{padding:var(--space-8);margin:var(--space-10) 0;border-radius:var(--radius);background:var(--gradient-card), var(--surface-elevated);text-align:center;border:1px solid #c9a22733}.article-remember p{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bright);font-style:italic;line-height:var(--leading-relaxed);margin:var(--space-3) 0 0}.chapter-nav{gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.chapter-nav-btn{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius);border:1px solid var(--border);background:var(--gradient-card), var(--surface);color:inherit;font-size:var(--text-sm);transition:border-color var(--transition), background var(--transition), transform var(--transition);flex-direction:column;min-width:0;text-decoration:none;display:flex}.chapter-nav-btn:hover{border-color:var(--signal);background:var(--signal-dim);transform:translateY(-1px)}.chapter-nav-btn span{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ghost);font-weight:600}.chapter-nav-btn strong{color:var(--bright);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chapter-nav-btn.next{text-align:right;grid-column:2;align-items:flex-end}.chapter-nav-btn.next span{color:var(--signal)}.chapter-nav>span:empty{display:none}@media (width<=640px){.chapter-nav{grid-template-columns:1fr}.chapter-nav-btn.next{grid-column:1}}.related-topics{margin-top:var(--space-12);padding:var(--space-8);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.related-topics h3{font-size:var(--text-base);margin-bottom:var(--space-5);font-weight:600}.related-topics-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.related-topic-link{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:var(--text-sm);color:var(--body-text);transition:all var(--transition);text-decoration:none}.related-topic-link:hover{border-color:var(--signal);color:var(--signal);background:var(--signal-dim)}.curated-hub-hero .premium-hero-lead{max-width:58ch;margin-bottom:var(--space-8)}.curated-hub-stats{margin-bottom:var(--space-8)}.curated-hub-section{padding:var(--space-16) 0;max-width:var(--page-width);margin:0 auto}.curated-hub-section--alt{max-width:none;padding-left:var(--space-6);padding-right:var(--space-6);background:var(--surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.curated-hub-section-head{max-width:var(--page-width);margin:0 auto var(--space-10);padding:0 var(--space-6)}.curated-hub-section-head h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:500}.curated-hub-section-head p{font-size:var(--text-base);color:var(--ghost);max-width:48ch;line-height:var(--leading-relaxed);margin:0}.curated-hub-steps{padding:0 var(--space-6);max-width:var(--page-width);gap:var(--space-4);margin:0 auto;list-style:none;display:grid}.curated-hub-step{gap:var(--space-5);padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-elevated);transition:border-color var(--transition);grid-template-columns:auto 1fr;display:grid}.curated-hub-step:hover{border-color:#4d8ef740}.curated-hub-step-num{width:2.5rem;height:2.5rem;font-family:var(--font-display);font-size:var(--text-lg);color:var(--gold);background:var(--gold-dim);border:1px solid #c9a22733;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.curated-hub-step-body h3{font-family:var(--font-serif);font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--bright);font-weight:600}.curated-hub-step-body p{font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-relaxed);margin:0 0 var(--space-3);max-width:52ch}.curated-hub-step-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--signal);font-weight:600;text-decoration:none;display:inline-flex}.curated-hub-step-link:hover{text-decoration:underline}.curated-hub-pillars{gap:var(--space-4);max-width:var(--page-width);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0 auto;display:grid}.curated-hub-pillar{padding:var(--space-6);border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface-elevated);color:inherit;transition:all var(--transition);flex-direction:column;text-decoration:none;display:flex}.curated-hub-pillar:hover{box-shadow:var(--shadow-glow);border-color:#c9a2274d;transform:translateY(-2px)}.curated-hub-pillar-icon{margin-bottom:var(--space-3);font-size:1.5rem}.curated-hub-pillar h3{font-family:var(--font-serif);font-size:var(--text-base);margin:0 0 var(--space-2);color:var(--bright);font-weight:600}.curated-hub-pillar p{font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);flex:1}.curated-hub-pillar-cta{font-size:var(--text-xs);color:var(--signal);font-weight:600}.curated-hub-patterns{gap:var(--space-4);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;display:grid}.curated-hub-pattern{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--gradient-card), var(--surface);color:inherit;transition:all var(--transition);flex-direction:column;text-decoration:none;display:flex}.curated-hub-pattern:hover{border-color:#4d8ef74d;transform:translateY(-1px)}.curated-hub-pattern h3{font-family:var(--font-serif);font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--bright);font-weight:600}.curated-hub-pattern-tags{font-size:var(--text-xs);color:var(--gold);margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.curated-hub-pattern-cta{padding-top:var(--space-3);font-size:var(--text-sm);color:var(--signal);margin-top:auto;font-weight:600}.curated-hub-confused{gap:var(--space-3);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0 auto;display:grid}.curated-hub-confused-link{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:inherit;font-size:var(--text-sm);transition:border-color var(--transition), background var(--transition);text-decoration:none;display:flex}.curated-hub-confused-link:hover{border-color:var(--gold);background:#d4a0540a}.curated-hub-confused-link strong{color:var(--bright);font-weight:500}.curated-hub-bridges{gap:var(--space-6);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;display:grid}.curated-hub-bridge-group h3{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--space-3);font-weight:700}.curated-hub-bridge-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.curated-hub-bridge-list a{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:inherit;transition:border-color var(--transition);text-decoration:none;display:block}.curated-hub-bridge-list a:hover{border-color:var(--signal)}.curated-hub-bridge-list strong{font-size:var(--text-sm);color:var(--bright);margin-bottom:2px;display:block}.curated-hub-bridge-list span{font-size:var(--text-xs);color:var(--ghost)}.curated-hub-widgets{gap:var(--space-4);max-width:var(--page-width);padding:var(--space-8) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;display:grid}.curated-hub-widget{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-elevated)}.curated-hub-widget h3,.curated-hub-widget-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin:0 0 var(--space-3);color:var(--bright);font-weight:600;display:flex}.review-queue-compact .review-queue-daily{margin-bottom:var(--space-3)}.review-queue-list--compact{margin:0;padding:0;list-style:none}.review-queue-list--compact .review-queue-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.java-api-start-callout{max-width:var(--page-width);margin:0 auto var(--space-8);padding:var(--space-5) var(--space-6);border-radius:var(--radius);background:var(--gold-dim);justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid #c9a22740;flex-wrap:wrap;display:flex}.java-api-start-callout p{font-size:var(--text-sm);color:var(--body-text);max-width:50ch;margin:0}.java-learning-compact-grid{gap:var(--space-3);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0 auto;display:grid}.java-learning-compact-card{gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:inherit;transition:border-color var(--transition);flex-direction:column;text-decoration:none;display:flex}.java-learning-compact-card:hover{border-color:var(--gold)}.java-learning-compact-card strong{font-size:var(--text-sm);color:var(--bright)}.java-learning-compact-card span{font-size:var(--text-xs);color:var(--ghost)}.curated-pattern-recognition{gap:var(--space-3);max-width:var(--page-width);padding:0 var(--space-6);flex-direction:column;margin:0 auto;display:flex}.curated-pattern-row{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-elevated);color:inherit;transition:border-color var(--transition);grid-template-columns:1fr auto 1fr;align-items:center;text-decoration:none;display:grid}.curated-pattern-row:hover{border-color:#4d8ef74d}.curated-pattern-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-1);font-size:.625rem;font-weight:700;display:block}.curated-pattern-trigger p,.curated-pattern-use p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--body-text);margin:0}.curated-pattern-arrow{font-size:var(--text-xl);color:var(--signal);opacity:.6}.curated-pattern-avoid{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--ghost);font-style:italic;display:block}.curated-teach-back{gap:var(--space-4);max-width:var(--page-width);padding:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;display:grid}.curated-teach-back-card{padding:var(--space-5);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius-sm);background:var(--gold-dim);color:inherit;transition:transform var(--transition);text-decoration:none}.curated-teach-back-card:hover{transform:translateY(-1px)}.curated-teach-back-topic{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-2);font-weight:700;display:block}.curated-teach-back-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--bright);margin:0;font-style:italic}@media (width<=768px){.curated-pattern-row{grid-template-columns:1fr}.curated-pattern-arrow{display:none}.premium-hero{padding:var(--space-16) 0 var(--space-12)}.premium-hero h1{max-width:none}.journey-card{gap:var(--space-3);grid-template-columns:1fr}.journey-count{justify-self:start}.featured-grid,.curated-hub-step{grid-template-columns:1fr}}.interview-essentials-section{margin-top:var(--space-10)}.interview-essentials-phase{margin-top:var(--space-8)}.interview-essentials-phase-head h3{margin:var(--space-2) 0;font-family:var(--font-display);color:var(--bright)}.interview-essentials-phase-head p{margin:0 0 var(--space-4);color:var(--body-text);font-size:var(--text-sm);max-width:62ch}.interview-essentials-phase-num{font-size:var(--text-xs);color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.interview-essentials-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.interview-essentials-item{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:2rem 1.5rem 1fr;display:grid}.interview-essentials-item--done{border-color:var(--emerald-dim)}.interview-essentials-order{font-family:var(--font-display);color:var(--ghost);font-weight:700}.interview-essentials-status{color:var(--muted);padding-top:2px}.interview-essentials-item--done .interview-essentials-status{color:var(--emerald)}.interview-essentials-title{color:var(--bright);font-weight:600;text-decoration:none;display:block}.interview-essentials-title:hover{color:var(--signal)}.interview-essentials-meta{font-size:var(--text-xs);color:var(--ghost);margin-top:2px;display:block}.interview-essentials-hook{margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--body-text);line-height:var(--leading-relaxed)}.interview-essentials-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.interview-essentials-link{font-size:var(--text-xs);color:var(--signal);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.interview-essentials-link:hover{text-decoration:underline}.interview-essentials-study-guide{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);max-width:52rem}.interview-essentials-study-guide h4{margin:0 0 var(--space-3);font-size:.95rem;font-weight:600}.interview-essentials-study-guide ol{color:var(--muted);margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.6}.interview-essentials-study-guide li+li{margin-top:var(--space-2)}.interview-essentials-study-guide code{border-radius:var(--radius-sm);background:var(--surface-3);padding:.1em .35em;font-size:.8em}.interview-essentials-resume{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--signal-dim,var(--border));background:linear-gradient(135deg, var(--surface-2) 0%, var(--surface-3) 100%);max-width:52rem}.interview-essentials-resume--complete{align-items:center;gap:var(--space-3);color:var(--emerald);flex-wrap:wrap;display:flex}.interview-essentials-resume-head{gap:var(--space-3);color:var(--signal);align-items:flex-start;display:flex}.interview-essentials-resume-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.25rem;font-size:.75rem;display:block}.interview-essentials-resume-title{color:var(--text);font-size:1.05rem;display:block}.interview-essentials-resume-meta{color:var(--muted);margin-top:.15rem;font-size:.8rem;display:block}.interview-essentials-resume-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.interview-essentials-resume-foot{margin:var(--space-3) 0 0;color:var(--muted);font-size:.8rem}.interview-essentials-progress-bar{background:var(--surface-3);height:6px;margin-top:var(--space-4);border-radius:999px;overflow:hidden}.interview-essentials-progress-bar--thin{flex:1;min-width:120px;height:4px;margin-top:0}.interview-essentials-progress-fill{background:var(--signal);border-radius:999px;height:100%;transition:width .3s}.interview-essentials-phase-progress{align-items:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--muted);font-size:.8rem;display:flex}.interview-essentials-item--next{border-color:var(--signal-dim,var(--signal));box-shadow:0 0 0 1px var(--signal-dim,transparent)}.interview-essentials-next-badge{margin-left:var(--space-2);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--signal-dim,var(--surface-3));color:var(--signal);vertical-align:middle;padding:.1em .45em;font-size:.65rem;font-weight:600}.practice-hub-search{align-items:center;gap:var(--space-3);max-width:28rem;margin:0 auto var(--space-6);padding:0 var(--space-6);display:flex}.practice-hub-search input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);flex:1}.practice-hub-topic-list{max-width:var(--page-width);padding:0 var(--space-6);gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0 auto;list-style:none;display:grid}.practice-hub-topic-link{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:inherit;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.practice-hub-topic-link:hover{border-color:var(--signal-dim,var(--signal));background:var(--surface-3)}.practice-hub-topic-label{font-size:.9rem;font-weight:500}.practice-hub-topic-meta{color:var(--muted);white-space:nowrap;font-size:.75rem}.practice-hub-empty{text-align:center;color:var(--muted);padding:var(--space-8)}.practice-breadcrumb{max-width:var(--page-width);margin:0 auto var(--space-4);padding:0 var(--space-6);color:var(--muted);font-size:.85rem}.practice-breadcrumb a{color:var(--signal);text-decoration:none}.practice-breadcrumb a:hover{text-decoration:underline}.practice-crosslinks--header{flex-wrap:wrap}.practice-crosslinks--footer{max-width:var(--page-width);margin:var(--space-8) auto 0;padding:var(--space-6);border-top:1px solid var(--border)}.practice-crosslinks-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.practice-crosslinks-primary{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.practice-crosslinks-group{margin-bottom:var(--space-5)}.practice-crosslinks-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:var(--space-2);font-size:.75rem;display:block}.practice-crosslinks-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.practice-crosslinks-row--hub{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.practice-crosslinks-pair{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:inline-flex}.practice-path-nav{max-width:var(--page-width);margin:var(--space-8) auto 0;padding:0 var(--space-6)}.practice-path-nav-cell{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.practice-path-nav-cell--next{align-items:flex-end}.practice-path-nav-drill{color:var(--signal);font-size:.8rem;text-decoration:none}.practice-path-nav-drill:hover{text-decoration:underline}.practice-hub-java-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.practice-hub-java-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;display:flex}.java-api-card{gap:var(--space-2);padding-bottom:var(--space-3);flex-direction:column;display:flex}.java-api-card-main{color:inherit;flex:1;text-decoration:none}.java-api-card-practice{margin-left:var(--space-4);margin-bottom:var(--space-2);align-self:flex-start}.article-meta-chip--link{color:inherit;text-decoration:none}.article-meta-chip--link:hover{border-color:var(--signal);color:var(--signal)}.hub-tabs-wrap,.ide-hub-tabs-wrap{max-width:var(--page-width);padding:0 var(--space-6);margin:0 auto}.hub-tabs-list{gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-1);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.hub-tabs-trigger{align-items:center;gap:var(--space-2);border-radius:calc(var(--radius-sm) - 2px);color:var(--ghost);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:none;padding:.625rem 1.125rem;font-weight:500;display:inline-flex}.hub-tabs-trigger:hover{color:var(--body-text);background:#ffffff0a}.hub-tabs-trigger--active{color:var(--bright);background:var(--surface-elevated);box-shadow:0 1px 3px #0003}.hub-tabs-badge{background:var(--signal-dim);color:var(--signal);border-radius:999px;padding:.1rem .45rem;font-size:.65rem;font-weight:600}.hub-tabs-panel{animation:.2s hub-tab-in}@keyframes hub-tab-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hub-tab-panel-lead{color:var(--ghost);max-width:58ch;margin:0 0 var(--space-6);line-height:var(--leading-relaxed)}.hub-tab-panel-subsection{margin-top:var(--space-8)}.hub-tab-panel-heading{font-family:var(--font-serif);font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--bright);font-weight:600}.hub-tab-panel-link{margin-top:var(--space-4);display:inline-block}.curated-hub--streamlined .curated-hub-section--compact{padding:var(--space-12) 0 var(--space-16)}.curated-hub-section-head--center{text-align:center;margin-left:auto;margin-right:auto}.curated-hub-section-head--center p{margin-left:auto;margin-right:auto}.curated-hub-patterns--compact{gap:var(--space-3)}.curated-hub-pattern--compact{padding:var(--space-5)}.curated-hub-pattern--compact h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.curated-hub-pattern--compact p{font-size:var(--text-sm);color:var(--ghost);margin:0}.featured-grid--compact{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0}.featured-card--compact{padding:var(--space-5)}.featured-card--compact h3{font-size:var(--text-base)}.journey-grid--compact{gap:var(--space-2);padding:0}.journey-card--compact{padding:var(--space-4) var(--space-5);gap:var(--space-4)}.journey-card--compact .journey-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.curated-teach-back--compact{gap:var(--space-3)}.curated-hub-confused--compact{gap:var(--space-2)}.curated-hub-bridges--compact{gap:var(--space-6)}.ide-hub-panel{min-height:12rem}.ide-hub-panel-lead{color:var(--ghost);margin:0 0 var(--space-5);max-width:52ch}.ide-hub-panel-footer{gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.ide-hub-search{align-items:center;gap:var(--space-3);max-width:32rem;margin-bottom:var(--space-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-elevated);display:flex}.ide-hub-search input{color:var(--body-text);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.ide-hub-search-count{font-size:var(--text-xs);color:var(--ghost)}.ide-hub-topic-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));max-height:28rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ide-hub-topic-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface);color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.ide-hub-topic-link:hover{background:var(--surface-elevated);border-color:#4d8ef759}.ide-hub-topic-label{font-size:var(--text-sm);font-weight:500}.ide-hub-topic-meta{font-size:var(--text-xs);color:var(--ghost)}.ide-hub-java-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.ide-hub-java-tile{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface);color:inherit;flex-direction:column;text-decoration:none;display:flex}.ide-hub-java-tile:hover{border-color:#c9a22759;transform:translateY(-1px)}.ide-hub-java-tile-name{font-size:var(--text-sm);text-transform:capitalize;color:var(--bright);font-weight:500}.ide-hub-java-tile-cta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--signal);display:inline-flex}.ide-hub-essentials-list{gap:var(--space-2);flex-direction:column;max-height:24rem;display:flex;overflow-y:auto}.ide-hub-essential-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface);color:inherit;grid-template-columns:1fr auto auto;text-decoration:none;display:grid}.ide-hub-essential-label{font-weight:500;font-size:var(--text-sm)}.ide-hub-essential-phase{font-size:var(--text-xs);color:var(--ghost)}.ide-hub-empty{text-align:center;color:var(--ghost);padding:var(--space-8)}.ide-hub-cta-strip{border-top:1px solid var(--border-subtle);background:var(--surface);padding:var(--space-8) 0 var(--space-12)}.ide-hub-cta-strip-inner{max-width:var(--page-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.ide-hub-cta-strip h3{font-family:var(--font-serif);font-size:var(--text-lg);margin:0 0 var(--space-1)}.ide-hub-cta-strip p{font-size:var(--text-sm);color:var(--ghost);margin:0}.ide-hub-cta-strip-actions{gap:var(--space-2);display:flex}.cpp-hub .cpp-difficulty-badge,.cpp-difficulty-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-xs);color:#a5b4fc;margin-bottom:var(--space-2);background:#6366f126;padding:.15rem .5rem;font-weight:600;display:inline-block}.cpp-difficulty-expert{color:#fca5a5;background:#ef444426}.cpp-example-card{border-left:3px solid #6366f1}.cpp-diagram-card,.cpp-realworld-card,.cpp-pitfall-card,.cpp-interview-card{padding:var(--space-4);margin:var(--space-4) 0;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface)}.cpp-realworld-label,.cpp-interview-label{font-size:var(--text-xs);color:var(--signal);text-transform:uppercase}.cpp-pitfall-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.cpp-build-command{padding:var(--space-4);background:var(--void);border-radius:var(--radius-sm);font-size:var(--text-sm);overflow-x:auto}.cpp-ide-lead{color:var(--ghost);margin-top:var(--space-2)}.cpp-next-way-lead{font-size:var(--text-lg);color:var(--mist);margin:var(--space-4) 0;line-height:1.6}.cpp-progression-ladder{margin:var(--space-6) 0}.cpp-ladder-steps{gap:var(--space-3);padding:0;list-style:none;display:grid}.cpp-ladder-step{padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--void)}.cpp-ladder-step--naive{border-left:3px solid #f59e0b}.cpp-ladder-step--idiomatic{border-left:3px solid #6366f1}.cpp-ladder-step--production{border-left:3px solid #22c55e}.cpp-ladder-tier{text-transform:uppercase;font-size:var(--text-xs);color:var(--ghost);margin-right:var(--space-2)}.cpp-ladder-cx{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--signal);display:inline-block}.cpp-tier-note{font-size:var(--text-sm);color:var(--ghost);margin-bottom:var(--space-2)}.cpp-annotate-table code{font-size:var(--text-xs)}.cpp-dry-run-steps{padding-left:var(--space-5)}.cpp-dry-state{color:var(--ghost);font-size:var(--text-sm)}.cpp-prod-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.cpp-prod-stat{padding:var(--space-3);background:var(--void);border-radius:var(--radius-sm);text-align:center}.cpp-prod-value{font-size:var(--text-lg);color:var(--signal);font-weight:600;display:block}.cpp-prod-label{font-size:var(--text-xs);color:var(--ghost)}.cpp-lesson-ide{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.cpp-lesson-ide-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.cpp-scaffold-steps .cpp-step-list{margin:var(--space-6) 0;padding:0;list-style:none}.cpp-step-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);background:var(--surface-elevated,#ffffff05)}.cpp-step-card h4{margin:0 0 var(--space-2);font-size:var(--text-base)}.cpp-step-num{min-width:4.5rem;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--accent,#1a6bff);margin-right:var(--space-2);display:inline-block}.cpp-step-check{font-size:var(--text-sm);margin-top:var(--space-3);color:var(--text-muted)}.cpp-vocab-table td:first-child{white-space:nowrap;width:12rem}.lesson-callout-prereq{border-left:3px solid var(--accent,#1a6bff)}.lesson-section-intro--master{font-size:var(--text-base);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:linear-gradient(135deg,#1a6bff14,#1a6bff05);border:1px solid #1a6bff33;line-height:1.65}.cpp-step-detail{font-size:var(--text-sm);margin-top:var(--space-3);color:var(--text-muted)}.cpp-cmake-table td:first-child{font-family:var(--font-mono);font-size:var(--text-sm)}.lesson-list--ordered{padding-left:var(--space-6);list-style:decimal}.lesson-list--ordered li{margin-bottom:var(--space-2)}.cpp-examples-gallery{margin:var(--space-4) 0}.lesson-section-intro--friendly{font-size:var(--text-base);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:linear-gradient(135deg,#22c55e14,#22c55e05);border:1px solid #22c55e33;line-height:1.7}.cpp-learning-path{margin:var(--space-6) 0;padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.cpp-learning-path-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:#4ade80;margin-bottom:var(--space-2);display:inline-block}.cpp-learning-path-header h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.cpp-learning-path-sub{color:var(--ghost);font-size:var(--text-sm);margin-bottom:var(--space-4)}.cpp-learning-path-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.cpp-learning-path-card{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--void);display:flex}.cpp-learning-path-num{color:#a5b4fc;width:1.75rem;height:1.75rem;font-weight:600;font-size:var(--text-sm);background:#6366f133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cpp-learning-path-body p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--ghost);line-height:1.5}.cpp-learning-path-tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--mist);padding:var(--space-3);background:var(--void);border-radius:var(--radius-sm)}.cpp-plain-english{margin:var(--space-5) 0;padding:var(--space-5);border-radius:var(--radius-md);background:#22c55e0d;border-left:4px solid #22c55e}.cpp-plain-lead{font-size:var(--text-lg);margin:0 0 var(--space-4);color:var(--mist);line-height:1.65}.cpp-plain-block{margin:var(--space-3) 0;padding:var(--space-3);background:var(--void);border-radius:var(--radius-sm)}.cpp-plain-block--remember{border-left:3px solid #f59e0b}.cpp-plain-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ghost);margin-bottom:var(--space-1);display:block}.cpp-plain-steps{margin-top:var(--space-4)}.cpp-step-explainer{padding-left:var(--space-5)}.cpp-step-explainer li{margin-bottom:var(--space-3)}.cpp-step-explainer .cpp-step-detail{font-size:var(--text-sm);color:var(--ghost);margin-top:var(--space-1);display:block}.cpp-glossary{margin:var(--space-5) 0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--void)}.cpp-glossary-list{margin:0}.cpp-glossary-item{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);grid-template-columns:10rem 1fr;display:grid}.cpp-glossary-item:last-child{border-bottom:none}.cpp-glossary-item dt{font-weight:600;font-size:var(--text-sm);color:var(--signal)}.cpp-glossary-item dd{font-size:var(--text-sm);color:var(--mist);margin:0;line-height:1.5}.cpp-glossary-note{font-size:var(--text-xs);color:var(--ghost);margin-top:var(--space-3)}.cpp-before-after{margin:var(--space-6) 0}.cpp-before-after-intro{color:var(--ghost);margin-bottom:var(--space-4)}.cpp-before-after-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.cpp-before-after-card{padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border)}.cpp-before-after-card--bad{background:#f59e0b0d;border-left:4px solid #f59e0b}.cpp-before-after-card--good{background:#6366f10d;border-left:4px solid #6366f1}.cpp-before-after-card--prod{background:#22c55e0d;border-left:4px solid #22c55e}.cpp-ba-label{font-size:var(--text-xs);text-transform:uppercase;margin-bottom:var(--space-2);color:var(--ghost);display:block}.cpp-ba-meta{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--signal);display:inline-block}.cpp-code-walkthrough-intro{margin:var(--space-5) 0;padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md)}.cpp-walkthrough-steps{padding:0;list-style:none}.cpp-walkthrough-steps li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.cpp-walk-num{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--signal);margin-right:var(--space-2);display:inline-block}.cpp-confusions{margin:var(--space-5) 0}.cpp-confusion-item{margin-bottom:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--void)}.cpp-confusion-item summary{cursor:pointer;font-weight:500}.cpp-confusion-item p{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--mist);line-height:1.55}.cpp-section-recap{margin:var(--space-5) 0 0;padding:var(--space-4);border-radius:var(--radius-sm);background:#6366f114;border:1px solid #6366f133}.cpp-section-recap-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:#a5b4fc;margin-bottom:var(--space-2);display:block}.cpp-section-recap ul{padding-left:var(--space-5);font-size:var(--text-sm);margin:0;line-height:1.6}.cpp-anti-pattern--labeled{padding-left:var(--space-4);margin:var(--space-4) 0;border-left:4px solid #f59e0b}.cpp-technical-definition{margin:var(--space-4) 0}.cpp-inline-example{font-size:var(--text-sm);margin-top:var(--space-3);word-break:break-word}.cpp-war-story{margin:var(--space-5) 0}.lesson-story-lead--war{padding-left:var(--space-4);border-left:4px solid #ef4444}.cpp-build-path-intro{font-size:var(--text-sm);color:var(--ghost);margin-bottom:var(--space-3)}.premium-home{background:radial-gradient(circle at 12% 0%, #c9a22713, transparent 30rem), radial-gradient(circle at 88% 3%, #4d8ef71a, transparent 32rem), var(--void)}.premium-hero{isolation:isolate;padding:clamp(var(--space-16), 8vw, 7rem) 0 var(--space-16);border-bottom:1px solid var(--border-subtle);background:var(--gradient-hero)}.premium-hero:before{opacity:.72;background-size:72px 72px;-webkit-mask-image:linear-gradient(#000 12%,#0000 82%);mask-image:linear-gradient(#000 12%,#0000 82%)}.premium-hero:after{content:"";z-index:-1;filter:blur(8px);background:radial-gradient(circle,#c9a2271f,#4d8ef70f 42%,#0000 68%);border-radius:999px;width:28rem;height:28rem;animation:9s ease-in-out infinite alternate premium-aura;position:absolute;top:5rem;right:max(-10rem,-8vw)}@keyframes premium-aura{0%{opacity:.72;transform:translate(0,0)scale(.98)}to{opacity:1;transform:translate(-2rem,1.2rem)scale(1.06)}}.curated-hub-hero .premium-hero-inner{max-width:1180px}.curated-hub-hero-grid{align-items:center;gap:clamp(var(--space-8), 6vw, var(--space-20));grid-template-columns:minmax(0,1.04fr) minmax(18rem,.62fr);display:grid}.curated-hub-hero-copy{max-width:46rem}.premium-hero-badge{margin-bottom:var(--space-5);background:#c9a2271a;border-color:#c9a22757;position:relative;box-shadow:inset 0 1px #ffffff0f}.premium-hero h1{max-width:12.5ch;font-size:clamp(3rem, 7vw, var(--text-6xl));letter-spacing:-.055em;margin-bottom:var(--space-5);text-wrap:balance;font-weight:600}.premium-hero-lead{max-width:45ch;color:var(--mist);font-size:clamp(var(--text-lg), 2vw, 1.35rem);margin-bottom:var(--space-8);line-height:1.7}.premium-hero-actions{align-items:center}.btn-premium,.btn-premium-outline{min-height:3rem;transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), color var(--transition);border-radius:999px}.btn-premium{background:linear-gradient(135deg, var(--signal), #68a1ff);box-shadow:0 14px 34px #4d8ef738}.btn-premium:hover{transform:translateY(-2px)}.btn-premium-outline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff06}.curated-hub-signal-card{padding:clamp(var(--space-6), 4vw, var(--space-8));border-radius:calc(var(--radius-lg) + 6px);background:var(--gradient-spotlight), linear-gradient(160deg, #15151af5, #0b0b0eeb);box-shadow:var(--shadow-premium);border:1px solid #ffffff13;position:relative;overflow:hidden}.curated-hub-signal-card:before{content:"";transition:transform var(--transition-slow);background:linear-gradient(90deg,#0000,#ffffff14,#0000);position:absolute;inset:0;transform:translate(-120%)}.curated-hub-signal-card:hover:before{transform:translate(120%)}.curated-hub-signal-kicker{margin-bottom:var(--space-4);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.68rem;font-weight:700;display:inline-flex}.curated-hub-signal-card strong{max-width:13ch;font-family:var(--font-display);font-size:clamp(var(--text-2xl), 3vw, var(--text-4xl));letter-spacing:-.045em;color:var(--bright);margin-bottom:var(--space-6);font-weight:600;line-height:1.04;display:block}.curated-hub-signal-card ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.curated-hub-signal-card li{align-items:center;gap:var(--space-3);color:var(--body-text);font-size:var(--text-sm);display:flex}.curated-hub-signal-card li:before{content:"";background:var(--gold);border-radius:999px;flex:none;width:.45rem;height:.45rem;box-shadow:0 0 16px #c9a22759}.curated-hub-stats{max-width:1180px;margin:var(--space-12) auto 0;padding:var(--space-5) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff06;justify-content:space-between;gap:0;box-shadow:inset 0 1px #ffffff09}.curated-hub-stats .premium-stat{min-width:9rem;padding:var(--space-2) var(--space-4)}.curated-hub-stats .premium-stat+.premium-stat{border-left:1px solid var(--border-subtle)}.curated-hub-stats .premium-stat-value{font-size:clamp(var(--text-2xl), 3vw, var(--text-3xl))}.curated-hub-section{padding:clamp(var(--space-14,3.5rem), 7vw, var(--space-20)) 0;position:relative}.curated-hub-section--alt{background:radial-gradient(circle at 8% 0,#4d8ef70e,#0000 26rem),#ffffff05}.curated-hub-section-head h2,.premium-section-header h2{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));letter-spacing:-.045em;text-wrap:balance}.curated-hub-section-head p,.premium-section-header p{color:var(--body-text)}.curated-hub-path-section{padding-top:var(--space-16)}.curated-hub-steps{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.curated-hub-step{min-height:18rem;padding:var(--space-7,1.75rem);background:var(--gradient-card), linear-gradient(180deg, var(--surface-elevated), #0d0d10eb);box-shadow:var(--shadow-sm);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition);border-color:#ffffff13;grid-template-columns:1fr;align-content:start;position:relative}.curated-hub-step:hover{box-shadow:var(--shadow-md);border-color:#c9a2274d;transform:translateY(-4px)}.curated-hub-step-num{width:3rem;height:3rem;margin-bottom:var(--space-5);border-radius:var(--radius-sm);background:linear-gradient(135deg,#c9a2272e,#c9a2270f)}.curated-hub-step-body h3,.curated-hub-pillar h3,.curated-hub-pattern h3,.journey-info h3,.featured-card h3{letter-spacing:-.028em}.curated-hub-step-link,.curated-hub-pillar-cta,.curated-hub-pattern-cta{transition:gap var(--transition), color var(--transition)}.curated-hub-step-link:hover,.curated-hub-pillar:hover .curated-hub-pillar-cta,.curated-hub-pattern:hover .curated-hub-pattern-cta{gap:var(--space-2);color:var(--bright)}.curated-hub-pattern-insight{margin:0 0 var(--space-3);color:var(--body-text);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.curated-hub-section-cta{max-width:var(--page-width);margin:var(--space-6) auto 0;padding:0 var(--space-6)}.curated-pattern-row,.curated-hub-pillar,.curated-hub-pattern,.journey-card,.featured-card,.curated-teach-back-card,.curated-hub-confused-link{background:var(--gradient-card), linear-gradient(180deg, var(--surface-elevated), var(--surface));border-color:#ffffff12;box-shadow:inset 0 1px #ffffff09}.curated-pattern-row,.journey-card{transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition)}.curated-pattern-row:hover,.journey-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.curated-hub-pillars{padding:0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.curated-hub-pillar-icon{border-radius:var(--radius-sm);background:#ffffff0b;place-items:center;width:2.75rem;height:2.75rem;display:inline-grid}.curated-teach-back-card{border-left-color:var(--gold);background:radial-gradient(circle at 12% 0%, #c9a22724, transparent 55%), var(--surface-elevated)}.dsa-hub-page .curated-hub-stats{display:none}.dsa-hub-focus-strip{max-width:var(--page-width);margin:calc(-1 * var(--space-8)) auto var(--space-6);padding:0 var(--space-6);z-index:2;position:relative}.dsa-hub-focus-grid{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d10db;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dsa-hub-focus-card{padding:var(--space-5);border-radius:var(--radius);background:var(--gradient-surface)}.dsa-hub-focus-card strong{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--bright);margin-bottom:var(--space-2);line-height:1;display:block}.dsa-hub-focus-card span{font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-2);font-weight:700;display:block}.dsa-hub-focus-card p{color:var(--ghost);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.dsa-hub-closing-cta{max-width:var(--page-width);padding:var(--space-8);border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 0%, #c9a2271f, transparent 28rem), var(--surface-elevated);border:1px solid #c9a22738;margin:0 auto}.curated-hub-section--closing{padding-bottom:var(--space-20)}.dsa-hub-closing-cta h2{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl))}.dsa-hub-closing-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.dsa-hero-complexity-hint{align-items:center;gap:var(--space-2);margin-top:calc(-1 * var(--space-4));margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--ghost);line-height:var(--leading-normal);flex-wrap:wrap;display:inline-flex}.dsa-hero-complexity-hint code{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--signal);white-space:nowrap;background:#4d8ef71a;border:1px solid #4d8ef72e;padding:.1rem .45rem;font-size:.8125rem}@keyframes journey-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-step-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-focus-card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:no-preference){.journey-grid .journey-card{animation:.52s cubic-bezier(.16,1,.3,1) both journey-card-in}.journey-grid .journey-card:first-child{animation-delay:20ms}.journey-grid .journey-card:nth-child(2){animation-delay:70ms}.journey-grid .journey-card:nth-child(3){animation-delay:.12s}.journey-grid .journey-card:nth-child(4){animation-delay:.17s}.journey-grid .journey-card:nth-child(5){animation-delay:.22s}.journey-grid .journey-card:nth-child(6){animation-delay:.27s}.journey-grid .journey-card:nth-child(7){animation-delay:.32s}.journey-grid .journey-card:nth-child(8){animation-delay:.37s}.journey-grid .journey-card:nth-child(9){animation-delay:.42s}.journey-grid .journey-card:nth-child(10){animation-delay:.47s}.journey-grid .journey-card:nth-child(11){animation-delay:.52s}.journey-grid .journey-card:nth-child(12){animation-delay:.57s}.curated-hub-steps .curated-hub-step{animation:.6s cubic-bezier(.16,1,.3,1) both hub-step-rise}.curated-hub-steps .curated-hub-step:first-child{animation-delay:50ms}.curated-hub-steps .curated-hub-step:nth-child(2){animation-delay:.18s}.curated-hub-steps .curated-hub-step:nth-child(3){animation-delay:.31s}.dsa-hub-focus-card{animation:.48s cubic-bezier(.16,1,.3,1) both hub-focus-card-in}.dsa-hub-focus-grid .dsa-hub-focus-card:first-child{animation-delay:80ms}.dsa-hub-focus-grid .dsa-hub-focus-card:nth-child(2){animation-delay:.18s}.dsa-hub-focus-grid .dsa-hub-focus-card:nth-child(3){animation-delay:.28s}}@media (prefers-reduced-motion:reduce){.premium-hero:after,.hub-tabs-panel{animation:none}*,:before,:after{scroll-behavior:auto!important}}@media (width<=900px){.curated-hub-hero-grid,.curated-hub-steps,.dsa-hub-focus-grid{grid-template-columns:1fr}.curated-hub-signal-card strong{max-width:none}.curated-hub-stats .premium-stat+.premium-stat{border-left:none}}@media (width<=640px){.premium-hero{padding:var(--space-14,3.5rem) 0 var(--space-10)}.premium-hero h1{font-size:clamp(2.55rem, 14vw, var(--text-5xl))}.dsa-hub-focus-strip{margin-top:0}}