/* ============================================================
   BEA language switch — globe + target language (Option A)
   One quiet control in the nav: a globe icon + the language you
   can switch to. English is the default on every page.
   Also hides the legacy in-page toggles it replaces.
   ============================================================ */

.bea-lang{
  display:inline-flex; align-items:center; gap:5px; flex:none;
  margin-left:18px;
  font-family:inherit; font-size:13px; font-weight:500;
  letter-spacing:.02em; line-height:1; text-decoration:none;
  color:var(--muted, #6b7280);
  transition:color .2s;
}
.bea-lang svg{
  width:16px; height:16px; display:block;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}
.bea-lang:hover{ color:var(--ink, #1f2a37); }
.bea-lang.disabled{ color:#c4bfb4; cursor:default; }
.bea-lang.disabled:hover{ color:#c4bfb4; }

@media(max-width:640px){
  .bea-lang{ margin-left:12px; font-size:12px; }
  .bea-lang svg{ width:15px; height:15px; }
}

/* Legacy in-page toggles are superseded by this switch */
.lang-toggle{ display:none !important; }
.page-lang-toggle{ display:none !important; }

/* ---- Nav refinements ---- */
/* Desktop: lighten the secondary links a touch so the Free Test CTA owns the right edge.
   (More specific than the per-page inline rule, so it wins without !important.) */
@media (min-width: 821px){
  .site-nav .nav-inner .nav-links a:not(.nav-cta){ font-size: 11px; letter-spacing: .12em; }
  /* Make the Free Test CTA more compact so it doesn't dominate the bar */
  .site-nav .nav-inner .nav-links a.nav-cta{ font-size: 11px; padding: 8px 17px; letter-spacing: .1em; }
}

/* Mobile: keep the globe switch beside the hamburger, outside the collapsing menu */
@media (max-width: 820px){
  .site-nav .nav-inner .logo{ order: 1; }
  .site-nav .nav-inner .bea-lang{ order: 2; margin-left: auto; margin-right: 14px; }
  .site-nav .nav-inner .nav-toggle{ order: 3; margin-left: 0; }
}