/* ─── Tab Block ───────────────────────────────────────────────────────────── */

/* Screen-reader-only helper (kept for any future sr-only use) */
.toggle-block .sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Tab list container */
.toggle-block .ggc-tabs {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  justify-content: center;
}

/* Individual tab button */
.toggle-block .ggc-tab {
  position: relative;
  padding: .6rem 1.25rem;
  background: none;
  font-size: .95rem;
  font-weight: 400;
  color: inherit;
  opacity: .6;
  cursor: pointer;
  transition: opacity .15s ease, border-color .15s ease;
  user-select: none;
  outline-offset: 3px;
  border: 1px solid var(--midgray);
  border-bottom: none;
  border-radius: 3px
}

.toggle-block .ggc-tab:hover {
  opacity: .85;
}

/* Active / selected tab */
.toggle-block .ggc-tab--active,
.toggle-block .ggc-tab[aria-selected="true"] {
  opacity: 1;
  font-weight: 600;
  background-color: white;
}

/* ─── Legacy map ratio (unchanged) ───────────────────────────────────────── */
#oldmap {
  aspect-ratio: 685 / 348;
}