.header-actions .language-switcher { position: static; display: inline-flex; flex-direction: row; align-items: center; gap: 1px; padding: 3px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); flex: 0 0 auto; box-shadow: none; }
.language-switcher a { display: inline-flex; min-width: 31px; min-height: 32px; padding: 6px; align-items: center; justify-content: center; border-radius: 999px; font-size: 10px; font-weight: 700; line-height: 1; color: var(--muted); text-decoration: none; }
.language-switcher a[aria-current="true"] { background: var(--text); color: var(--bg); }
.language-switcher a:hover { color: var(--accent-text); }.language-switcher a[aria-current="true"]:hover { color: var(--bg); }
.language-switcher a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
html[lang="en"] .hero-foot>a { letter-spacing: .035em; }
html[lang="en"] .join-page .page-title { overflow-wrap: normal; }
@media(max-width:1100px) and (min-width:801px) { header nav { gap: 17px; } header .header-actions { gap: 6px; }.language-switcher a { min-width: 26px; padding-inline: 4px; } }
@media(max-width:800px) { .header-actions .language-switcher { padding: 2px; }.language-switcher a { min-width: 25px; min-height: 29px; padding: 5px 4px; font-size: 9px; } header .header-actions { gap: 5px; } }
@media(max-width:600px) { header .header-actions .button.small { display: none; } }
@media(max-width:400px) { header .header-actions { gap: 4px; }.language-switcher a { min-width: 24px; font-size: 8px; } header .brand,header .brand img { width: 78px; } }