/* Nút chuyển ngôn ngữ.
   Tách riêng khỏi style.css vì đây là phần thêm vào khi khoá học chuyển sang
   song ngữ; trang nào chưa có bản dịch thì không nạp file này.

   Mỗi trang trỏ thẳng tới trang tương ứng ở ngôn ngữ kia bằng một liên kết
   TĨNH. Không dùng JS và không có bảng ánh xạ nào để lệch: nếu một trang chưa
   có bản dịch thì nó đơn giản là không có nút ấy. */

.lang-switch {
  display: inline-flex;
  margin-left: 4px;
  border: 1px solid var(--border);
  border-radius: 999px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1;
}

.lang-switch a {
  padding: 6px 11px;
  color: var(--muted);
  background: var(--surface);
}

.lang-switch a:hover {
  color: var(--text);
  text-decoration: none;
  background: var(--surface-2);
}

.lang-switch a[aria-current="true"] {
  background: var(--primary);
  color: #fff;
  font-weight: 600;
}

/* Màn hình hẹp: header đã wrap sẵn, bỏ lề trái để nút không bị lệch hàng. */
@media (max-width: 640px) {
  .lang-switch { margin-left: 0; }
}