html { scroll-behavior: smooth; }
.leaflet-tile { filter: grayscale(100%) contrast(1.05) brightness(0.98); }
#theMap { height: 70vh; }
/* Tooltip tidy */
.leaflet-tooltip {
  background:#fff; border:1px solid #e5e7eb; border-radius:.5rem;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  padding:.45rem .6rem; color:#111; font-size:13px;
}
/* dot marker */
.dot {
  width:16px; height:16px; border-radius:50%; border:2px solid #fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.18);
  transform: translate(-50%,-50%);
}