/* UX feedback fixes: keep the map page aligned with the site's normal gutters. */
.map-page-container {
  width: min(1180px, calc(100vw - 18px));
  max-width: 1180px;
}

.map-page-container .panel,
.map-page-container .\!panel {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .map-page-container {
    width: min(1180px, calc(100vw - 28px));
  }
}

@media (min-width: 768px) {
  .map-page-container .panel,
  .map-page-container .\!panel {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
