/* Illustrated maps for Journey v2. Keeps the existing SVG interaction layer. */
.journey-v2 .jv2-map-wrap[data-map-art]{
  background-color:var(--gold-soft);
  background-repeat:no-repeat;
}

/* Every rebuilt map is 4:3; keep artwork and SVG overlays at native proportions. */
.journey-v2 .jv2-map-wrap[data-map-art]{
  aspect-ratio:4/3;
  background-size:100% 100%;
  background-position:center;
}
.journey-v2 .jv2-map-wrap[data-map-art] .jv2-map{
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:4/3;
}

/* The painted map supplies the cartography. Keep only the interactive overlays. */
.journey-v2 .jv2-map-wrap[data-map-art] .jv2-map:not(.jv2-local-map)>*:not(.place-group){
  opacity:0;
}
.journey-v2 .jv2-map-wrap[data-map-art] .jv2-local-map>*:not(.event-group):not(.place-group){
  opacity:0;
}

.journey-v2 .jv2-map-wrap[data-map-art] .place-label{
  fill:var(--ink-strong);
  font-weight:600;
  font-stretch:normal;
  letter-spacing:0;
  font-kerning:normal;
  text-rendering:geometricPrecision;
  paint-order:stroke;
  stroke:rgba(255,255,255,.94);
  stroke-width:3px;
  stroke-linejoin:round;
}

.journey-v2 .jv2-map-wrap[data-map-art] .place-dot,
.journey-v2 .jv2-map-wrap[data-map-art] .event-dot{
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.95));
}

.journey-v2 .jv2-map-wrap[data-map-art] .jv2-map-note{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

@media(max-width:640px){
  .journey-v2 .jv2-map-wrap[data-map-art]{background-position:center}
  .journey-v2 .jv2-map-wrap[data-map-art] .place-label{stroke-width:3.5px}
}
/* Reveal the supplied local-map artwork beneath the SVG interaction layer. */
.journey-v2 .jv2-map-wrap[data-map-art] .jv2-map{
  background:transparent!important;
}
