/* Language: a bar across the top of the home page with the three languages by name, and
   the same three in the footer. Owner, 2026-10-06: "we need to put the languange flags
   more visible for other languanges to see them". Until then the switch sat among the
   header links as EN PT PL and, below 1100px, only inside the menu. */
.lang-bar{background:#0e150f;border-bottom:1px solid var(--line)}
.lang-bar .wrap{display:flex;justify-content:flex-end}
.lang-switch{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.lang-switch a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border-bottom:2px solid transparent;font:600 13px/1 var(--body);color:var(--vellum-2)}
.lang-switch a:hover{color:var(--brass)}
.lang-switch a[aria-current="page"]{color:var(--vellum);border-bottom-color:var(--brass)}
.lang-switch a:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}
.lang-switch svg{display:block;flex:none;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.site-nav .nav-links a,.site-nav .nav-actions a{white-space:nowrap}
.site-footer .lang-switch{margin:0 0 16px -12px}
.site-footer .lang-switch a{min-height:44px}
/* The navigation folds into the menu at 1100px, as it has since the language pages came
   (their labels run longer than the English ones). */
@media(max-width:1100px){
  .site-nav .nav-links{display:none}
  .site-nav .nav-actions{margin-left:auto}
  .site-nav .nav-actions>a:not(.button){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}
}
@media(max-width:680px){
  .site-nav .mobile-menu nav{inset:73px 0 auto}
  .lang-bar .wrap{justify-content:center}
}
@media(max-width:380px){
  .lang-switch a{gap:6px;padding:8px;font-size:12px}
}