.blog-nav{display:flex;gap:16px;align-items:center;font-size:12px}
.blog-nav a{color:var(--muted);text-decoration:none}.blog-nav a:hover{color:var(--fg)}
.blog-hero{padding:46px 0 34px;border-bottom:1px solid var(--line)}
.blog-hero h2{margin:0;max-width:12ch;font-size:clamp(42px,10vw,68px);line-height:.94;letter-spacing:-.06em;font-weight:650}
.blog-hero p{max-width:43ch;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.post-list{margin-top:28px}.post-link{display:block;padding:22px 0;border-bottom:1px solid var(--line-soft);color:inherit;text-decoration:none}
.post-link:hover .post-title{color:var(--muted)}.post-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.post-title{margin:7px 0 6px;font-size:25px;line-height:1.08;letter-spacing:-.04em;font-weight:620}.post-dek{margin:0;color:var(--fg-soft);font-size:13px;line-height:1.5;max-width:52ch}
.article{padding-top:42px}.article h1{font-size:clamp(38px,9vw,62px);line-height:.98;letter-spacing:-.055em;margin:10px 0 18px}.article .dek{font-size:17px;line-height:1.55;color:var(--fg-soft);max-width:44ch;margin-bottom:36px}
.prose{font-size:16px;line-height:1.75}.prose h2{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin:46px 0 12px}.prose h3{font-size:19px;margin:34px 0 8px}.prose p{margin:0 0 20px}.prose ul{padding-left:22px;margin:0 0 22px}.prose li{margin:7px 0}.prose blockquote{margin:28px 0;padding:3px 0 3px 18px;border-left:2px solid var(--fg);color:var(--fg-soft)}
.prose code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--line-soft);padding:2px 5px;border-radius:4px}.prose pre{overflow:auto;padding:16px;background:var(--line-soft);border-radius:var(--radius-sm)}.prose pre code{padding:0;background:none}
.article-foot{margin-top:54px;padding-top:18px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:12px}
@media(min-width:900px){:root{--maxw:820px}.blog-hero{padding-top:72px}.post-title{font-size:29px}}
@media(max-width:640px){.blog-nav{gap:12px}}