.language-switch { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; }
.language-switch a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 4px 8px; border-radius: 10px; font-size: .875rem; font-weight: 700; color: #c5d8d9; text-decoration: none; }
.language-switch a[aria-current="page"] { color: #43ffe0; background: #123c42; }
.language-switch a:hover { color: white; background: #16464c; }
.language-switch a:focus-visible { outline: 2px solid #43ffe0; outline-offset: 2px; }
.guide-header > nav:not(.language-switch) { margin-left: auto; }
.guide-header .language-switch { gap: 2px; }
@media (max-width: 800px) { .site-header .menu-button { margin-left: auto; margin-right: 8px; } }
@media (max-width: 520px) {
  .guide-header > .language-switch { width: auto; margin-left: auto; }
  .guide-header > nav:not(.language-switch) { order: 3; width: 100%; }
  .site-header { padding-inline: 12px; }
  .site-header .brand { gap: 5px; font-size: 1.1rem; }
  .site-header .brand img { width: 36px; height: 36px; }
}
