/* Language navigation: plain links, no cookies or language tracking. */
.language-switch { display: inline-flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid #ffffff30; border-radius: 99px; background: #080d16; flex-shrink: 0; }
.language-switch a { display: grid; place-items: center; min-width: 39px; min-height: 36px; padding: 4px 9px; border-radius: 99px; color: #cdd4df; font-size: .78rem; font-weight: 850; text-decoration: none; }
.language-switch a[aria-current="page"] { color: #061016; background: #ffd216; }
.language-switch a:hover { color: #061016; background: #dce7f4; }
.language-switch a:focus-visible { outline: 3px solid #31b9ff; outline-offset: 3px; }
.site-header { gap: 20px; }
.site-header .main-nav { gap: 18px; margin-left: auto; }
.site-header .language-switch { margin-left: 0; }
.site-header .brand__logo { max-width: 220px; }
.edition-note { max-width: 72ch; margin: 24px 0 0; padding: 16px 20px; border-left: 3px solid #ffd216; border-radius: 0 10px 10px 0; color: #e2e6ee !important; background: #ffd2160c; font-size: .95rem; }
.legal-page .language-switch { display: flex; width: fit-content; margin: -60px 0 28px auto; }
.legal-card h2 { line-height: 1.3; overflow-wrap: anywhere; }
.legal-card h1 { overflow-wrap: anywhere; }
html[lang="en"] .hero h1 { font-size: clamp(3rem,6.3vw,6rem); }
@media (min-width:981px) and (max-width:1180px) { .site-header { padding-inline: 18px; gap: 12px; } .site-header .brand__logo { max-width: 150px; } .site-header .main-nav { gap: 12px; } .main-nav a { font-size: .77rem; } }
@media (max-width:980px) { .site-header .main-nav { margin-left: 0; gap: 0; } .site-header .language-switch { margin-left: auto; order: 2; } .site-header .menu-toggle { order: 3; } .site-header .brand { order: 0; } }
@media (max-width:640px) { .site-header { gap: 8px; } .site-header .brand__logo { max-width: 145px; height: 38px; } .language-switch a { min-width: 33px; min-height: 34px; padding: 3px 6px; } html[lang="en"] .hero h1 { font-size: clamp(2.6rem,12vw,4.8rem); } .hero-tabs { flex-wrap: wrap; justify-content: center; } .edition-note { text-align: left; } }
@media (max-width:360px) { .site-header { padding-inline: 10px; } .site-header .brand__logo { max-width: 120px; } }