/* APG's CMS map element retains the regular page grid and mobile layout. */
.content-page-element.apg-access-map { max-width: none; }
.apg-map-canvas {
  width: 100%;
  height: clamp(280px, 48vw, 420px);
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
  background: var(--color-background);
  font-family: var(--font-body);
  isolation: isolate;
  z-index: 0;
}
.apg-map-canvas:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
.apg-map-canvas .leaflet-popup-content-wrapper,
.apg-map-canvas .leaflet-tooltip { border-radius: 0; }
.apg-map-canvas .leaflet-popup-content { line-height: 1.5; overflow-wrap: anywhere; }
.apg-map-canvas .leaflet-popup-content p { margin: 0.65rem 0 0; }
.apg-map-canvas .leaflet-bar { border-radius: 0; }
.apg-map-canvas .leaflet-bar a { width: 44px; height: 44px; line-height: 44px; color: var(--color-primary); }
.apg-map-canvas .leaflet-control-attribution { max-width: 100%; font-size: 11px; line-height: 1.4; }
.apg-map-links { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.apg-map-status { color: var(--color-text-muted); font-size: 0.9rem; line-height: 1.5; }
@media (max-width: 700px) {
  .apg-map-links .button { max-width: 100%; white-space: normal; text-align: left; }
}