/*
 * lang：構造だけ
 * 受ける変数：--part-fg / --part-bg / --part-line / --part-accent / --part-accent-fg / --part-focus
 */
.part-lang {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--part-line, #cfcfcf);
  border-radius: 999px;
  background: var(--part-bg, #fff);
}

.part-lang__button {
  min-height: 34px;
  padding: 4px 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--part-fg, #222);
  font: inherit;
  font-size: 0.85em;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}

.part-lang__button[aria-pressed="true"] {
  background: var(--part-accent, #333);
  color: var(--part-accent-fg, #fff);
}

.part-lang__button:focus-visible {
  outline: 2px solid var(--part-focus, #1a1a1a);
  outline-offset: 2px;
}

/* その言語のときだけ出す */
html:not([data-site-lang="en"]) [data-lang-show="en"],
html[data-site-lang="en"] [data-lang-show="ja"] {
  display: none !important;
}