/* ============================================================
   英語版 Guide と JP | EN の切り替え — Phase 9-5Q.11S-U7B-1
   - 読み込むのは英語版 Guide のページと、JP | EN を出す日本語ページだけ（inc/guide-en.php）
   - 既存の khd-kft.css・guide.css は変えず、ここで足す・上書きする
   ============================================================ */

/* ---------- JP | EN（共通） ---------- */
.khd__lang { display: inline-flex; align-items: center; gap: calc(var(--fs) * 0.5); font-size: calc(var(--fs) * 0.8125); letter-spacing: .06em; color: var(--ink2); white-space: nowrap; }
.khd__lang a:hover { color: var(--ink); }
.khd__lang-on { color: var(--ink); font-weight: 500; }
.khd__lang-sep { color: var(--bd); }

/* 日本語ヘッダー: PC はログインの右隣、メニューの中の分は出さない */
.khd__lang--sheet { display: none; }

/* 日本語ヘッダー: 1000px 以下はログインと同じく帯から外し、メニューの中のログインの直後に出す */
@media (max-width: 1000px) {
  .khd:not(.khd--en) .khd__lang:not(.khd__lang--sheet) { display: none; }
  .khd__sheet > .khd__lang--sheet { display: flex; padding: calc(var(--fs) * 1) 0; border-bottom: 1px solid var(--line); font-size: calc(var(--fs) * 0.9375); color: var(--ink2); }
}

/* ---------- 英語ヘッダー（ロゴ・CONTACT・JP | EN） ---------- */
.khd--en .khd__cta { margin-left: auto; }

/* ---------- 英語フッター（ロゴ・認証画像3点・コピーライト） ---------- */
.kft--en .kft__row { border-top: 0; }
.kft--en .kft__brand { grid-column: 1 / 4; }
.kft--en .kft__certs { grid-column: 4 / 10; }
.kft--en .kft__legal { grid-column: 10 / 13; }
.kft--en .kft__legal small { margin-left: 0; }
@media (max-width: 1000px) {
  .kft--en .kft__brand, .kft--en .kft__certs, .kft--en .kft__legal { grid-column: 1 / -1; }
  .kft--en .kft__certs { margin-top: 24px; flex-wrap: wrap; }
}

/* ---------- 英語版 Guide の本文・トップ（guide.css の日本語向けの指定を英語に合わせる） ---------- */
.guide-en .kx .bc li + li::before { content: "/"; }
.guide-en .kx .ixa__top > .lab::after,
.guide-en .kx .ixa__h::after,
.guide-en .kx .idx > .lab::after { content: attr(data-n) " pages"; }
.guide-en .kx--en .ixa__s { grid-template-columns: minmax(0, 1fr); }
/* 日本語の H1（短い固定の題）向けの nowrap だと、英語の長い H1 がスマートフォンで画面からはみ出す */
.guide-en .kx .pb__h { white-space: normal; }
/* 英語の本文は左揃え（Human 承認 U7B-2）。guide.css は日本語向けに両端揃え（justify）にしており、
   英語では単語の間が広がるため。.guide-en は英語版 Guide のページにだけ付く body の class なので、
   日本語版の表示は変わらない。.kx.v3 で guide.css の最も強い指定（.v3 .op .op__body p）以上にする */
.guide-en .kx.v3 :is(p, dd, li) { text-align: left; }