.i18n-en { display: none !important; }
html[data-ui-lang="en"] .i18n-ko { display: none !important; }
html[data-ui-lang="en"] .i18n-en { display: inline !important; }
html[data-ui-lang="en"] div.i18n-en,
html[data-ui-lang="en"] p.i18n-en { display: block !important; }

.lang-switch {
  display: inline-flex;
  border: 1px solid rgba(17, 27, 33, 0.12);
  border-radius: 999px;
  overflow: hidden;
  flex-shrink: 0;
}
.lang-switch button {
  border: 0;
  background: #fff;
  color: #54656f;
  font-weight: 800;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  padding: 6px 11px;
  cursor: pointer;
}
.lang-switch button + button { border-left: 1px solid rgba(17, 27, 33, 0.12); }
html[data-ui-lang="ko"] .lang-switch [data-lang="ko"],
html[data-ui-lang="en"] .lang-switch [data-lang="en"] {
  background: #e8f8eb;
  color: #1f7a2d;
}

.lang-switch-dark {
  border-color: #334155;
}
.lang-switch-dark button {
  background: #1e293b;
  color: #94a3b8;
}
.lang-switch-dark button + button { border-left-color: #334155; }
html[data-ui-lang="ko"] .lang-switch-dark [data-lang="ko"],
html[data-ui-lang="en"] .lang-switch-dark [data-lang="en"] {
  background: #1e3a5f;
  color: #60a5fa;
}

@media (max-width: 900px) {
  .site-page-nav .links .lang-switch { width: 100%; }
  .site-page-nav .links .lang-switch button { flex: 1; padding: 10px 12px; }
}