/* Blog: the one chronological shape. Reverse-date list, single-column posts with a
   prominent date. Chips (.chip) and backlinks come from base.css / articles.css. */

.blog-list { max-width: 44rem; margin: 0; padding: 2.5rem 1.5rem; }

.post-row { margin: 1.6rem 0; padding-bottom: 1.4rem; border-bottom: 1px solid var(--line); }
.post-row h2 { font-size: 1.2rem; margin: 0.2rem 0 0.15rem; }
.post-row h2 a { text-decoration: none; }
/* Date sits below the title: muted (not the link colour) and lighter, so it doesn't read as clickable. */
.post-row time { display: block; margin: 0 0 0.5rem; color: var(--muted); font-size: 0.78rem; font-weight: 400; font-family: var(--font-ui); }
.post-row p { margin: 0; }
.post-row .read-more { display: inline-block; margin-top: 0.4rem; font-size: 0.85rem; font-family: var(--font-ui); }

/* Single post — the date leads, above the title, to stress the chronology. */
.post { max-width: 44rem; margin: 0; padding: 2.5rem 1.5rem; }
.post-date {
  margin: 0 0 0.35rem; font-family: var(--font-ui);
  font-size: 1.05rem; font-weight: 700; letter-spacing: 0.01em;
  color: var(--accent-ink);
}
.post h1 { margin-bottom: 0.5rem; }
.post .meta { margin: 0 0 1.8rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }