/* PCN Intro: Leaflet map (OpenStreetMap / Carto) */
/* `.pcnIntro__mapHolder` already creates a fixed aspect-ratio box via `padding-bottom`.
   The Leaflet map must be absolutely positioned inside it (like the old `.acf-map`),
   otherwise you get "padding-bottom + map height" and a large empty area below. */
.pcnIntro .pcnIntro__mapHolder.pcnIntroLeaflet {
  min-height: 0;
}

.pcnIntroLeaflet__map,
.pcnIntroLeaflet__empty {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.pcnIntroLeaflet__empty {
  padding: 22px;
  background: #f3f6ff;
  border: 1px solid rgba(25, 2, 92, 0.12);
  color: #19025c;
  line-height: 1.45;
  overflow: auto;
}

.pcnIntroLeaflet__map .leaflet-container {
  height: 100%;
  width: 100%;
}

.pcnIntroLeaflet__pin {
  background: transparent;
  border: 0;
}
.pcnIntroLeaflet__pin svg {
  display: block;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25));
}

.pcnIntroLeaflet__popupTitle {
  font-weight: 800;
  margin-bottom: 6px;
  font-size: 14px;
}
.pcnIntroLeaflet__popupLink {
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}