.language-switcher { display: inline-flex; gap: 4px; margin-left: 4px; }
.language-switcher a { padding: 6px 7px; border-radius: 8px; font-size: 13px; }
.language-switcher a.active { background: var(--mint); color: var(--ink); font-weight: 800; }
.translation-panel { margin: 18px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #f8fbf9; }
.translation-panel summary { cursor: pointer; font-weight: 800; }
.translation-panel[open] summary { margin-bottom: 18px; }
@media (max-width: 560px) {
  .topbar { height: auto; min-height: 74px; gap: 10px; }
  .topbar nav { flex-wrap: wrap; justify-content: flex-end; padding: 8px 0; }
  .language-switcher { width: 100%; justify-content: flex-end; }
}