:root{--dark-bg:#071a24;--dark-surface:#0f2c3a;--dark-elevated:#154c6a;--dark-border:#b8dae62e;--dark-overlay:#071a24f0;--dark-heading:#f6fbfd;--dark-text:#d6e7ee;--dark-muted:#9db6c2;--light-bg:#f5f8fa;--light-surface:#fff;--light-elevated:#eaf1f4;--light-border:#d5e1e6;--light-heading:#13232d;--light-text:#314855;--light-muted:#687c86;--accent-dark:#7dd8ff;--accent-dark-hover:#aee9ff;--accent-dark-dim:#7dd8ff24;--accent-dark-glow:#7dd8ff38;--accent-light:#154c6a;--accent-light-hover:#0f3e56;--accent-light-dim:#154c6a17;--warm-accent:#f2b84b;--warm-accent-hover:#ffd36f;--warm-accent-text:#241704;--warm-accent-dim:#f2b84b21;--green-dark:#3fb950;--green-light:#1a7a3c;--green-dim-dark:#3fb9501f;--green-dim-light:#1a7a3c12;--gradient-cta:linear-gradient(135deg, #ffd36f 0%, #f2b84b 100%);--gradient-cta-hover:linear-gradient(135deg, #ffe09a 0%, #ffc456 100%);--gradient-brand:linear-gradient(135deg, #7dd8ff 0%, #f2b84b 100%);--hero-bg:linear-gradient(160deg, #071a24 0%, #0e3141 54%, #154c6a 100%);--space-xs:.375rem;--space-sm:.625rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card-light:0 1px 3px #0000000f, 0 4px 16px #0000000f;--shadow-card-hover:0 4px 20px #0000001f, 0 1px 4px #00000014;--shadow-glow-dark:0 0 0 3px #7dd8ff29, 0 4px 20px #154c6a47;--bg:var(--dark-bg);--surface:var(--dark-surface);--elevated:var(--dark-elevated);--border-c:var(--dark-border);--heading-c:var(--dark-heading);--text-c:var(--dark-text);--muted-c:var(--dark-muted);--accent:var(--accent-dark);--accent-h:var(--accent-dark-hover);--accent-dim:var(--accent-dark-dim);--green-c:var(--green-dark);--green-dim-c:var(--green-dim-dark)}.light-section{--bg:var(--light-bg);--surface:var(--light-surface);--elevated:var(--light-elevated);--border-c:var(--light-border);--heading-c:var(--light-heading);--text-c:var(--light-text);--muted-c:var(--light-muted);--accent:var(--accent-light);--accent-h:var(--accent-light-hover);--accent-dim:var(--accent-light-dim);--green-c:var(--green-light);--green-dim-c:var(--green-dim-light);background:var(--bg);color:var(--text-c)}.light-section--white{--bg:var(--light-surface);--surface:var(--light-elevated);background:var(--bg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--dark-bg);color:var(--dark-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--heading-c);font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;line-height:1.25}h1{font-size:clamp(2rem,4.5vw + .5rem,3.75rem)}h2{font-size:clamp(1.4rem,2.5vw + .4rem,2.25rem)}h3{font-size:clamp(1.05rem,1.8vw + .2rem,1.25rem)}h4{font-size:clamp(.95rem,1.2vw + .1rem,1.075rem)}p{color:var(--text-c,var(--dark-text));font-size:clamp(.925rem,1.2vw + .1rem,1rem);line-height:1.8}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.light-section .gradient-text{-webkit-text-fill-color:var(--accent-light);color:var(--accent-light);background:0 0}.tag{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.3rem;padding:.22rem .7rem;font-family:DM Sans,sans-serif;font-size:.775rem;font-weight:700;display:inline-flex}.tag--blue{background:var(--accent-dim);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.tag--green{background:var(--green-dim-c);color:var(--green-c);border:1px solid color-mix(in srgb, var(--green-c) 30%, transparent)}.navbar{border-bottom:1px solid var(--dark-border);z-index:1000;background:var(--dark-overlay);-webkit-backdrop-filter:blur(20px);align-items:center;height:60px;display:flex;position:sticky;top:0}.navbar .container{align-items:center;gap:var(--space-lg);width:100%;display:flex}.logo-link{letter-spacing:-.035em;color:var(--dark-heading);flex-shrink:0;align-items:center;gap:3px;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:800;display:flex}.logo-dot{background:var(--accent-dark);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.nav-links{align-items:center;gap:clamp(.75rem,2vw,1.75rem);margin-left:auto;display:flex}.nav-link{color:var(--dark-muted);padding:.25rem 0;font-size:.875rem;font-weight:500;transition:color .15s;position:relative}.nav-link:hover{color:var(--dark-text)}.nav-link.active{color:var(--dark-heading);font-weight:600}.nav-link.active:after{content:"";background:var(--accent-dark);border-radius:2px;height:2px;position:absolute;bottom:-3px;left:0;right:0}.navbar-cta{flex-shrink:0}.mobile-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--dark-muted);background:var(--dark-elevated);border:1px solid var(--dark-border);justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:none}.mobile-toggle:hover{border-color:var(--accent-dark);color:var(--dark-heading)}.hero-wrap{background:var(--hero-bg);position:relative;overflow:hidden}.hero-wrap:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% 0,#7dd8ff24 0%,#0000 70%);width:80%;max-width:900px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-wrap:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#f2b84b1a 0%,#0000 65%);width:40%;height:60%;position:absolute;bottom:-10%;left:-5%}.hero{text-align:center;z-index:1;padding:clamp(4rem,10vw,8rem) 0 clamp(3.5rem,8vw,7rem);position:relative}.hero-eyebrow{margin-bottom:var(--space-lg);justify-content:center;display:flex}.hero h1{color:var(--dark-heading);max-width:22ch;margin:0 auto var(--space-lg)}.hero-subtitle{opacity:.85;max-width:52ch;color:var(--dark-text)!important;margin:0 auto var(--space-xl)!important;font-size:clamp(1rem,1.8vw,1.175rem)!important;line-height:1.8!important}.hero-actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-divider{background:linear-gradient(90deg, transparent 0%, var(--dark-border) 20%, var(--dark-border) 80%, transparent 100%);height:1px}.btn{border-radius:var(--radius-md);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;min-height:44px;padding:.6rem clamp(1.2rem,3vw,1.75rem);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .18s;display:inline-flex}.btn--primary{background:var(--gradient-cta);color:var(--warm-accent-text);border-color:#ffe09aa6;box-shadow:0 8px 20px #f2b84b38,inset 0 1px #ffffff5c}.btn--primary:hover{background:var(--gradient-cta-hover);color:var(--warm-accent-text);border-color:#ffe09acc;transform:translateY(-1px);box-shadow:0 10px 24px #f2b84b4d,inset 0 1px #ffffff6b}.btn--primary:active{transform:none;box-shadow:0 3px 10px #f2b84b38}.btn--outline{border-color:color-mix(in srgb, var(--accent) 48%, var(--border-c));color:var(--accent);background:#ffffff08}.btn--outline:hover{border-color:var(--accent);color:var(--heading-c,var(--dark-heading));background:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-dim)}.light-section .btn--outline{border-color:color-mix(in srgb, var(--accent-light) 35%, var(--light-border));color:var(--accent-light);background:#fff}.light-section .btn--outline:hover{color:#fff;background:var(--accent-light);border-color:var(--accent-light);box-shadow:0 8px 18px #154c6a2e}.btn--ghost{color:var(--accent-dark);background:0 0;border-color:#0000;min-height:auto;padding-left:.2rem;padding-right:.2rem}.btn--ghost:hover{color:var(--warm-accent-hover)}.light-section .btn--ghost{color:var(--accent-light)}.btn--sm{border-radius:var(--radius-sm);min-height:36px;padding:.35rem .9rem;font-size:.84rem}.section{padding:clamp(3rem,7vw,6rem) 0}.section-header{text-align:center;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-header .tag{margin-bottom:var(--space-md)}.section-title{letter-spacing:-.025em;color:var(--heading-c);margin-bottom:var(--space-sm);font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,2.5vw + .4rem,2.25rem);font-weight:700;line-height:1.25}.section-desc{color:var(--text-c);max-width:52ch;margin:0 auto;font-size:clamp(.925rem,1.2vw + .1rem,1rem);line-height:1.8}.dark-band{background:var(--dark-bg);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border);position:relative;overflow:hidden}.dark-band:before{content:"";pointer-events:none;background:radial-gradient(70% 80%,#b7e9ff1a 0%,#0000 70%);position:absolute;inset:0}.dark-band>*{z-index:1;position:relative}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(1rem,2.5vw,1.5rem);display:grid}.card{background:var(--surface);border:1px solid var(--border-c);border-radius:var(--radius-lg);flex-direction:column;padding:clamp(1.25rem,3vw,1.75rem);transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow-dark);transform:translateY(-2px)}.light-section .card{box-shadow:var(--shadow-card-light)}.light-section .card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent-light)}.card__image{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:168px;margin-bottom:var(--space-lg);background:var(--elevated)}.card h3{margin-bottom:var(--space-sm);color:var(--heading-c);font-size:clamp(1rem,1.8vw,1.15rem);font-weight:600;line-height:1.35}.card p{color:var(--text-c);flex:1;font-size:.9rem;line-height:1.75}.card-tech{margin-top:var(--space-md);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-c);font-size:.75rem;font-weight:700}.card-link{margin-top:var(--space-md);color:var(--accent);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;transition:gap .15s,color .15s;display:inline-flex}.card-link:hover{color:var(--accent-h);gap:.45rem}.page-section{padding:clamp(2.5rem,6vw,5rem) 0}.page-section.darker-bg{background:var(--dark-surface);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border)}.content-render{color:var(--text-c,var(--dark-text));max-width:72ch;font-size:clamp(.95rem,1.5vw + .1rem,1.05rem);line-height:1.85}.content-render h2,.content-render h3,.content-render h4{color:var(--heading-c,var(--dark-heading));margin-top:2em;margin-bottom:.65em;font-family:Space Grotesk,sans-serif}.content-render p{margin-bottom:1.25em}.content-render ul,.content-render ol{list-style:revert;margin-bottom:1.25em;padding-left:1.5rem}.content-render li{margin-bottom:.45em;line-height:1.75}.content-render a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}.content-render a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.content-render code{background:var(--elevated);border:1px solid var(--border-c);color:var(--green-c);border-radius:4px;padding:.15em .45em;font-family:Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.875em}.content-render pre{background:var(--dark-elevated);border:1px solid var(--dark-border);border-radius:var(--radius-md);margin-bottom:1.25em;padding:1.25rem;font-size:.875em;line-height:1.65;overflow-x:auto}.content-render pre code{color:var(--dark-text);background:0 0;border:none;padding:0;font-size:1em}.content-render blockquote{border-left:3px solid var(--accent);background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5em 0;padding:.75rem 1rem;font-style:italic}.content-render strong{color:var(--heading-c);font-weight:600}.content-render img{border-radius:var(--radius-md);border:1px solid var(--border-c);max-width:100%;margin:1.5em 0}.episode-list{gap:.5rem;display:grid}.episode-card{background:var(--surface);border:1px solid var(--border-c);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-lg);padding:clamp(.875rem,2vw,1.1rem) clamp(1rem,2.5vw,1.5rem);transition:border-color .15s,background .15s;display:flex}.episode-card:hover{border-color:var(--accent);background:var(--elevated)}.episode-card__info{align-items:center;gap:var(--space-lg);flex:1;min-width:0;display:flex}.episode-number{color:var(--muted-c);text-align:right;flex-shrink:0;min-width:2rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:700}.episode-card h4{color:var(--heading-c);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.875rem,1.5vw,.975rem);font-weight:600;line-height:1.4;overflow:hidden}.episode-card p{color:var(--muted-c);margin:0;font-size:.8rem;line-height:1}.footer{border-top:1px solid var(--dark-border);background:linear-gradient(#0f2c3a 0%,#071a24 100%);padding:clamp(2.5rem,5vw,4rem) 0}.footer-inner{align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;display:flex}.footer-brand{letter-spacing:-.03em;color:var(--dark-heading);font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:800}.footer-links{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-links a{color:var(--dark-muted);font-size:.875rem;font-weight:500;transition:color .15s}.footer-links a:hover{color:var(--accent-dark)}.footer-copy{color:var(--dark-muted);opacity:.7;font-size:.8rem}.state-center{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;color:var(--muted-c,var(--dark-muted));flex-direction:column;padding:clamp(4rem,10vw,8rem) 1rem;font-size:.95rem;display:flex}.empty-icon{opacity:.35;font-size:2rem}@media (width<=768px){.mobile-toggle{display:flex}.navbar-cta{display:none}.nav-links{background:var(--dark-bg);border-top:1px solid var(--dark-border);padding:var(--space-md) var(--space-xl) var(--space-xl);z-index:999;flex-direction:column;align-items:stretch;gap:0;display:none;position:fixed;inset:60px 0 0;overflow-y:auto}.nav-links--open{display:flex}.nav-links li{width:100%}.nav-link{border-bottom:1px solid var(--dark-border);color:var(--dark-muted);padding:.875rem 0;font-size:1.05rem;display:block}.nav-link.active:after{display:none}.nav-links .mobile-cta-wrapper{margin-top:var(--space-lg);padding-top:var(--space-lg)}.nav-links .mobile-cta-wrapper .btn{justify-content:center;width:100%}.hero{padding:3.5rem 0 3rem}.hero h1{max-width:100%}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:300px}.light-section .section-header{text-align:left}.light-section .section-header .tag{margin-left:0}.light-section .section-desc{max-width:100%;margin-left:0}.card-grid{grid-template-columns:1fr}.episode-card{align-items:flex-start;gap:var(--space-md);flex-direction:column}.episode-card .btn{justify-content:center;width:100%}}@media (width<=480px){.card{padding:1.1rem}.card__image{height:145px}.hero-eyebrow{margin-bottom:var(--space-md)}}.breadcrumbs{color:var(--dark-muted);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.825rem;display:flex}.breadcrumbs a{color:var(--dark-muted);transition:color .15s}.breadcrumbs a:hover{color:var(--accent-dark)}.breadcrumbs__sep{color:var(--dark-border);font-size:.7rem}.breadcrumbs__current{color:var(--dark-text);font-weight:500}.light-section .breadcrumbs,.light-section .breadcrumbs a{color:var(--muted-c)}.light-section .breadcrumbs a:hover{color:var(--accent)}.light-section .breadcrumbs__sep{color:var(--border-c)}.light-section .breadcrumbs__current{color:var(--text-c)}.page-hero{z-index:1;padding:clamp(2.5rem,6vw,4rem) 0 clamp(2rem,5vw,3.5rem);position:relative}.page-hero h1{color:var(--dark-heading);max-width:28ch;margin-bottom:var(--space-md)}.page-hero p{color:var(--dark-text);opacity:.85;max-width:54ch;margin-bottom:var(--space-lg);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(.875rem,2vw,1.25rem);display:grid}.topic-list{width:100%}.topic-card{background:var(--surface);border:1px solid var(--border-c);border-radius:var(--radius-lg);gap:var(--space-sm);cursor:pointer;flex-direction:column;padding:clamp(1.25rem,2.5vw,1.5rem);text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.topic-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dark-zone .topic-card:hover,.hero-wrap .topic-card:hover{box-shadow:var(--shadow-glow-dark)}.light-section .topic-card{box-shadow:var(--shadow-card-light)}.light-section .topic-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent-light)}.topic-card__icon{margin-bottom:.25rem;font-size:1.75rem;line-height:1}.topic-card__title{color:var(--heading-c);font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.8vw,1.1rem);font-weight:700;line-height:1.3}.topic-card__desc{color:var(--text-c);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.865rem;line-height:1.65;display:-webkit-box;overflow:hidden}.topic-card__tagline{color:var(--text-c);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.topic-card__meta{margin-top:var(--space-xs);color:var(--muted-c);justify-content:space-between;align-items:center;font-size:.775rem;font-weight:500;display:flex}.topic-card__level,.topic-card__lessons{align-items:center;gap:.35rem;display:inline-flex}.topic-card__level{color:var(--accent);font-weight:700}.topic-card__count{color:var(--accent);font-weight:600}.learning-path{flex-direction:column;gap:clamp(1.25rem,3vw,1.75rem);display:flex}.learning-group{border:1px solid var(--border-c);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.light-section .learning-group{box-shadow:var(--shadow-card-light)}.learning-group__header{padding:var(--space-md) clamp(1rem, 2.5vw, 1.5rem);background:var(--elevated);border-bottom:1px solid var(--border-c);justify-content:space-between;align-items:center;display:flex}.learning-group__title{color:var(--heading-c);text-transform:uppercase;letter-spacing:.04em;font-family:Space Grotesk,sans-serif;font-size:.925rem;font-weight:700}.learning-group__count{color:var(--muted-c);font-size:.775rem;font-weight:500}.learning-group__lessons{padding:0;list-style:none}.learning-group__lesson{align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-c);color:var(--text-c);cursor:default;padding:.7rem clamp(1rem,2.5vw,1.5rem);font-size:.9rem;transition:background .12s;display:flex}.learning-group__lesson:last-child{border-bottom:none}.learning-group__lesson:hover{background:var(--elevated);color:var(--heading-c)}.lesson-num{color:var(--muted-c);flex-shrink:0;min-width:1.75rem;font-family:Space Grotesk,sans-serif;font-size:.775rem;font-weight:700}.lesson-icon{color:var(--muted-c);flex-shrink:0;font-size:.8rem}.article-card{background:var(--surface);border:1px solid var(--border-c);border-radius:var(--radius-lg);gap:var(--space-sm);flex-direction:column;padding:clamp(1.1rem,2.5vw,1.5rem);transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.article-card:hover{border-color:var(--accent);transform:translateY(-2px)}.light-section .article-card{box-shadow:var(--shadow-card-light)}.light-section .article-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent-light)}.article-card__thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--elevated);width:100%;height:160px;margin-bottom:var(--space-xs)}.article-card__meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.article-card__category{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.article-card__date{color:var(--muted-c);font-size:.775rem}.article-card__title{color:var(--heading-c);font-family:Space Grotesk,sans-serif;font-size:clamp(.95rem,1.6vw,1.05rem);font-weight:700;line-height:1.4}.article-card__title:hover{color:var(--accent)}.article-card__excerpt{color:var(--text-c);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.article-card__footer{padding-top:var(--space-sm);border-top:1px solid var(--border-c);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.article-card__author{color:var(--muted-c);font-size:.8rem;font-weight:500}.article-card__link{color:var(--accent);align-items:center;gap:.2rem;font-size:.825rem;font-weight:600;transition:gap .15s;display:inline-flex}.article-card__link:hover{gap:.4rem}.prose{color:var(--text-c);overflow-wrap:anywhere;max-width:72ch;font-size:clamp(.95rem,1.4vw + .1rem,1.05rem);line-height:1.9}.prose h2,.prose h3,.prose h4{color:var(--heading-c);margin-top:2em;margin-bottom:.6em;font-family:Space Grotesk,sans-serif;line-height:1.3}.prose h2{font-size:clamp(1.25rem,2vw,1.5rem)}.prose h3{font-size:clamp(1.05rem,1.6vw,1.2rem)}.prose p{margin-bottom:1.35em}.prose ul,.prose ol{list-style:revert;margin-bottom:1.35em;padding-left:1.5rem}.prose li{margin-bottom:.5em;line-height:1.75}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}.prose a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.prose code{background:var(--elevated);border:1px solid var(--border-c);color:var(--green-c);border-radius:4px;padding:.15em .45em;font-family:Fira Code,ui-monospace,monospace;font-size:.875em}.prose pre{background:var(--dark-elevated);border:1px solid var(--dark-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;max-width:100%;margin-bottom:1.35em;padding:1.25rem;font-size:.875em;line-height:1.65;overflow-x:auto}.prose pre code{color:var(--dark-text);background:0 0;border:none;padding:0;font-size:1em}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5em 0;padding:.75rem 1rem;font-style:italic}.prose strong{color:var(--heading-c);font-weight:600}.prose img{border-radius:var(--radius-md);border:1px solid var(--border-c);max-width:100%;margin:1.5em 0}.video-embed-wrap{border-radius:var(--radius-lg);background:var(--dark-surface);border:1px solid var(--dark-border);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-embed-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.related-block{background:var(--surface);border:1px solid var(--border-c);border-radius:var(--radius-lg);padding:clamp(1.1rem,2.5vw,1.5rem)}.related-block__title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-c);margin-bottom:var(--space-md);font-family:Space Grotesk,sans-serif;font-size:.825rem;font-weight:700}.related-block__list{flex-direction:column;gap:.6rem;display:flex}.related-block__item{color:var(--text-c);align-items:flex-start;gap:.6rem;font-size:.875rem;line-height:1.45;text-decoration:none;transition:color .15s;display:flex}.related-block__item:hover{color:var(--accent)}.related-block__item-icon{color:var(--muted-c);flex-shrink:0;margin-top:1px;font-size:.75rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);display:flex}.filter-btn{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border-c));color:var(--text-c);background:color-mix(in srgb, var(--surface) 88%, var(--accent-dim));cursor:pointer;border-radius:100px;align-items:center;padding:.35rem .9rem;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.filter-btn--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 16px #154c6a29}.category-group{margin-bottom:clamp(2rem,4vw,3rem)}.category-group__label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted-c);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-c);font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700}.detail-layout{grid-template-columns:1fr 280px;align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.detail-layout__main{min-width:0;overflow:hidden}.detail-layout__sidebar{gap:var(--space-lg);top:calc(60px + var(--space-lg));flex-direction:column;display:flex;position:sticky}.prereq-list{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.prereq-pill{border:1px solid var(--dark-border);color:var(--dark-text);background:var(--dark-elevated);border-radius:100px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.prereq-pill:hover{border-color:var(--accent-dark);color:var(--accent-dark)}.stats-row{margin:var(--space-lg) 0;flex-wrap:wrap;align-items:center;gap:clamp(1rem,3vw,2rem);display:flex}.stat-item{flex-direction:column;gap:.2rem;display:flex}.stat-item__value{color:var(--dark-heading);font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;line-height:1}.stat-item__label{color:var(--dark-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.775rem;font-weight:500}@media (width<=900px){.detail-layout{grid-template-columns:1fr}.detail-layout__sidebar{position:static}}@media (width<=768px){.topic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.filter-bar{gap:.375rem}.filter-btn{padding:.3rem .75rem;font-size:.8rem}.stats-row{gap:var(--space-lg)}}@media (width<=480px){.topic-grid{grid-template-columns:1fr 1fr}.learning-group__lesson{padding:.6rem 1rem;font-size:.875rem}}.article-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.pagination{justify-content:center;gap:.5rem;margin-top:2.5rem;display:flex}.pagination__btn{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border-c));background:var(--surface);color:var(--accent);cursor:pointer;border-radius:6px;padding:.4rem .85rem;font-size:.875rem;transition:background .15s,color .15s}.pagination__btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.pagination__btn--active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.episode-list{gap:var(--space-lg);flex-direction:column;display:flex}.episode-list__items{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.episode-list__item{border-radius:8px;overflow:hidden}.episode-list__btn{background:var(--surface-c);border:1px solid var(--border-c);width:100%;color:var(--text-c);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;transition:background .15s,border-color .15s;display:flex}.episode-list__btn:hover{background:var(--hover-c);border-color:var(--accent)}.episode-list__item--active .episode-list__btn{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.episode-list__num{text-transform:uppercase;letter-spacing:.04em;opacity:.6;flex-shrink:0;min-width:3.5rem;font-size:.75rem;font-weight:700}.episode-list__title{flex:1}.topic-card__thumb{object-fit:cover;border-radius:8px 8px 0 0;width:100%;height:160px;display:block}.page-loading{justify-content:center;align-items:center;min-height:40vh;display:flex}@media (width<=768px){.article-grid{grid-template-columns:1fr}}.logo-image{width:auto;max-height:34px}.cms-hero{background-position:50%;background-size:cover}.cms-actions{gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.cms-two-column{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.cms-media{border:1px solid var(--border-c);background:var(--elevated);border-radius:8px;width:100%}.cms-media--wide{margin-bottom:var(--space-xl)}.cms-auto-rails__grid{gap:var(--space-xl);display:grid}.section-header--left{text-align:left;margin-bottom:var(--space-lg)}.section-header--left .section-desc{margin-left:0}.topic-study-toolbar{margin-bottom:var(--space-xl);border:1px solid var(--border-c);box-shadow:var(--shadow-card-light);background:linear-gradient(135deg,#fff 0%,#f0f6f8 100%);border-radius:8px;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,2.5vw,1.35rem);display:grid}.topic-study-toolbar__label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.25rem;font-size:.78rem;font-weight:800;display:inline-flex}.topic-study-toolbar p{max-width:62ch;color:var(--muted-c);margin:0;line-height:1.6}.topic-study-toolbar__actions{align-items:center;gap:var(--space-sm);grid-template-columns:repeat(2,minmax(160px,1fr));justify-content:flex-end;display:grid}.topic-study-action{border:1px solid var(--border-c);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;width:100%;min-width:170px;min-height:42px;padding:.55rem .95rem;font-size:.86rem;font-weight:800;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s,opacity .16s;display:inline-flex}.topic-study-action:not(:disabled):hover{transform:translateY(-1px)}.topic-study-action--open{background:var(--accent-light);border-color:var(--accent-light);color:#fff;box-shadow:0 10px 20px #154c6a2e}.topic-study-action--open:not(:disabled):hover{background:var(--accent-light-hover);border-color:var(--accent-light-hover);box-shadow:0 12px 24px #154c6a3d}.topic-study-action--close{border-color:color-mix(in srgb, var(--accent-light) 30%, var(--light-border));color:var(--accent-light);background:#fff}.topic-study-action--close:not(:disabled):hover{background:var(--accent-light-dim);border-color:var(--accent-light);box-shadow:0 8px 18px #154c6a1f}.topic-study-action:disabled{cursor:not-allowed;opacity:.42;box-shadow:none;transform:none}.topic-accordion{border:1px solid var(--border-c);background:var(--surface);min-width:0;box-shadow:var(--shadow-card-light);margin-bottom:var(--space-md);border-radius:8px;overflow:hidden}.topic-accordion--open{box-shadow:var(--shadow-card-hover)}.topic-accordion__toggle{align-items:center;gap:var(--space-md);text-align:left;cursor:pointer;width:100%;min-width:0;color:var(--text-c);background:#fff;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;padding:clamp(1rem,2.6vw,1.35rem);display:grid}.topic-accordion__toggle:hover,.topic-accordion__toggle:focus-visible{background:var(--light-elevated);outline:none}.topic-accordion__icon{background:var(--accent-light-dim);width:42px;height:42px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent-light) 24%, var(--light-border));border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.topic-accordion--prompt .topic-accordion__icon{color:#9a6600;background:#f2b84b26}.topic-accordion--code .topic-accordion__icon{color:#154c6a;background:#154c6a1f}.topic-accordion--success .topic-accordion__icon{color:#1a7a3c;background:#1a7a3c1f}.topic-accordion--warning .topic-accordion__icon{color:#b91c1c;background:#b91c1c1a}.topic-accordion__heading{flex-direction:column;gap:.24rem;min-width:0;display:flex}.topic-accordion__eyebrow,.topic-accordion__meta{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-c);font-size:.72rem;font-weight:800}.topic-accordion__title{color:#154c6a;overflow-wrap:anywhere;text-wrap:balance;background:linear-gradient(#0000 58%,#7dd8ff38 0);border-radius:4px;width:fit-content;max-width:100%;font-family:Space Grotesk,sans-serif;font-size:clamp(1.05rem,1.7vw,1.25rem);font-weight:800;line-height:1.3;display:inline}.topic-accordion__summary{color:var(--text-c);overflow-wrap:anywhere;font-size:.94rem;line-height:1.6}.topic-accordion__meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.topic-accordion__chevron{color:var(--muted-c);transition:transform .2s}.topic-accordion--open .topic-accordion__chevron{transform:rotate(180deg)}.topic-accordion__panel{border-top:1px solid var(--border-c);background:linear-gradient(#fff 0%,#f7fafb 100%);min-width:0;overflow:hidden}.topic-accordion__content{min-width:0;max-width:100%;padding:clamp(1.1rem,3vw,1.65rem);animation:.18s ease-out accordionFade;overflow:hidden}@keyframes accordionFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topic-blocks{gap:var(--space-lg);min-width:0;margin-top:var(--space-lg);display:grid}.topic-block{background:var(--surface);border:1px solid var(--border-c);border-radius:8px;min-width:0;max-width:100%;padding:clamp(1rem,3vw,1.5rem);overflow:hidden;box-shadow:0 1px 2px #13232d0a}.topic-block__title{margin-bottom:var(--space-sm);color:#154c6a;overflow-wrap:anywhere}.topic-block__subtitle{color:var(--muted-c);margin-bottom:var(--space-md);overflow-wrap:anywhere}.prompt-box,.code-box,.result-box,.callout-box{border:1px solid var(--border-c);background:var(--elevated);border-radius:8px;overflow:hidden}.prompt-box{min-width:0;max-width:100%;padding:var(--space-lg);background:linear-gradient(135deg,#f2b84b24,#ffffffeb);border-color:#9a660038;position:relative;overflow:hidden}.prompt-box__header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.prompt-box__badge{color:#7a5100;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;display:inline-flex}.prompt-box__hint{margin:0 0 var(--space-md);color:#624100;line-height:1.65}.prompt-box pre,.result-box pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;color:var(--text-c);margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.plain-code-text{max-width:100%;margin:var(--space-md) 0 0;padding:var(--space-md);white-space:pre-wrap;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border:1px solid var(--border-c);background:var(--elevated);color:var(--text-c);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.learning-code{background:#071a24;border:1px solid #7dd8ff2e;border-radius:8px;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 14px 30px #071a242e}.learning-code__bar{justify-content:space-between;align-items:center;gap:var(--space-md);background:#0f2c3a;border-bottom:1px solid #7dd8ff24;min-width:0;padding:.75rem .95rem;display:flex}.learning-code__label{color:#aee9ff;text-transform:uppercase;letter-spacing:.06em;background:#7dd8ff1f;border-radius:6px;margin-right:.65rem;padding:.16rem .48rem;font-size:.74rem;font-weight:800;display:inline-flex}.learning-code__title{color:#d6e7ee;overflow-wrap:anywhere;max-width:100%;font-size:.82rem;font-weight:700;display:inline-block}.learning-code__pre{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x;max-width:100%;margin:0;padding:clamp(1rem,2.5vw,1.35rem);line-height:1.75;overflow:auto hidden}.learning-code__pre code{white-space:pre;width:max-content;min-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;display:block}.code-box__bar{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-c);color:var(--muted-c);padding:.65rem .85rem;font-size:.8rem;font-weight:700;display:flex}.code-box pre{padding:var(--space-lg);margin:0;overflow-x:auto}.code-box code{color:var(--text-c);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.copy-btn{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border-c));background:var(--surface);color:var(--accent);border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.78rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.copy-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--heading-c)}.copy-btn--dark{color:#aee9ff;background:#ffffff0f;border-color:#7dd8ff38}.copy-btn--dark:hover{color:#f6fbfd;background:#7dd8ff24;border-color:#7dd8ff6b}.prompt-box .copy-btn{flex-shrink:0}.result-box,.callout-box,.instruction-text{padding:var(--space-md);margin-top:var(--space-md)}.topic-block--warning .callout-box{border-color:#b45309}.learning-callout{min-width:0;max-width:100%;padding:var(--space-md);margin-top:var(--space-md);border:1px solid var(--border-c);border-left-width:4px;border-radius:8px;overflow:hidden}.learning-callout p{color:var(--text-c);overflow-wrap:anywhere;word-break:break-word;margin:0;line-height:1.7}.learning-callout__label{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;margin-bottom:.55rem;font-size:.78rem;font-weight:800;display:inline-flex}.learning-callout--info{background:#7dd8ff1a;border-color:#154c6a38 #154c6a38 #154c6a38 #154c6a}.learning-callout--info .learning-callout__label{color:#154c6a}.learning-callout--success{background:#1a7a3c1a;border-color:#1a7a3c38 #1a7a3c38 #1a7a3c38 #1a7a3c}.learning-callout--success .learning-callout__label{color:#1a7a3c}.learning-callout--warning{background:#b91c1c14;border-color:#b91c1c38 #b91c1c38 #b91c1c38 #b91c1c}.learning-callout--warning .learning-callout__label{color:#b91c1c}@media (width<=900px){.topic-study-toolbar{grid-template-columns:1fr;align-items:stretch}.topic-study-toolbar__actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.topic-study-action{min-width:0}}@media (width<=768px){.cms-two-column{grid-template-columns:1fr}.cms-actions .btn{width:100%}.topic-study-toolbar__actions .btn{flex:1}.topic-study-action{min-width:0}.topic-accordion__toggle{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;padding:.9rem}.topic-accordion__icon{width:36px;height:36px}.topic-accordion__title{font-size:1rem;line-height:1.35}.topic-accordion__summary{font-size:.875rem;line-height:1.55}.topic-accordion__meta{display:none}.topic-accordion__content,.topic-block{padding:.9rem}.prompt-box,.learning-callout,.result-box,.plain-code-text{padding:.85rem}.learning-code__bar,.prompt-box__header{flex-direction:column;align-items:flex-start}.learning-code__bar .copy-btn,.prompt-box__header .copy-btn{justify-content:center;width:100%}.learning-code__pre{padding:.9rem}.learning-code__pre code{font-size:.82rem}}@media (width<=480px){.topic-study-toolbar{padding:.9rem}.topic-study-toolbar__actions{grid-template-columns:1fr}.topic-study-action{width:100%;min-height:40px;padding-inline:.65rem;font-size:.8rem}.topic-accordion__toggle{grid-template-columns:minmax(0,1fr) auto}.topic-accordion__icon{display:none}.topic-accordion__eyebrow{font-size:.68rem}.topic-blocks{gap:.85rem}.prompt-box pre,.result-box pre,.plain-code-text{font-size:.8rem}}