.blog-post-page{--article-reading-width:47rem}.blog-article-hero{align-items:center;gap:1.5rem;padding-block:clamp(2.25rem,5vw,4rem);display:grid}.blog-article-heading{min-width:0}.blog-article-heading>.technical-label{margin-top:1.25rem}.blog-article-heading h1{letter-spacing:-.055em;max-width:17ch;margin:.65rem 0 .9rem;font-size:clamp(2.2rem,4.75vw,4.25rem);line-height:1.02}.blog-article-description{max-width:62ch;color:var(--vs-foreground-muted);font-size:.98rem}.blog-topic-list{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.blog-author{border-top:1px solid var(--site-rule);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:.9rem;display:grid}.blog-author img{object-fit:cover;border-radius:999px;width:3rem;height:3rem}.blog-author>span{display:grid}.blog-author strong{color:var(--vs-heading)}.blog-author small{color:var(--vs-foreground-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.64rem}.blog-author>a{color:var(--vs-primary-light);grid-column:1/-1;font-size:.8rem;font-weight:700}.blog-article-image{border:1px solid var(--site-rule);border-radius:var(--site-radius-md);background:var(--site-surface);overflow:hidden}.blog-article-image img{width:100%;height:auto;display:block}.blog-article-layout{border-top:1px solid var(--site-rule);align-items:start;gap:2rem;padding-block:clamp(2rem,6vw,5rem);display:grid}.blog-article-rail{color:var(--vs-foreground-muted);font-family:var(--font-mono);flex-wrap:wrap;gap:.45rem 1rem;font-size:.68rem;display:flex}.blog-article-rail .technical-label{flex-basis:100%}.blog-article-rail a{color:var(--vs-primary-light)}.blog-post{width:min(100%, var(--article-reading-width));min-width:0;color:var(--vs-foreground);font-size:1.03rem}.blog-post h2{margin-top:3rem;font-size:clamp(1.75rem,4vw,2.4rem)}.blog-post h3{margin-top:2.25rem;font-size:clamp(1.35rem,3vw,1.75rem)}.blog-post ul,.blog-post ol{margin:1.25rem 0 1.5rem;padding-left:1.4rem}.blog-post li+li{margin-top:.45rem}.blog-post blockquote{border-left:2px solid var(--vs-primary);color:var(--vs-foreground-muted);margin:2rem 0;padding:1rem 0 1rem 1.25rem}.blog-related-evidence h2{max-width:17ch;margin:.8rem 0 2.5rem;font-size:clamp(2rem,5vw,3.5rem)}@media (min-width:48rem){.blog-author{grid-template-columns:auto minmax(0,1fr) auto}.blog-author>a{grid-column:auto}}@media (min-width:64rem){.blog-article-hero{grid-template-columns:minmax(0,1.05fr) minmax(24rem,.8fr)}.blog-article-layout{grid-template-columns:11rem minmax(0, var(--article-reading-width));justify-content:center;gap:4rem}.blog-article-rail{flex-direction:column;position:sticky;top:6rem}}
