.blog-shell{--blog-surface:#0a0d0d;--blog-panel:#101516;--blog-muted:#93a0a2;background:var(--background);color:var(--ink);min-height:100svh}:root[data-theme=light] .blog-shell{--blog-surface:#fffef2;--blog-panel:#f3df00;--blog-muted:#4a470f}@media (prefers-color-scheme:light){:root:not([data-theme]) .blog-shell{--blog-surface:#fffef2;--blog-panel:#f3df00;--blog-muted:#4a470f}}.blog-shell a{color:inherit}.blog-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--background) 88%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ink) 20%, transparent);z-index:20;justify-content:space-between;align-items:center;min-height:4.75rem;padding:.8rem max(1.25rem,50vw - 38rem);display:flex;position:sticky;top:0}.blog-brand{letter-spacing:-.05em;font-size:1rem;font-weight:900;text-decoration:none}.blog-brand span{color:var(--cyan);margin-left:.35rem;font-size:1.2em}.blog-navigation{align-items:center;gap:.35rem;display:flex}.blog-navigation>a{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0 .65rem;font-size:.68rem;font-weight:800;text-decoration:none;display:flex}.blog-navigation>a:hover,.blog-navigation>a:focus-visible,.blog-navigation>a[aria-current=page]{background:var(--cyan);border-color:var(--cyan);color:#08090b}.blog-index,.article-page{max-width:76rem;margin:0 auto;padding:clamp(4rem,10vw,9rem) 1.25rem 7rem}.blog-hero{max-width:66rem}.blog-hero>p:first-child,.article-kicker{color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:900}.blog-hero h1,.article-header h1{letter-spacing:-.075em;max-width:12ch;margin:0;font-size:clamp(3.5rem,10vw,9rem);line-height:.86}.blog-hero-rule{background:var(--cyan);max-width:12rem;height:.35rem;margin:clamp(2rem,5vw,4rem) 0 1.5rem}.blog-hero-description{color:var(--blog-muted);max-width:48rem;margin:0;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.55}.post-list{border-top:1px solid color-mix(in srgb, var(--ink) 25%, transparent);margin-top:clamp(4rem,10vw,8rem)}.post-card{border-bottom:1px solid color-mix(in srgb, var(--ink) 25%, transparent);grid-template-columns:3rem 1fr;gap:clamp(1rem,4vw,4rem);padding:clamp(2rem,5vw,4rem) 0;display:grid}.post-number{color:var(--cyan);font-size:.7rem;font-weight:900}.post-card time,.article-meta{color:var(--blog-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.post-card h2{letter-spacing:-.055em;margin:.75rem 0 1.25rem;font-size:clamp(2rem,5vw,4.75rem);line-height:.96}.post-card h2 a,.post-read-link{text-decoration:none}.post-card h2 a:hover,.post-card h2 a:focus-visible,.post-read-link:hover,.post-read-link:focus-visible{color:var(--cyan)}.post-card p{color:var(--blog-muted);max-width:48rem;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.post-read-link{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.blog-empty{border:1px solid color-mix(in srgb, var(--ink) 30%, transparent);color:var(--blog-muted);max-width:38rem;margin:5rem 0 0;padding:2rem}.article-page{max-width:64rem}.article-back{letter-spacing:.08em;text-transform:uppercase;gap:.5rem;margin-bottom:clamp(3rem,8vw,7rem);font-size:.76rem;font-weight:900;text-decoration:none;display:inline-flex}.article-back:hover,.article-back:focus-visible{color:var(--cyan)}.article-header h1{max-width:13ch;font-size:clamp(3rem,9vw,7.5rem)}.article-excerpt{color:var(--blog-muted);max-width:44rem;margin:2rem 0;font-size:clamp(1.15rem,2.5vw,1.65rem);line-height:1.5}.article-meta{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.article-languages{gap:.5rem;margin-top:2rem;display:flex}.article-languages a,.article-tags span{border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);text-transform:uppercase;padding:.55rem .75rem;font-size:.68rem;font-weight:800;text-decoration:none}.article-languages a[aria-current=page]{background:var(--cyan);border-color:var(--cyan);color:#08090b}.article-cover{margin:clamp(3rem,8vw,6rem) 0}.article-cover img{object-fit:cover;width:100%;height:auto;max-height:70svh;display:block}.article-body{background:var(--blog-surface);border-top:.35rem solid var(--cyan);margin-top:clamp(3rem,8vw,6rem);padding:clamp(1.5rem,6vw,5rem);font-size:clamp(1.05rem,1.7vw,1.2rem);line-height:1.75}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body h2,.article-body h3{letter-spacing:-.04em;margin:2.5em 0 .7em;line-height:1.1}.article-body h2{font-size:clamp(2rem,5vw,3.5rem)}.article-body h3{font-size:clamp(1.5rem,3vw,2.25rem)}.article-body a{color:var(--cyan);text-underline-offset:.2em}.article-body blockquote{border-left:.35rem solid var(--cyan);color:var(--blog-muted);margin:2rem 0;padding-left:1.5rem}.article-body code{background:color-mix(in srgb, var(--ink) 10%, transparent);padding:.12em .35em;font-size:.9em}.article-body pre{color:#e8f0f1;background:#08090b;padding:1.25rem;overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body img{max-width:100%;height:auto}.article-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.blog-footer{border-top:1px solid color-mix(in srgb, var(--ink) 25%, transparent);color:var(--blog-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;max-width:76rem;margin:0 auto;padding:2rem 1.25rem;font-size:.7rem;font-weight:800;display:flex}.blog-footer a{text-decoration:none}@media (max-width:640px){.blog-topbar{min-height:4.25rem;padding-inline:.75rem}.blog-navigation{gap:.2rem}.blog-navigation>a{min-width:2.25rem;height:2.25rem;padding:0 .45rem}.blog-navigation .theme-toggle{transform-origin:100%;transform:scale(.9)}.post-card{grid-template-columns:2rem 1fr}.blog-footer{flex-direction:column;align-items:flex-start;gap:.75rem}}