/* Production vector-map finish: preserve map detail and keep attribution readable. */
html body .app-shell .map-stage.map-focus .maplibregl-canvas {
  filter: none !important;
  image-rendering: auto !important;
}

html body .app-shell .map-stage.map-focus .maplibregl-ctrl-bottom-left {
  left: 12px !important;
  bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 48 !important;
}

html body .app-shell .map-stage.map-focus .maplibregl-ctrl-attrib {
  max-width: min(360px, 58vw) !important;
  margin: 0 !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(10, 76, 82, 0.14) !important;
  border-radius: 6px !important;
  color: #31575d !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 5px 16px rgba(7, 56, 65, 0.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
}

html body .app-shell .map-stage.map-focus .maplibregl-ctrl-attrib a {
  color: inherit !important;
}

@media (max-width: 720px) {
  html body .app-shell .map-stage.map-focus .maplibregl-ctrl-bottom-left {
    left: 8px !important;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body .app-shell .map-stage.map-focus .maplibregl-ctrl-attrib {
    max-width: 54vw !important;
    padding: 2px 5px !important;
    font-size: 8px !important;
  }
}