.blog-intro { max-width:760px; padding-bottom:48px; }
.blog-intro h1 { margin-bottom:24px; }
.blog-entries { max-width:880px; padding-bottom:76px; }
.blog-entry { padding-block:40px; border-top:1px solid var(--border-mid); }
.blog-entry h2 { font-size:clamp(28px,3vw,38px); margin-bottom:20px; }
.blog-entry h2 a { color:inherit; text-decoration:none; }
.blog-entry h2 a:hover { text-decoration:underline; }
.blog-entry p { max-width:750px; }
.blog-entry-meta { color:var(--ink-mute); font-size:16px; margin-bottom:16px; }
.blog-entry-meta time { margin-left:18px; }
.blog-entry-link { display:inline-block; margin-top:4px; }
@media(max-width:600px) { .blog-intro { padding-bottom:24px; } .blog-entries { padding-bottom:52px; } .blog-entry { padding-block:30px; } }