html[data-theme=dark]{& .blog-hero,& .article-header{background:var(--page-hero-background);padding-block:clamp(2.5rem,6vw,5rem)}& .blog-hero h1{max-width:20ch;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}& .blog-hero h1 span{color:var(--color-accent);background:linear-gradient(105deg, var(--neon-pink), var(--color-accent));-webkit-text-fill-color:transparent;background-clip:text}& .blog-intro{max-width:55ch;font-size:1.125rem;line-height:1.8}& .blog-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.75rem;display:flex}& .blog-text-link{min-height:2.75rem;color:var(--color-accent);text-underline-offset:.3em;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}& .blog-archive{padding-block:clamp(2.5rem,5vw,4.5rem)}& .blog-category-nav{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}& .blog-category-nav a{border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);min-height:2.75rem;color:var(--color-ink);align-items:center;gap:.625rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}& .blog-category-nav a:hover,& .blog-category-nav a:focus-visible,& .blog-category-nav a[aria-current=page]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}& .blog-category-nav a[aria-current=page]{text-underline-offset:.25em;text-decoration:underline}& .blog-category-count{border-radius:var(--radius-pill);background:var(--color-paper-3);font-variant-numeric:tabular-nums;place-items:center;min-width:1.5rem;padding-inline:.25rem;font-size:.75rem;display:inline-grid}& .blog-archive-heading{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}& .blog-archive-heading h2{font-size:clamp(1.75rem,3vw,2.25rem)}& .blog-archive-count{color:var(--color-muted);font-size:.875rem}& .blog-main .post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}& .blog-main .post-card{border-radius:var(--radius-lg);background:var(--color-paper-2)}& .blog-main .post-card:hover,& .blog-main .post-card:focus-within{border-color:var(--color-accent)}& .blog-main .post-card-cover,& .post-card-placeholder{aspect-ratio:2}& .post-card-placeholder{border-bottom:1px solid var(--color-rule);background:radial-gradient(ellipse at 25% 20%, #64178640, transparent 65%), var(--page-hero-background);color:var(--color-accent);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;font-size:clamp(1rem,2vw,1.375rem);font-weight:600;display:flex}& .post-card-placeholder .ui-icon{stroke-width:1.25px;width:3.5rem;height:3.5rem}& .blog-main .post-card-body{gap:1rem;padding:clamp(1.25rem,3vw,2rem)}& .blog-main .post-card-meta{font-family:var(--font-body);letter-spacing:0;text-transform:none;align-items:center;gap:.75rem;font-size:.8125rem}& .blog-main .post-card-category,& .article-category{border-radius:var(--radius-pill);background:var(--color-accent-soft);width:fit-content;min-height:2.75rem;color:var(--color-accent);text-underline-offset:.25em;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}& .blog-main .post-card h2{letter-spacing:-.025em;font-size:clamp(1.375rem,2.5vw,1.75rem);line-height:1.3}& .blog-main .post-card h2 a:hover{color:var(--color-accent)}& .blog-main .post-card-body>p{line-height:1.8}& .blog-main .post-card-link{color:var(--color-accent)}& .blog-next-step{border-radius:var(--radius-lg);background:linear-gradient(120deg, #18254a80, #25103960), var(--color-paper-2);border:1px solid #58417c;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding:clamp(1.5rem,4vw,3rem);display:flex}& .blog-next-step h2{margin-bottom:.75rem;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25}& .blog-next-step p:not(.section-kicker){max-width:60ch}& .blog-next-step>.btn{flex-shrink:0}& .article-shell{padding-bottom:4rem}& .article-header-inner{max-width:66rem}& .article-breadcrumb{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.75rem;font-size:.875rem;display:flex}& .article-breadcrumb a{text-underline-offset:.3em;align-items:center;min-height:2.75rem;display:inline-flex}& .article-breadcrumb a:hover{color:var(--color-accent)}& .article-category{margin-bottom:1rem}& .article-header h1{letter-spacing:-.04em;text-wrap:balance;max-width:26ch;font-size:clamp(2.125rem,4.5vw,3.75rem);line-height:1.13}& .article-description{max-width:64ch;font-size:1.125rem;line-height:1.8}& .article-meta{font-family:var(--font-body);gap:.75rem 1.5rem;font-size:.875rem;display:flex}& .article-meta a{color:var(--color-ink);text-underline-offset:.25em}& .article-meta time+time{border:0;padding:0}& .article-cover{box-shadow:none;margin-top:2rem}& .article-header h1{text-shadow:0 0 18px #5088ff22}& .article-layout{grid-template-columns:minmax(0,46rem);justify-content:center;gap:3rem;padding-top:3rem;display:grid}& .article-reading{min-width:0}& .article-sidebar{display:none}& .article-toc{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2);padding:1.25rem}& .article-toc h2{letter-spacing:0;font-size:1rem}& .article-toc ul{margin:.75rem 0 0;padding:0;list-style:none}& .article-toc a{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-muted);align-items:center;padding:.5rem .625rem;font-size:.875rem;line-height:1.5;text-decoration:none;display:flex}& .article-toc a:hover,& .article-toc a:focus-visible{color:var(--color-accent);background:var(--color-accent-soft)}& .article-toc-mobile{margin-bottom:2rem;padding:0 1rem}& .article-toc-mobile summary{color:var(--color-ink);cursor:pointer;padding-block:1rem;font-weight:600}& .article-toc-mobile summary span{color:var(--color-muted);font-size:.875rem;font-weight:400}& .article-toc-mobile nav{padding-bottom:1rem}& .article-body{width:100%;margin:0;padding:0;font-size:1.125rem;line-height:1.85}& .article-body h2{letter-spacing:-.025em;margin-top:3rem;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3}& .article-body h3{margin-top:2rem;font-size:1.375rem;line-height:1.4}& .article-body>:first-child{margin-top:0}& .article-body strong{color:var(--color-ink)}& .article-body li+li{margin-top:.75rem}& .article-body li::marker{color:var(--color-accent)}& .article-body a:hover{color:var(--color-accent-hover)}& .article-body blockquote{border-inline-start:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-accent-soft);margin-block:2rem;padding:1.5rem}& .article-body blockquote>:last-child{margin-bottom:0}& .article-body code{background:var(--color-paper-3);border-radius:.25rem;font-size:.8125em}& .article-body pre{background:var(--color-code-paper);border-radius:var(--radius-md);padding:1.25rem}& .article-body pre code{font-size:inherit;background:0 0;padding:0}& .article-body .table-scroll{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2)}& .article-body table{width:100%;min-width:42rem;font-size:.9375rem;line-height:1.65}& .article-body th,& .article-body td{border-bottom:1px solid var(--color-rule);text-align:start;vertical-align:top;padding:.875rem 1rem}& .article-body th{background:var(--color-paper-2);color:var(--color-ink);font-weight:600}& .article-body tr:last-child td{border-bottom:0}& .article-next-step{display:block}& .article-next-step p a{text-underline-offset:.25em}& .article-back{margin-top:1.5rem}@media (width>=64rem){& .article-layout--with-toc{grid-template-columns:minmax(0,16rem) minmax(0,46rem);gap:clamp(2rem,4vw,4rem)}& .article-sidebar{scrollbar-width:thin;align-self:start;max-height:calc(100dvh - 9rem);padding:.25rem;display:block;position:sticky;top:7rem;overflow-y:auto}& .article-sidebar>.blog-text-link{margin:.75rem 1rem 0;font-size:.875rem}& .article-toc-mobile{display:none}}@media (width<=48rem){& .blog-main .post-grid{grid-template-columns:minmax(0,1fr)}& .blog-next-step{flex-direction:column;align-items:start;gap:1.5rem}& .article-layout{padding-top:2rem}& .article-body{font-size:1rem}}@media (forced-colors:active){& .blog-hero h1 span{-webkit-text-fill-color:currentColor}}}