.public-map .maplibregl-ctrl-group {
  border: 1px solid var(--border);
  background: rgba(13, 17, 23, .94);
}

.public-map .maplibregl-ctrl-group button + button { border-color: var(--border); }
.public-map .maplibregl-ctrl-group button:hover { background-color: var(--surface-hi); }
.public-map .maplibregl-ctrl-icon { filter: invert(1); }

.public-map .maplibregl-ctrl-attrib {
  border-radius: 8px 0 0 0;
  background: rgba(13, 17, 23, .78);
  color: var(--dim);
  backdrop-filter: blur(8px);
}

.public-map .maplibregl-ctrl-attrib a { color: var(--green-hi); }

.public-map .maplibregl-popup-content {
  border: 1px solid var(--border-bright);
  background: rgba(28, 36, 48, .97);
  color: var(--text);
  box-shadow: var(--shadow);
}

.public-map .maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
.public-map .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
.public-map .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: rgba(28, 36, 48, .97); }
.public-map .maplibregl-popup-anchor-top .maplibregl-popup-tip,
.public-map .maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
.public-map .maplibregl-popup-anchor-top-right .maplibregl-popup-tip { border-bottom-color: rgba(28, 36, 48, .97); }
.public-map .maplibregl-popup-anchor-left .maplibregl-popup-tip { border-right-color: rgba(28, 36, 48, .97); }
.public-map .maplibregl-popup-anchor-right .maplibregl-popup-tip { border-left-color: rgba(28, 36, 48, .97); }
.public-map .maplibregl-popup-close-button { color: var(--muted); }

#map .maplibregl-ctrl-attrib { font-size: 10px; }
#map .maplibregl-popup-content { color: #17251b; line-height: 1.6; }