.blog-mobile-filter { display: none; }
.blog-results-status { margin: -.7rem 0 1.5rem; color: var(--muted); font-size: .9rem; }
.blog-empty { padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.blog-page [data-blog-card][hidden] { display: none !important; }

@media (max-width: 767.98px) {
  .blog-page .hero-sm { min-height: 300px; padding: calc(var(--nav-h) + 1rem) 0 1.7rem; }
  .blog-page .hero-sm h1 { font-size: clamp(2.25rem, 9vw, 2.8rem); line-height: 1.02; }
  .blog-page .hero-sm .lead-pg { font-size: 1rem; line-height: 1.5; }
  .blog-page .hero-badge { margin-bottom: 1rem; }
  .blog-page .section { padding-top: 2.2rem; }
  .blog-page .section-title { font-size: 2.2rem; line-height: 1.05; margin-bottom: .35rem; }
  .blog-page .row.mb-4 { margin-bottom: 1rem !important; }
  .blog-page .filter-bar { display: none; }
  .blog-mobile-filter { display: block; margin-bottom: .55rem; color: var(--olive-800); font-size: .9rem; font-weight: 700; }
  .blog-mobile-filter select { display: block; width: 100%; min-height: 48px; margin-top: .4rem; padding: .6rem 2.2rem .6rem .85rem; border: 1px solid var(--olive-300); border-radius: 10px; color: var(--ink); background: #fff; font: 600 1rem var(--font-body); }
  .blog-mobile-filter select:focus-visible { outline: 3px solid var(--gold-400); outline-offset: 2px; }
  .blog-results-status { margin: 0 0 1.2rem; }
  .blog-page .card-post .thumb { aspect-ratio: 16 / 8; }
  .blog-page .card-body-pg { padding: 1.1rem 1.2rem 1.25rem; }
  .blog-page .card-post h3 { font-size: 1.45rem; line-height: 1.15; }
  .blog-page .card-post p.excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: .9rem; }
}