/* Language switch: English, Portuguese (Brazil), Polish. Quiet by design; the page's one loud thing is the headline. */
.lang-switch{display:flex;align-items:center;gap:2px}
.lang-switch a{display:inline-flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid transparent;border-radius:6px;font:600 12px/1 var(--body);letter-spacing:.08em;color:var(--vellum-3)}
.lang-switch a:hover{color:var(--vellum)}
.lang-switch a[aria-current="page"]{color:var(--vellum);border-color:rgba(237,199,109,.5)}
.lang-switch a:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.lang-switch svg{display:block;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.site-nav .nav-links a,.site-nav .nav-actions a{white-space:nowrap}
.site-footer .lang-switch{margin-bottom:16px}
.site-footer .lang-switch a{min-height:44px}
.language-note{margin:10px 0 0;font-size:13px;color:var(--vellum-3)}
/* With the switch in the header the navigation needs more room, so it folds into the menu
   at 1100px instead of 900px. Same rules the site already uses for its menu. */
@media(max-width:1100px){
  .site-nav .nav-links{display:none}
  .site-nav .nav-actions{margin-left:auto}
  .site-nav .nav-actions>a:not(.button),.site-nav .nav-actions>.lang-switch{display:none}
  .site-nav .mobile-menu{display:block}
  .site-nav .mobile-menu summary{list-style:none;display:grid;place-items:center;width:29px;height:36px;cursor:pointer}
  .site-nav .mobile-menu summary::-webkit-details-marker{display:none}
  .site-nav .mobile-menu>summary svg{width:22px;height:22px;stroke:var(--vellum);stroke-width:1.5;fill:none}
  .site-nav .mobile-menu nav{position:absolute;inset:83px 0 auto;display:flex;flex-direction:column;gap:0;padding:20px;background:#111910;border-bottom:1px solid var(--line);box-shadow:0 20px 40px #0008}
  .site-nav .mobile-menu nav a{padding:11px;font-size:15px}
  .site-nav .mobile-menu .lang-switch{display:flex;gap:6px;margin-top:6px;padding:10px 4px 2px;border-top:1px solid var(--line)}
  .site-nav .mobile-menu .lang-switch a{min-height:44px;padding:11px 12px;font-size:14px}
  .site-nav .mobile-menu .lang-switch svg{width:20px;height:14px;stroke:none;stroke-width:0;fill:initial}
}
@media(max-width:680px){.site-nav .mobile-menu nav{inset:73px 0 auto}}
@media(min-width:1101px){.site-nav .mobile-menu .lang-switch{display:none}}
/* Flags without their letters while the header is tight. Portuguese and Polish labels run
   longer than the English ones, so those pages stay compact for longer. */
@media(min-width:1101px) and (max-width:1180px){.site-nav .nav-actions>.lang-switch a{padding:7px 5px;font-size:0;gap:0}}
@media(min-width:1101px) and (max-width:1340px){
  :root:not([lang="en"]) .site-nav .nav-actions>a:not(.button){display:none}
  :root:not([lang="en"]) .site-nav .nav-actions>.lang-switch a{padding:7px 5px;font-size:0;gap:0}
}