@media (max-width: 991px) {
  .hero-grid,
  .content-grid,
  .footer-grid,
  .archive-grid,
  .section-grid { grid-template-columns: 1fr; }
  .breaking-inner { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .site-title { font-size: 28px; }
  .menu-toggle { display: inline-flex; }
  .main-navigation .nav-wrap { display: none; }
  .main-navigation.is-open .nav-wrap { display: block; }
  .main-navigation ul { flex-direction: column; gap: 0; }
  .mini-card { grid-template-columns: 90px 1fr; }
  .mini-thumb { width: 90px; }
  .search-form { flex-direction: column; }
}