.sub-page{padding-top:calc(var(--navbar-height) + var(--space-12));min-height:100vh}.sub-page-header{text-align:center;padding:var(--space-16) 0 var(--space-12);margin-bottom:var(--space-12);border-bottom:1px solid #ffffff0f}[data-theme=light] .sub-page-header{border-bottom-color:#0000000f}.sub-page-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.sub-page-header .sub-page-meta{font-size:var(--text-sm);color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-4);display:flex}.article-content{max-width:780px;padding:0 var(--space-6);margin:0 auto}.article-content h2{font-size:var(--text-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid #ffffff0f}[data-theme=light] .article-content h2{border-bottom-color:#0000000f}.article-content h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content p{margin-bottom:var(--space-4);line-height:1.8}.article-content ul,.article-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-content ul{list-style:outside}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--space-2);line-height:1.7}.article-content img{border-radius:var(--radius-lg);margin:var(--space-6) 0;box-shadow:var(--shadow-md)}.article-content a{color:var(--accent-violet-light);text-underline-offset:3px;text-decoration:underline}.article-content a:hover{color:var(--accent-ember)}.article-content pre{background:var(--surface-solid);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid #ffffff0f;line-height:1.6;overflow-x:auto}[data-theme=light] .article-content pre{background:#f1f5f9;border-color:#0000000f}.article-content code{font-family:var(--font-mono);color:var(--accent-violet-light);background:#7c3aed1a;border-radius:4px;padding:2px 6px;font-size:.9em}.article-content pre code{color:inherit;background:0 0;padding:0}.article-content blockquote,.callout{background:var(--gradient-subtle);border-left:3px solid var(--accent-violet);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;font-style:italic}.callout-title{color:var(--text-heading);margin-bottom:var(--space-2);font-style:normal;font-weight:600}.toc-sidebar{top:calc(var(--navbar-height) + var(--space-8));max-height:calc(100vh - var(--navbar-height) - var(--space-16));padding:var(--space-4);border-radius:var(--radius-lg);position:sticky;overflow-y:auto}.toc-sidebar h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.toc-sidebar a{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-1) 0;padding-left:var(--space-3);transition:all var(--duration-fast) var(--ease-out);border-left:2px solid #0000;display:block}.toc-sidebar a:hover,.toc-sidebar a.active{color:var(--text-heading);border-left-color:var(--accent-violet)}.article-with-toc{gap:var(--space-8);max-width:1100px;padding:0 var(--space-6);grid-template-columns:220px 1fr;margin:0 auto;display:grid}@media (width<=1024px){.article-with-toc{grid-template-columns:1fr}.toc-sidebar{max-height:none;margin-bottom:var(--space-8);position:static}}.challenge-card{margin-bottom:var(--space-8);padding:var(--space-6)}.challenge-card h3{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.difficulty-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.difficulty-easy{color:var(--accent-green);background:#22c55e26}.difficulty-medium{color:var(--accent-ember);background:#f9731626}.difficulty-hard{color:#ef4444;background:#ef444426}.code-panel{margin:var(--space-4) 0}.code-panel summary{cursor:pointer;font-size:var(--text-sm);color:var(--accent-violet-light);padding:var(--space-2) 0;-webkit-user-select:none;user-select:none;font-weight:500}.code-panel summary:hover{color:var(--accent-ember)}.company-banner{align-items:center;gap:var(--space-4);padding:var(--space-6);margin-bottom:var(--space-8);border-radius:var(--radius-lg);display:flex}.company-banner img{border-radius:var(--radius-sm);background:#fff;width:48px;height:48px;padding:4px}.company-banner h3{margin:0}.milestone-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.milestone-card{padding:var(--space-6)}.milestone-number{font-family:var(--font-display);font-size:var(--text-3xl);opacity:.15;margin-bottom:var(--space-2);font-weight:700}.milestone-title{color:var(--text-heading);margin-bottom:var(--space-2);font-weight:600}.milestone-desc{font-size:var(--text-sm);color:var(--text-muted)}.back-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.back-link:hover{color:var(--accent-violet-light)}.back-link svg{width:16px;height:16px}