/* Geographic navigation only; local Articles/Tools section tabs are separate. */
.site-header:has(> .pbd-region-nav) { flex-wrap: wrap; }
.pbd-region-nav.country-toggle {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-basis: 100%;
  margin: 12px auto 4px;
  padding: 0;
  box-sizing: border-box;
  container: pbd-regions / inline-size;
}
.pbd-region-nav.country-toggle .country-toggle-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 2px;
  width: 100%;
  max-width: 560px;
  padding: 3px;
  box-sizing: border-box;
  border: 1px solid #708b93;
  border-radius: 28px;
  background: #102a30ed;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: none;
}
.pbd-region-nav.country-toggle .country-option {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 6px;
  padding: 8px clamp(3px, 1cqi, 10px);
  border: 0;
  border-radius: 22px;
  background: transparent;
  box-shadow: none;
  color: #d8e6ea;
  font: 600 1rem/1.25 system-ui, sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}
.pbd-region-nav.country-toggle .country-option .region-icon {
  display: inline;
  flex: 0 0 auto;
  font-size: 1.25rem;
  line-height: 1;
}
.pbd-region-nav.country-toggle .country-option .region-label {
  display: inline;
  min-width: 0;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
header .track-navigation a { font-size: 19.2px; }
.pbd-region-nav.country-toggle .country-option.active {
  color: #fff;
  background: #087785;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px #66d9e7;
}
.pbd-region-nav.country-toggle .country-option:hover:not(.active) { color: #fff; background: #ffffff1f; }
.pbd-region-nav.country-toggle .country-option.active:hover { background: #006571; }
.pbd-region-nav.country-toggle .country-option:focus-visible { outline: 3px solid #92edf6; outline-offset: 2px; }
.english-calendar-page .pbd-region-nav.country-toggle .country-toggle-inner { border-color: #a9bdc3; background: #f4f8fafa; }
.english-calendar-page .pbd-region-nav.country-toggle .country-option:not(.active) { color: #384d54; }
.english-calendar-page .pbd-region-nav.country-toggle .country-option:hover:not(.active) { color: #174e58; background: #dce9ec; }
.english-calendar-page .pbd-region-nav.country-toggle .country-option:focus-visible { outline-color: #004d59; }

/* Keep readable type; change orientation when the longest label cannot fit. */
@container pbd-regions (max-width: 31.25rem) {
  .pbd-region-nav.country-toggle:lang(en) .country-option {
    flex-direction: column;
    padding: 8px 0;
    border-radius: 20px;
    white-space: normal;
    text-align: center;
  }
}
@container pbd-regions (max-width: 20.625rem) {
  .pbd-region-nav.country-toggle .country-option {
    flex-direction: column;
    padding: 8px 0;
    border-radius: 20px;
    white-space: normal;
    text-align: center;
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 540px) {
    .pbd-region-nav.country-toggle:lang(en) .country-option { flex-direction: column; padding: 8px 0; white-space: normal; text-align: center; }
  }
  @media (max-width: 370px) {
    .pbd-region-nav.country-toggle .country-option { flex-direction: column; padding: 8px 0; white-space: normal; text-align: center; }
  }
}