.leaflet-overlay-pane svg .province-label-text{
  font-family: system-ui, "Segoe UI", Roboto, Arial;
  font-size: 10px;
  font-weight: 600;
  fill: #fff;
  stroke: rgba(0,0,0,0.4);
  stroke-width: 2;
  paint-order: stroke;
  text-anchor: middle;
  dominant-baseline: central;
  pointer-events: none;
}

.city-dot{
  background:#fff;
  border:2px solid #F43676;
  border-radius:50%;
  width:6px;
  height:6px;
}

@media (max-width:768px){
  .leaflet-overlay-pane svg .province-label-text{
    font-size:8px;
  }
}

#ab-map.dark-mode{
  filter: brightness(0.85) contrast(1.1);
}