html, body { height: 100%; margin: 0; }
header h1 a { height: 60px; width: 100%; display:flex; align-items: center; justify-content: center; background-color: #fff; }
header h1 {margin: 0; }
header img { height: 100%; width: 100%; object-fit: scale-down; }

#map { height: 70%; width: 100%; }

noscript img { height: 100%; width: 100%; object-fit: contain; object-position: center center; }

.leaflet-popup-content p { margin: 1.0em 0; }
.leaflet-popup-content pre { margin: 1.3em 0; color: #0078A8; }
.leaflet-popup-content h2 { margin-bottom: -0.2em; }
.leaflet-popup-content a:hover { text-decoration: none; }

.leaflet-control-attribution { color: #0078A8; }
.leaflet-control-attribution a { text-decoration: underline; }
.leaflet-control-attribution a:hover { text-decoration: none; }

.leaflet-control {
  transition: opacity 1s;
}

.leaflet-container:has(.leaflet-popup)
  :is(.leaflet-control-container, .leaflet-control-container *) {
  pointer-events: none;
}

.leaflet-container:has(.leaflet-popup) .leaflet-control {
  opacity: 0;
}

@media (hover: none) {
  .leaflet-tooltip-pane { display: none; }
}

section { max-width: 800px; margin: 0 auto; padding: 0 4%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; padding-bottom: 24px;}
section h4 { margin: 30px 0 16px 0; font-size: 18px; font-style: italic; font-weight: normal; line-height: 27px; }
section h3 { margin: 36px 0 16px 0; font-size: 20px; font-weight: normal; line-height: 30px; }
section p { margin: 16px 0; font-size: 16px; font-weight: normal; line-height: 24px; }
section ul { margin: 16px 0; }
section li { font-size: 16px; font-weight: normal; line-height: 24px; }
a { text-decoration: underline; color: #0078A8; }
a:hover { text-decoration: none; }
s { text-decoration: line-through; text-decoration-thickness: 12% }
section span { font-size: 30px; }