/* Archive region map: flat light-grey sea, coloured land, click to filter the region grid. */
.region-map { margin-bottom: 32px; }
.region-map__canvas {
  height: 420px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: oklch(92% 0.006 240);
  overflow: hidden;
}
.region-map__canvas.leaflet-container { font-family: var(--font-sans); }
.region-map__hint { margin-top: 8px; font-size: 12.5px; color: var(--ink-3); }
.region-map__status {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px; padding: 10px 16px;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
}
.region-map__status[hidden] { display: none; }
.region-map__status-text { font-family: var(--font-serif); font-size: 16px; font-weight: 600; color: var(--ink); }
.region-map__reset {
  font: inherit; font-size: 13px; font-weight: 700; color: var(--terra);
  background: none; border: 0; cursor: pointer; padding: 0;
}
.region-map__reset:hover { color: var(--terra-dark); }
.region-map__tooltip { font-size: 12.5px; font-weight: 600; }
.browse-region[hidden] { display: none; }

@media (max-width: 640px) {
  .region-map__canvas { height: 280px; }
}