/* ==========================================================================
   map.css — .wf-map embedded map (Getting There + Accommodation).
   Keyless map embed geocoded by place name (no API key), lazy-loaded in markup.
   Styled to sit softly on the parchment ground.
   ========================================================================== */

.wf-map {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--c-parchment-line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
  background-color: var(--c-parchment-deep);
}

/* Fallback height for engines without aspect-ratio support. */
@supports not (aspect-ratio: 1 / 1) {
  .wf-map { height: 22rem; }
}

/* The map figure spans the content width but stays comfortable on desktop. */
.wf-map-figure {
  width: 100%;
  max-inline-size: var(--maxw-content);
  margin-inline: auto;
}