/* ==========================================================================
   Full-viewport Map (landing page + area show)
   ========================================================================== */

.map-page {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.map-container {
  width: 100%;
  border-radius: var(--radius);
  border: 1px solid var(--color-gray-200);
}

.map-container--full {
  flex: 1;
  height: 100%;
  border: none;
  border-radius: 0;
}

/* Leaflet's CSS only resets max-width for .leaflet-overlay-pane svg.
   Custom panes inherit the app's global svg { max-width: 100% } reset,
   which collapses their SVG to zero width inside the absolute-positioned
   pane container. Override for all Leaflet pane SVGs. */
.leaflet-pane svg {
  max-width: none;
}