/* Shared locale control on editorial pages and the account dashboard. */
.mvpn-locale-switch { position: fixed; right: 16px; top: 12px; z-index: 1000; font: 14px system-ui, sans-serif; }
.mvpn-locale-switch button { padding: 9px 13px; border-radius: 10px; border: 1px solid #39516e; background: #101d33; color: #f4f7ff; cursor: pointer; }
.mvpn-locale-switch [data-mvpn-lang-list] { margin-top: 6px; padding: 5px; border-radius: 12px; background: #101d33; box-shadow: 0 8px 24px #0008; max-height: 75vh; overflow-y: auto; }
.mvpn-locale-switch .lang-item { display: block; width: 100%; text-align: start; border: 0; }
.mvpn-locale-switch .lang-item:hover, .mvpn-locale-switch .lang-item:focus-visible { background: #243d62; }
:lang(zh) { font-family: Manrope, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif; }
@media (max-width: 600px) { .mvpn-locale-switch { top: auto; bottom: 16px; right: 12px; } .mvpn-locale-switch [data-mvpn-lang-list] { position: absolute; bottom: 44px; right: 0; min-width: 175px; } }

/* Translated navigation labels remain readable on narrow phones. */
@media (max-width: 600px) {
  .topbar .nav { flex-wrap: wrap; }
  .topbar .nav-side { flex: 1 1 260px; flex-wrap: wrap; max-width: 100%; }
  .topbar .nav-install { max-width: none; white-space: normal; overflow: visible; }
}