html, body { margin: 0; height: 100%; }
body { font: 15px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; color: #1d1d1f; }
#map { position: fixed; inset: 0; }

.data-link {
  position: fixed; top: 12px; right: 12px; z-index: 2;
  background: #fff; color: inherit; text-decoration: none;
  border: 1px solid #c7c7cc; border-radius: 6px;
  padding: 6px 14px; font-weight: 600;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
}
.data-link:hover, .data-link:focus-visible { background: #f2f2f7; }

.toast {
  position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%); z-index: 2;
  margin: 0; background: #fff; border: 1px solid #c7c7cc; border-radius: 6px;
  padding: 8px 14px; box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
}

.maplibregl-popup-content { font: inherit; padding: 10px 14px; }
.popup-name { font-weight: 600; margin: 0 0 2px; }
.popup-meta { margin: 0; color: #6e6e73; }