:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f8fafc;--color-text: #0f172a;--color-muted: #475569;--color-border: #e2e8f0;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--max-width: 72rem;--content-width: 50rem;--radius: .5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);line-height:1.6;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}.container{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4)}.logo{font-weight:700;color:var(--color-text);text-decoration:none}.nav-list{display:flex;gap:var(--space-4);margin:0;padding:0;list-style:none}.nav-list a{color:var(--color-muted);text-decoration:none}.nav-list a[aria-current=page],.nav-list a:hover{color:var(--color-text)}main{padding-block:var(--space-8)}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-12);padding-block:var(--space-8);color:var(--color-muted);font-size:.95rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none;font-size:.9rem;color:var(--color-muted)}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:var(--space-2);color:var(--color-border)}.breadcrumbs a{color:var(--color-muted);text-decoration:none}.hero,.pillar-header,.article-header{margin-bottom:var(--space-8)}.hero h1,.pillar-header h1,.article-header h1{line-height:1.2;margin:0 0 var(--space-4);font-size:clamp(1.75rem,4vw,2.5rem)}.hero-description,.pillar-description,.article-description{margin:0;color:var(--color-muted);font-size:1.1rem;max-width:var(--content-width)}.article-meta{margin:0 0 var(--space-2);color:var(--color-muted);font-size:.9rem}.article-layout{display:grid;gap:var(--space-8)}@media(min-width:64rem){.article-layout{grid-template-columns:minmax(0,1fr) 16rem;align-items:start}}.prose{max-width:var(--content-width)}.prose>:first-child{margin-top:0}.prose h2,.prose h3{line-height:1.3;scroll-margin-top:1rem}.prose pre{overflow-x:auto;padding:var(--space-4);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border)}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{padding:.1em .35em;border-radius:.25rem;background:var(--color-surface)}.toc{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:.95rem}.toc-title{margin:0 0 var(--space-3);font-size:.95rem}.toc ol{margin:0;padding-left:1.1rem}.toc a{color:var(--color-muted);text-decoration:none}.toc a:hover{color:var(--color-text)}.toc-depth-3{margin-top:var(--space-2)}.youtube-embed{aspect-ratio:16 / 9;max-width:100%}.youtube-embed-figure{margin:0 0 var(--space-8)}.youtube-embed-caption{margin-top:var(--space-3);color:var(--color-muted);font-size:.95rem;text-align:center}.youtube-embed-caption a{font-weight:600}.youtube-facade{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--radius);border:1px solid var(--color-border)}.youtube-facade img{width:100%;height:100%;object-fit:cover}.youtube-play{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;color:#fff;background:#0f172a73}.youtube-cta{margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border)}.youtube-cta-title{margin:0 0 var(--space-2);font-weight:600}.youtube-cta-text{margin:0 0 var(--space-4);color:var(--color-muted)}.button{display:inline-block;padding:.65rem 1rem;border-radius:var(--radius);background:var(--color-accent);color:#fff;text-decoration:none;font-weight:600}.button:hover{background:var(--color-accent-hover);color:#fff}.callout{margin-block:var(--space-6);padding:var(--space-4);border-left:4px solid var(--color-accent);border-radius:var(--radius);background:var(--color-surface)}.callout-warning{border-left-color:#d97706}.callout-tip{border-left-color:#059669}.callout-title{margin:0 0 var(--space-2);font-weight:600}.callout-content>:first-child{margin-top:0}.callout-content>:last-child{margin-bottom:0}.related-articles,.article-list{margin-top:var(--space-8)}.related-articles ul,.article-list{margin:0;padding:0;list-style:none}.related-articles li,.article-list li{border-top:1px solid var(--color-border)}.related-articles a,.article-list a{display:block;padding-block:var(--space-4);color:inherit;text-decoration:none}.related-title{display:block;font-weight:600}.related-description{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:.95rem}.pillar-topics{display:grid;gap:var(--space-4)}.pillar-topics h2{margin-top:0}.developer-hero{display:grid;gap:var(--space-8);align-items:center;margin-bottom:var(--space-12)}@media(min-width:48rem){.developer-hero{grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);gap:var(--space-12)}}.developer-hero-media{justify-self:center}.developer-hero-image{display:block;width:min(100%,18rem);aspect-ratio:1;object-fit:cover;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-surface)}.developer-hero-role{margin:0 0 var(--space-2);color:var(--color-accent);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em}.developer-hero-content h1{line-height:1.2;margin:0 0 var(--space-4);font-size:clamp(1.75rem,4vw,2.5rem)}.developer-hero-text{margin:0 0 var(--space-4);color:var(--color-muted);font-size:1.05rem;max-width:38rem}.developer-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin:var(--space-6) 0 0}.developer-hero-link{color:var(--color-muted);text-decoration:none;font-weight:600}.developer-hero-link:hover{color:var(--color-text)}.video-pages-grid{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.video-pages-grid-header h2{margin:0 0 var(--space-2);font-size:clamp(1.5rem,3vw,2rem)}.video-pages-grid-header p{margin:0 0 var(--space-8);color:var(--color-muted);max-width:40rem}.video-pages-list{display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none}@media(min-width:40rem){.video-pages-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.video-pages-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.video-page-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.video-page-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px #0f172a14}.video-page-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-surface)}.video-page-card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.video-page-card-pillar{color:var(--color-accent);font-size:.75rem;font-weight:700;letter-spacing:.05em}.video-page-card-title{font-weight:700;line-height:1.3}.video-page-card-description{color:var(--color-muted);font-size:.95rem;line-height:1.5}.video-pages-empty{margin:0;padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-muted);text-align:center}