/* Blog page-specific helpers; the main look comes from /styles.css */
.blog-hero { padding: 160px 0 30px; background: transparent; }
.blog-hero h1 { font-weight: 800; letter-spacing: .2px; }
.blog-search { max-width: 560px; margin: 10px auto 20px; }
.blog-card .badge { margin-right: .35rem; }
.blog-card .card-img-top { height: 220px; object-fit: cover; object-position: center; }
.blog-meta { font-size: .9rem; opacity: .8; }
.content img { max-width: 100%; height: auto; border-radius: 8px; }
.breadcrumbs { font-size: .9rem; }
.related .card-img-top { height: 140px; object-fit: cover; }