.blog-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.blog-card { min-width: 0; padding: 1.2rem; overflow-wrap: anywhere; }
.blog-card h2 { font-size: 1.2rem; line-height: 1.3; margin: 0; }
.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: 1100px) {
  .blog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .blog-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .blog-page .topbar-title { display: none; }
  .blog-article .review-block { padding: 1.2rem; }
}