:root {
  --worldsaid-map-height: 332px;
  --worldsaid-map-mobile-height: 262px;
}

.zone-map-section,
.camp-map-section,
.detail-google-map,
.admin-map-head,
.admin-map {
  box-sizing: border-box;
  width: min(100%, var(--worldsaid-page-width, 1056px));
  max-width: var(--worldsaid-page-width, 1056px);
  margin-inline: auto;
}

.zone-results-map,
.camp-results-map,
.admin-map,
.story-detail-page .zone-map-section .zone-results-map,
.zone-map-section.is-soft-stuck .zone-results-map,
.camp-map-section.is-soft-stuck .camp-results-map,
.detail-google-map iframe {
  height: var(--worldsaid-map-height) !important;
}
.detail-earthquake-leaflet { width:100%; height:100%; min-height:420px; }
.detail-earthquake-map { position:relative; overflow:hidden; }
.detail-earthquake-map > a { position:absolute; right:14px; bottom:14px; z-index:500; padding:9px 12px; border-radius:4px; background:#fff; color:#12364a; box-shadow:0 2px 12px #0003; font-size:11px; font-weight:800; }
.detail-earthquake-legend { position:absolute; left:14px; bottom:14px; z-index:500; display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:4px; background:#fff; color:#12364a; box-shadow:0 2px 12px #0003; font-size:10px; }
.detail-earthquake-legend span { display:flex; align-items:center; gap:4px; }
.detail-earthquake-legend i { width:12px; height:12px; border:2px solid #d8203f; border-radius:50%; }
@media(max-width:650px){.detail-earthquake-legend{right:10px;bottom:48px;flex-wrap:wrap}.detail-earthquake-map>a{right:10px;bottom:10px}.detail-earthquake-leaflet{min-height:360px}}

@media (max-width: 800px) {
  .zone-results-map,
  .camp-results-map,
  .admin-map,
  .story-detail-page .zone-map-section .zone-results-map,
  .zone-map-section.is-soft-stuck .zone-results-map,
  .camp-map-section.is-soft-stuck .camp-results-map,
  .detail-google-map iframe {
    height: var(--worldsaid-map-mobile-height) !important;
  }
}