.language-switcher { position: relative; flex: 0 0 auto; margin-inline-start: 12px; font: 500 12px/1.5 Manrope, system-ui, sans-serif; color: inherit; }
.language-switcher summary { cursor: pointer; padding: 10px 8px; border-radius: 6px; white-space: nowrap; }
.language-switcher summary:focus-visible, .language-switcher a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.language-switcher nav { position: absolute; inset-inline-end: 0; top: 100%; min-width: 205px; max-height: 70vh; overflow-y: auto; padding: 8px; background: #fff; color: #08090b; border: 1px solid #dedee2; border-radius: 10px; box-shadow: 0 12px 35px #08090b20; z-index: 100; }
.language-switcher nav a { display: block; padding: 9px 12px; text-decoration: none; color: inherit; border-radius: 5px; }
.language-switcher nav a:hover, .language-switcher nav a[aria-current] { background: #f0f0f3; }
html:not([lang="pt-BR"]) .main-nav { gap: clamp(9px, 1.5vw, 24px); }
html:not([lang="pt-BR"]) .hero-title { overflow-wrap: anywhere; }
html:lang(hi), html:lang(zh), html:lang(ja), html:lang(ru) { font-family: Manrope, system-ui, sans-serif; }
html:lang(hi) h1, html:lang(hi) h2 { line-height: 1.3; }
@media (max-width: 1050px) { .language-switcher { margin-inline-start: 0; font-size: 11px; } html:not([lang="pt-BR"]) .main-nav { gap: 10px; } }
@media (max-width: 760px) { .language-switcher { margin-inline-start: auto; } .language-switcher summary { max-width: 145px; overflow: hidden; text-overflow: ellipsis; } .language-switcher nav { min-width: 205px; } }