/* State navigation is in the initial HTML: no script-dependent sizing or selection. */
.map-region-toggle {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 272px);
  padding: 4px;
  margin: 0 0 24px;
  border: 1px solid #ded6df;
  border-radius: 8px;
  background: #f2eef3;
}
.map-region-toggle a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 5px;
  color: #451448;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}
.map-region-toggle a[aria-current="true"] { background: #801b83; color: #fff; }
.map-region-toggle a:hover { background: #e4dce7; color: #451448; text-decoration: none; }
.map-region-toggle a[aria-current="true"]:hover { background: #68146b; color: #fff; }
.map-region-toggle a:focus-visible { outline: 3px solid #451448; outline-offset: 2px; }
[id^="rock-"][id$="-map"] { scroll-margin-top: 180px; }