/* lang（言語の切り替え。訳が公開されている投稿・固定ページの本文の頭）。値は tokens-nettoge.css の --ntg2-*。
   枠全体の薄い札。左だけの太線は使わない。2026-10-09 */
.ntg-lang {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 1.25em;
}
.ntg-lang__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  padding: 0.4em 0.95em;
  border: 1px solid var(--ntg2-line, #d8dce2);
  border-radius: 999px;
  background: var(--ntg2-paper-2, #f5f6f8);
  color: var(--ntg2-text, #222);
  font-size: 0.86em;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}
.ntg-lang__link:hover,
.ntg-lang__link:focus-visible {
  border-color: var(--ntg2-accent, #2a6df4);
  color: var(--ntg2-accent, #2a6df4);
}
.ntg-lang__arrow {
  font-weight: 700;
}
@media (max-width: 599px) {
  .ntg-lang {
    justify-content: flex-start;
  }
}

/* 記事一覧の「続きを読む »」。SWELL が設定（post_list_read_more）から CSS に書いて 30 日の transient に入れる物で、
   言語ごとに変えられないので、英語のページ（body.ntg-lang-en）だけここで英語にする */
.ntg-lang-en .-type-list2 .p-postList__body::after,
.ntg-lang-en .-type-big .p-postList__body::after {
  content: "Read more »";
}