/* The map box every map module shares, and the panel shown inside it until
   the API is loaded or while there is no key. */
.dea-mod .dea-map {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #e9e4dc;
  border-radius: var(--dea-radius-media);
}

.dea-map__fallback {
  position: absolute; inset: 0;
  display: grid; align-content: center; gap: 8px;
  padding: 28px; text-align: center;
  background:
    repeating-linear-gradient(45deg, rgba(201, 82, 15, .05) 0 12px, transparent 12px 24px),
    #efe8df;
}
.dea-map__fbtitle { margin: 0; font-weight: 700; font-size: 15px; color: var(--dea-orange); }
.dea-map__fbtext { margin: 0 auto; max-width: 38ch; font-size: 13.5px; line-height: 1.6; color: #5d5049; }

/* Google adds its own focus ring to the map div; keep ours consistent. */
.dea-mod .dea-map:focus-visible { outline: 3px solid var(--dea-orange); outline-offset: 3px; }