/* The language menu — the globe at the end of the company header on every page and every width
   (lang.js remembers the pick and closes it). */
.lang{position:relative;flex-shrink:0;margin-left:12px;font-family:Manrope,system-ui,sans-serif}
.lang summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;list-style:none;cursor:pointer;font-size:15px;font-weight:500;color:#B8B0C6}
.lang summary::-webkit-details-marker{display:none}
.lang summary:hover,.lang[open] summary{color:#F2ECF9}
.lang summary:focus{outline:none}
.lang summary:focus-visible{outline:2px solid #C98BFF;outline-offset:4px;border-radius:8px}
.lang ul{position:absolute;right:0;top:100%;z-index:20;min-width:180px;margin:6px 0 0;padding:8px;list-style:none;border-radius:18px;background:#17121F;border:1px solid #3A3048;box-shadow:0 24px 48px -24px rgba(0,0,0,.8)}
.lang li{margin:0}
.lang a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;font-size:15px;font-weight:500;color:#F2ECF9;text-decoration:none}
.lang a:hover{background:#1B1525;color:#F2ECF9}
.lang a[aria-current]{background:#2A2236;font-weight:700}
/* On a phone the header that holds it keeps one row: the menu takes no extra gap, and the legal
   pages' header (brand, «← Via», menu) doesn't wrap. */
@media (max-width:640px){
  .lang{margin-left:0}
  header.top{flex-wrap:nowrap;gap:12px}
}