.blog-article{z-index:1;max-width:80rem;margin-inline:auto;padding:3.5rem 1.25rem 5rem;position:relative}.blog-article-header{max-width:62rem;margin:0 auto 3rem}.blog-back{min-height:44px;color:hsl(var(--muted-foreground));align-items:center;margin-bottom:2rem;font-size:13px;display:inline-flex}.blog-label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:11px;font-weight:500;line-height:1.7;display:block}.blog-article h1{letter-spacing:-.03em;text-wrap:balance;max-width:23ch;margin-top:1rem;font-size:clamp(1.875rem,3.8vw,3.25rem);font-weight:700;line-height:1.12}.blog-deck{max-width:62ch;font:19px/1.6 var(--font-reading), sans-serif;color:hsl(var(--muted-foreground));margin-top:1.5rem}.blog-byline{color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:.4rem .6rem;margin-top:1.75rem;font-size:12px;line-height:1.7;display:flex}.blog-copy,.blog-related,.blog-closing{max-width:44rem;margin-inline:auto}.blog-copy{font:18px/1.8 var(--font-reading), sans-serif}.blog-copy p{margin-bottom:1.25rem}.blog-copy h2,.blog-related h2{font:600 clamp(1.25rem, 2.2vw, 1.5rem)/1.35 var(--font-jetbrains-mono), monospace;letter-spacing:-.025em;text-wrap:balance;margin:2.75rem 0 1.25rem}.blog-copy ul{margin-block:1.5rem;padding-left:1.3rem;list-style:outside}.blog-copy li{margin-block:.6rem;padding-left:.3rem}.blog-source{border-left:2px solid hsl(var(--border));margin-block:2rem;padding:.5rem 0 .5rem 1.25rem;font-size:15px;line-height:1.65}.blog-source a{text-underline-offset:4px;min-height:24px;margin-top:.5rem;text-decoration:underline;display:inline-block}.blog-related{border-top:1px solid hsl(var(--border));margin-top:3rem;padding-top:.5rem}.blog-related a{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding-block:.75rem;font-size:14px;line-height:1.6;display:flex}.blog-related h2{margin-top:1.5rem}.blog-closing{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3rem;display:flex}.blog-closing p{max-width:20ch;font-size:18px;font-weight:600}.blog-article a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.blog-back:hover,.blog-source a:hover,.blog-related a:hover{color:hsl(var(--primary))}@media (min-width:768px){.blog-article{padding:4.5rem 3rem 6rem}.blog-article-header{margin-bottom:4rem}}