.lang-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  margin: 0 0 16px;
  font-size: 0.85rem;
}
.lang-bar label { color: #5f6368; margin-inline-end: 4px; }
.lang-bar a {
  color: #1a73e8;
  text-decoration: none;
  padding: 2px 6px;
  border-radius: 4px;
}
.lang-bar a:hover { background: #e8f0fe; }
.lang-bar a.active {
  background: #1a73e8;
  color: #fff;
}
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] ul { padding-right: 1.25rem; padding-left: 0; }