/* Keep HTML hidden states reliable even when component rules set display. */
[hidden] {
  display: none !important;
}

/* A darker raster basemap works with the gold, blue and green place markers. */
.leaflet-tile-pane {
  filter: brightness(.77) saturate(.78);
}

#map .leaflet-marker-icon:focus-visible {
  outline: 3px solid #7acbfa !important;
  outline-offset: 3px !important;
  border-radius: 7px;
  z-index: 1000 !important;
}

@media (prefers-contrast: more) {
  .place-card,
  .panel,
  .mini-button,
  .button {
    border-width: 2px;
  }
}

@media (forced-colors: active) {
  .tala-pin,
  .button,
  .place-card {
    border: 2px solid ButtonText;
  }
}