:root{color-scheme:dark;--background:#100d0b;--surface:#1b1713;--text:#f5efe5;--muted:#bcb2a4;--gold:#d7a953;--border:#d7a9533d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{background:radial-gradient(circle at top, #553b2047, transparent 34rem), var(--background);color:var(--text);margin:0;line-height:1.72}a{color:var(--gold)}a:hover{color:#f2c977}.site-shell{width:min(100% - 2rem,72rem);margin-inline:auto}.site-header,.site-footer{border-color:var(--border);border-style:solid;border-width:0}.site-header{border-bottom-width:1px}.site-footer{border-top-width:1px;margin-top:5rem}.site-header__inner,.site-footer__inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;display:flex}.brand{color:var(--text);font-size:1.2rem;font-weight:800;text-decoration:none}.site-nav{flex-wrap:wrap;gap:1rem;display:flex}.site-nav a,.site-footer a{color:var(--muted);text-decoration:none}.page-main{padding-top:3rem}.page-heading{max-width:50rem;margin:0 0 .75rem;font-size:clamp(2.25rem,7vw,4.4rem);line-height:1.04}.page-intro,.article-meta{color:var(--muted)}.article-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;padding:0;list-style:none;display:grid}.article-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;height:100%;padding:1.25rem}.article-card h2,.article-card h3{margin-top:0;line-height:1.25}.article-card a{color:var(--text);text-decoration:none}.article-card p{color:var(--muted)}.article{width:min(100%,52rem);margin-inline:auto}.article h1{margin-bottom:1rem;font-size:clamp(2.25rem,7vw,4rem);line-height:1.08}.article-content h2,.article-content h3{scroll-margin-top:1rem;line-height:1.25}.article-content h2{margin-top:3.5rem;font-size:clamp(1.65rem,4vw,2.25rem)}.article-content h3{margin-top:2.25rem}.article-content img,.article-content video{border-radius:.75rem;max-width:100%;height:auto;margin-inline:auto;display:block}.article-content figure{margin:2rem 0}.article-content figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.9rem}.article-content audio{width:100%}.article-content blockquote,.article-content aside{border-left:.25rem solid var(--gold);background:var(--surface);margin:2rem 0;padding:1rem 1.25rem;display:block}.article-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid var(--border);padding:.7rem}.article-toc{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin:2.5rem 0;padding:1.25rem 1.5rem}.article-toc strong{margin-bottom:.5rem;display:block}.blog-cta{outline-offset:.25rem;border-radius:.9rem;margin-block:2.5rem;display:block}.blog-cta:hover img{filter:brightness(1.08)}.code-run-demo-section{border:1px solid var(--border);background:linear-gradient(180deg, #d7a9531a, transparent 42%), var(--surface);border-radius:1rem;margin:3.5rem 0 1.5rem;padding:1.75rem 1.35rem 1.35rem}.code-run-demo-section__title{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.55rem,3.8vw,2.05rem);line-height:1.2}.code-run-demo-section__title span{border-bottom:.2rem solid var(--gold);padding-bottom:.2rem;display:inline-block}.code-run-demo-section__lead{margin:0 0 .65rem}.code-run-demo-section__note{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem}.code-run-demo-section .code-run-demo-embed{margin:0}.code-run-demo-section .code-run-demo-embed iframe{display:block}.related-articles,.promo-video{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem}.promo-video h2{margin:0 0 .75rem;font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.25}.promo-video__lead{color:var(--muted);margin:0 0 1.5rem}.promo-video__stage{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;overflow:hidden}.promo-video__play{cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:0;display:block;position:relative}.promo-video__play img{width:100%;height:auto;display:block}.promo-video__play-overlay{background:#100d0b59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promo-video__play-label{color:#1b1713;background:#d7a953eb;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-weight:700;display:inline-flex}.promo-video__play:hover .promo-video__play-label{filter:brightness(1.06)}.promo-video__player{width:100%;height:auto;display:block}.promo-video__play[hidden],.promo-video__player[hidden]{display:none!important}@media (width<=40rem){.site-header__inner,.site-footer__inner{flex-direction:column;align-items:flex-start}.page-main{padding-top:2rem}}