.lang-select { position: relative; font-size: .82rem; }
.lang-select summary {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  cursor: pointer;
  list-style: none;
}
.lang-select summary::-webkit-details-marker { display: none; }
.lang-select summary::after { content: "▾"; margin-left: 8px; color: var(--muted); }
.lang-select summary:hover { border-color: var(--accent); }
.lang-select ul {
  position: absolute;
  right: 0;
  z-index: 30;
  min-width: 100%;
  margin: 4px 0 0;
  padding: 4px 0;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
.lang-select a { display: block; padding: 6px 12px; color: var(--fg); text-decoration: none; white-space: nowrap; }
.lang-select a:hover, .lang-select a[aria-current] { color: var(--accent); }