.region-back {
  color: #286849;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.region-back:hover {
  text-decoration: underline;
}

.region-intro {
  margin: 0 0 20px;
}

.region-intro h1 {
  margin: 0;
  color: #252a24;
  font: 800 clamp(30px, 4vw, 42px) "Segoe UI", Arial, sans-serif;
}

.region-intro > p:last-child {
  margin: 9px 0 0;
  color: #7c8177;
  font-size: 12px;
}

.region-map-frame {
  height: min(72vh, 760px);
  min-height: 460px;
}

.region-map-frame #map {
  width: 100%;
  height: 100%;
  cursor: default;
}

.region-map-frame #map:active {
  cursor: default;
}

.region-caption {
  margin: 9px 2px;
  color: #85897f;
  font-size: 10px;
  text-align: right;
}

@media (max-width: 600px) {
  .region-map-frame {
    min-height: 400px;
  }
}