/* Direct language choices share the navigation's dark background. */
.site-language{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0;min-width:0;max-width:100%;margin-left:.4rem;flex:0 0 auto}
.site-language .site-language-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;min-height:44px;margin:0;padding:8px 6px;border:0;border-radius:4px;background:transparent;color:#fff;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;box-shadow:none;cursor:pointer;transform:none}
.site-language .site-language-button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.site-language .site-language-button:hover{background:#ffffff15;color:#fff}
.site-language .site-language-button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.site-language .site-language-button:disabled{cursor:default;opacity:.65}
.site-language-standalone{padding:.4rem .8rem;background:#102a43;margin:0}
.site-language-error{margin:.5rem;padding:.75rem;background:#fff4d6;color:#664600;overflow-wrap:anywhere}
@media(min-width:768px) and (max-width:1200px){body>.site-header{flex-wrap:wrap;height:auto;gap:8px}.site-header>.top-nav{flex:1 1 100%;min-width:0;max-width:100%;flex-wrap:nowrap;justify-content:flex-end}.site-header>.top-nav>a,.site-header>.top-nav>.menu>summary{font-size:13px;padding:10px 8px}}
html[lang=en] button,html[lang=zh-CN] button{overflow-wrap:anywhere}
@media(max-width:767px){.site-header:not(.mobile-nav-ready){flex-wrap:wrap}.site-header .brand{min-width:0}.site-header .site-language{margin-left:0;justify-self:end}}
/* Keep Settings and language choices on the same row in the mobile menu. */
@media(max-width:767px){
  .site-header.mobile-nav-ready .top-nav{grid-template-columns:minmax(0,1fr) auto!important}
  .site-header.mobile-nav-ready .top-nav>a,.site-header.mobile-nav-ready .top-nav>.menu{grid-column:1/-1}
  .site-header.mobile-nav-ready .top-nav>.settings-menu{grid-column:1}
  .site-header.mobile-nav-ready .top-nav>.site-language{grid-column:2;align-self:start}
  .site-header.mobile-nav-ready .settings-menu .menu-panel{width:calc(100vw - 24px);max-width:none}
}
@media(max-width:480px){body>.site-header.mobile-nav-ready{gap:6px}.site-header.mobile-nav-ready .mobile-page-title{display:none}.site-header.mobile-nav-ready .brand{font-size:16px}.site-header.mobile-nav-ready .mobile-menu-toggle{min-width:44px;padding:8px}.site-header.mobile-nav-ready .mobile-menu-label{display:none}}
@media print{.site-language{display:none!important}}
