/* Blog feed + single. Tokens only. */
.blog{padding-block:var(--space-12);}
.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--gutter);margin-top:var(--space-8);}
@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
.blog-single{padding-block:var(--space-12);}
.post{max-width:45rem;margin-inline:auto;padding-block:var(--space-12);}
.post__head{border-bottom:0;padding-bottom:0;}
.post__meta{display:flex;gap:var(--space-4);align-items:center;font-family:var(--font-mono);
  font-size:var(--label);color:var(--text-muted);}
.post__title{margin-top:var(--space-4);}
.post__lead-img{margin-block:var(--space-8);}
.article-body > * + *{margin-top:var(--space-4);}
.article-body h2{margin-top:var(--space-8);}
.article-body pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface-low);
  border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-4);overflow-x:auto;}
.article-body blockquote{border-left:2px solid var(--primary);padding-left:var(--space-4);
  color:var(--text-muted);margin:0;}
.comments-area{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color);}