.site-header { gap: 18px; }
.site-header .nav-links { margin-left: auto; }
.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  padding: 3px;
  border: 1px solid rgba(255, 157, 66, .4);
  border-radius: 999px;
  font-size: .8rem;
  line-height: 1.4;
  color: #fff7ed;
  background: rgba(7, 5, 4, .78);
}
.language-switch a { padding: 7px 10px; border-radius: 999px; color: inherit; text-decoration: none; }
.language-switch a[aria-current="page"] { color: #17100a; background: #ff9d42; font-weight: 700; }
.language-switch a:hover { text-decoration: underline; }
.language-switch a:focus-visible { outline: 2px solid #fff7ed; outline-offset: 3px; }
.topbar { flex-wrap: wrap; gap: 12px; }
.topbar .language-switch { margin-left: auto; }
@media (max-width: 900px) {
  .site-header { gap: 10px; }
  .language-switch a { padding: 7px; }
}
@media (max-width: 360px) {
  .site-header .logo { font-size: .85rem; }
}