/* Language switcher — shared by index and document pages */
.langbar { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.langbar button { font: inherit; font-size: 13px; line-height: 1.4; padding: 6px 14px; border: 1px solid #d2d2d7; border-radius: 980px; background: transparent; color: #6e6e73; cursor: pointer; transition: all 0.2s; }
.langbar button:hover { border-color: #0071e3; color: #0071e3; }
.langbar button[aria-current="true"] { background: #0071e3; border-color: #0071e3; color: #fff; }

[data-lang] { display: none; }
html[data-active="ko"] [data-lang="ko"],
html[data-active="en"] [data-lang="en"],
html[data-active="ja"] [data-lang="ja"] { display: revert; }

@media (prefers-color-scheme: dark) {
  .langbar button { border-color: #48484a; color: #aeaeb2; }
  .langbar button:hover { border-color: #3a9ded; color: #3a9ded; }
  .langbar button[aria-current="true"] { background: #3a9ded; border-color: #3a9ded; color: #fff; }
}