/* Blog-only layout; cards and typography inherit the original common styles. */
.blog-page .section-journal { background: var(--warm); }
.blog-page .journal-body h3 { margin-top: 0; }
.blog-page .journal-body h3 a { text-decoration: none; }
.blog-page .journal-body h3 a:hover { text-decoration: underline; }
.post-meta { color: var(--muted); font-size: 13px; }
.post-categories { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 28px; padding: 0; list-style: none; color: var(--teal-dark); font-size: 13px; }
.post-thumbnail { margin-bottom: 36px; }
.post-thumbnail img { display: block; height: auto; border-radius: var(--radius); }
.blog-page .navigation { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); }
.blog-page .nav-links { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.blog-page .page-numbers { color: var(--teal-dark); }
.blog-page .page-numbers.current { font-weight: 800; }
.blog-page .post-navigation .nav-links { justify-content: space-between; }
@media (max-width: 640px) {
  .blog-page .post-navigation .nav-links { flex-direction: column; }
}