.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;
}

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

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