/* Shared look for the MapLibre maps under /maps (see os-map.js): the site's
   sans-serif stack inside the map, and dark-mode styling for MapLibre's
   popups and controls so they follow prefers-color-scheme like the basemap
   itself does. */
.maplibregl-map { font-family: ui-sans-serif, system-ui, sans-serif; }
.maplibregl-popup-content {
  font-family: ui-sans-serif, system-ui, sans-serif;
  line-height: 1.4;
  padding: 10px 12px;
}
.maplibregl-popup-content b { font-size: 0.95rem; }
.maplibregl-popup-content .addr,
.maplibregl-popup-content .loc { color: #555; margin-top: 0.15rem; }
.maplibregl-popup-content .links { margin-top: 0.35rem; }

@media (prefers-color-scheme: dark) {
  .maplibregl-popup-content { background: #222; color: #ddd; }
  .maplibregl-popup-content .addr,
  .maplibregl-popup-content .loc { color: #aaa; }
  .maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
  .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
  .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: #222; }
  .maplibregl-popup-anchor-top .maplibregl-popup-tip,
  .maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
  .maplibregl-popup-anchor-top-right .maplibregl-popup-tip { border-bottom-color: #222; }
  .maplibregl-popup-anchor-left .maplibregl-popup-tip { border-right-color: #222; }
  .maplibregl-popup-anchor-right .maplibregl-popup-tip { border-left-color: #222; }
  .maplibregl-popup-close-button { color: #ddd; }
  .maplibregl-ctrl-group { background: #333; }
  .maplibregl-ctrl-group button + button { border-top-color: #444; }
  .maplibregl-ctrl button .maplibregl-ctrl-icon { filter: invert(1) hue-rotate(180deg); }
  .maplibregl-ctrl-attrib { background: rgba(0, 0, 0, 0.5); }
  .maplibregl-ctrl-attrib a { color: #bbb; }
}