.blog-list { display: grid; gap: 1.2rem; }
.blog-card { max-width: 800px; }
.blog-card h2 { font-size: clamp(1.35rem, 3vw, 1.8rem); }
.blog-card h2 a:hover { color: var(--gold); }
.blog-card .meta, .blog-meta { color: var(--text-muted); }
.blog-article { max-width: 820px; margin: 0 auto; overflow-wrap: anywhere; }
.blog-article section { scroll-margin-top: 6rem; }
.blog-article h2 { font-size: clamp(1.35rem, 3vw, 1.8rem); }
.blog-article li { color: var(--text-muted); margin-bottom: 0.65rem; }
.blog-article ul { padding-left: 1.3rem; }
.blog-article a:not(.btn), .blog-breadcrumb a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
.blog-breadcrumb { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1.2rem; color: var(--text-muted); }
.blog-page .hero-inner { max-width: 780px; }
@media (max-width: 560px) {
  .blog-page .topbar-title { display: none; }
  .blog-article .review-block { padding: 1.2rem; }
}