.container { max-width: 1200px; }

@media (max-width: 991px) {
  .hero-section { padding-top: 4rem; }
  .hero-title { font-size: 2.4rem; }
  .navbar-nav { padding-top: 1rem; }
}

@media (max-width: 767px) {
  .topbar { font-size: 0.85rem; }
  .hero-section { padding: 3rem 0 2.5rem; }
  .hero-title { font-size: 2rem; }
  .section-title h2 { font-size: 1.6rem; }
  .emergency-banner { padding: 1.4rem; }
  .floating-actions { right: 16px; bottom: 80px; }
  .back-to-top { right: 16px; bottom: 16px; }
}

@media (max-width: 575px) {
  .hero-title { font-size: 1.75rem; }
  .page-hero { padding: 4rem 0 2.4rem; }
  .card { border-radius: 1rem; }
  .map-frame { min-height: 260px; }
}