/* Quiet country correction in the logo row; learning navigation stays prominent. */
.site-header { z-index: 3; }
.site-header .header-row { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 12px; }
.site-header .wrap { position: relative; }
.site-header .site-nav { width: 100%; }
.site-header .site-nav ul { justify-content: center; }
.country-switcher { position: static; flex: none; font-family: var(--font-body, system-ui, sans-serif); color: #565d70; }
.country-switcher summary { display: flex; align-items: center; justify-content: flex-end; gap: 6px; cursor: pointer; min-height: 44px; padding: 0 2px 0 10px; list-style: none; font-size: 13px; font-weight: 450; }
.country-switcher summary::-webkit-details-marker { display: none; }
.country-switcher summary:hover, .country-switcher[open] summary { color: var(--ink, #1b1f3b); }
.country-switcher[open] summary > svg:last-child { transform: rotate(180deg); }
.country-switcher summary:focus-visible, .country-choice:focus-visible { outline: 2px solid var(--brand, #3852cc); outline-offset: 3px; }
.country-menu { position: absolute; z-index: 20; top: calc(100% + 10px); right: 20px; width: 244px; max-width: calc(100vw - 40px); background: white; border: 1px solid #e7e7ec; border-radius: 12px; padding: 8px; box-shadow: 0 8px 28px #1b1f3b16; text-align: left; }
.country-menu .country-menu-label { margin: 3px 9px 6px; color: #6a7080; font-size: 11px; font-weight: 500; line-height: 1.6; }
.country-menu .country-choice { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 46px; padding: 8px 10px; border-radius: 7px; color: var(--ink, #1b1f3b); font-size: 13px; font-weight: 450; line-height: 1.4; text-decoration: none; box-sizing: border-box; }
.country-choice.is-current, .country-choice:hover { background: #f6f6f8; }
.country-choice .choice-check { margin-left: auto; color: #525a70; font-size: 14px; }
.country-sub { display: block; margin-top: 2px; color: #697083; font-size: 11px; font-weight: 400; }
/* Printables keep the compact control in their existing screen-only toolbar. */
.toolbar { position: relative; }
.toolbar .country-switcher { margin-left: auto; }
.toolbar .country-menu { right: 0; }
.toolbar .country-menu a { color: #1b1f3b; }
/* The footer offers the same choice on both sites, opening above the page edge. */
.country-switcher-footer { position: relative; width: max-content; margin: 0 0 12px; }
.country-switcher-footer summary { justify-content: flex-start; padding-left: 0; }
.country-switcher-footer .country-menu { top: auto; bottom: calc(100% + 8px); left: 0; right: auto; }
@media (max-width: 700px) {
  .site-header .header-row { gap: 8px; }
  .site-header .logo { font-size: 1.03rem; gap: 5px; }
  .site-header .logo-mascot { width: 32px; height: 38px; }
  .country-switcher summary { font-size: 12px; gap: 5px; padding-left: 4px; }
  .country-switcher summary > svg:first-child { width: 14px; height: 14px; }
  .country-menu { width: 238px; }
}
@media print { .country-switcher { display: none; } }