/* TOWNCRAFT 解説ページの英語／日本語切り替え（2026-10-05）— 対象は <html class="tc-i18n"> のページだけ */

/* 本文は Helvetica。日本語の文字は Helvetica に無いので、続けてヒラギノ等で表示する。
   ヘッダー・ロゴ・フッターはサイト共通のまま（main の中だけ変える） */
html.tc-i18n main {
  --font-serif: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --font-sans: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  font-family: var(--font-sans);
}
html.tc-i18n main h1,
html.tc-i18n main h2,
html.tc-i18n main h3 {
  font-family: var(--font-sans);
  letter-spacing: 0.01em;
}
html.tc-i18n[data-lang="en"] main h1 { letter-spacing: -0.005em; }

/* 日本語の文は和文フォントを先にする（「——」などの約物が Helvetica で短い線2本にならないように） */
html.tc-i18n main [lang="ja"] {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 右下のボタンがページ最下部の文字に重ならないよう、フッターの下に余白を足す */
html.tc-i18n .site-footer {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
}

/* 言語の出し分け（JS が無いときは英語） */
html.tc-i18n:not([data-lang="ja"]) main [lang="ja"],
html.tc-i18n[data-lang="ja"] main [lang="en"] {
  display: none !important;
}

/* 切り替えボタン（右下・スクロールしても付いてくる） */
.tc-lang-toggle {
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 900;
  padding: 10px 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  color: var(--color-text, #3c3530);
  background: var(--color-bg, #f5f0e8);
  border: 1px solid var(--color-accent, #3c3530);
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(60, 53, 48, 0.12);
  transition: background 0.2s, color 0.2s;
}
.tc-lang-toggle:hover {
  background: var(--color-accent, #3c3530);
  color: var(--color-bg, #f5f0e8);
}
.tc-lang-toggle:focus-visible {
  outline: 2px solid var(--color-accent, #3c3530);
  outline-offset: 2px;
}
@media print {
  .tc-lang-toggle { display: none; }
}