/* 日本語ページ専用のタイポグラフィ（計畫 §3.7）。
 *
 * /ja/ ページだけ <link> で読み込む（BaseLayout が lang==='ja' のときだけ出力）。
 * public/ の静的ファイルなので Astro のバンドルを通らず、英語ページが共有する
 * CSS のハッシュを変えない＝英語ページの出力は一切変わらない。
 *
 * webfont は読み込まない：中国国内で確実に表示でき、かつ描画を速くするため、
 * OS 標準の日本語ゴシックに任せる。簡体字の原文を引用するときは
 * <span lang="zh-Hans"> で囲み、そちらは簡体字フォントに任せる。
 *
 * セレクタは :root:lang(ja) / :lang(ja)。redesign.css の :root より詳細度が
 * 1つ高いので、確実に上書きできる。 */

:root:lang(ja) {
  --yb-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo",
    "Noto Sans CJK JP", "Noto Sans JP", "Segoe UI", sans-serif;
}

/* 本文・見出しを日本語フォントスタックに寄せる。var 経由で指定している箇所は
   上の --yb-font-sans でまとめて切り替わるが、Arial 等を直接書いている表組み
   （.ybtable）は CJK グリフを持たないので明示的に上書きする。 */
html:lang(ja),
html:lang(ja) body {
  font-family: var(--yb-font-sans);
}
:lang(ja) .ybtable,
:lang(ja) table.ybtable,
:lang(ja) .yb-facts-table,
:lang(ja) .yb-bench-table {
  font-family: var(--yb-font-sans);
}

/* 日本語は単語区切りの空白がない。既定の word-break だと狭い欄で不自然に切れたり
   溢れたりするので、禁則を効かせつつ、長い英数字トークンだけ折り返す。 */
:lang(ja) {
  line-break: strict;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 見出しは行間を少し詰め、禁則で行頭に句読点が来ないようにする。 */
:lang(ja) h1,
:lang(ja) h2,
:lang(ja) h3,
:lang(ja) h4 {
  line-break: strict;
}

/* ── 機械翻訳の注記（JaDisclaimer.astro）───────────────────────────────
   scoped <style> は共用 CSS バンドルのハッシュを変え、英語ページの出力まで
   変えてしまうため、ここ（/ja/ だけで読み込む静的 CSS）に置く。 */
.yb-ja-disclaimer {
  margin: 0 0 1.75rem;
  padding: 0.85rem 1.1rem;
  border: 1px solid #e3e1ef;
  border-left: 3px solid #b9aee6;
  border-radius: 8px;
  background: #faf9ff;
  color: #44485c;
  font-size: 0.86rem;
  line-height: 1.75;
}
.yb-ja-disclaimer-text { margin: 0; }
.yb-ja-disclaimer-links { margin: 0.5rem 0 0; font-size: 0.85rem; }
.yb-ja-disclaimer-links a { color: #31198c; font-weight: 600; text-decoration: none; }
.yb-ja-disclaimer-links a:hover { text-decoration: underline; }
.yb-ja-disclaimer-sep { margin: 0 0.6rem; color: #9aa0b4; }
.yb-ja-disclaimer--short { font-size: 0.82rem; color: #5b6472; }

/* 旧・言語切り替えリンクの色。言語セレクタ本体のスタイルは eryi-main.css 側にある
   （英語ページの HTML を変えずに全ページへ適用するため）。 */
.yb-lang-switch { color: #5b6472 !important; }
.yb-lang-switch:hover { color: #31198c !important; }

/* ── 日本語ナビゲーション：日本語ラベルは英語より横に長く、共通ヘッダー右端の
   主 CTA（紫ボタン）が 1280–1536px の一般的なデスクトップ幅で見切れていた。
   ja.json のラベル短縮に加え、/ja/ だけここで間隔をわずかに詰める。
   #yb-nav.fixed-top で詳細度を上げ、<link> の読み込み順に関係なく共通 nav CSS を上書きする
   （英語ページは ja.css を読まないので一切影響しない）。 */
html:lang(ja) #yb-nav.fixed-top .yb-nav-link { padding-left: 0.5rem; padding-right: 0.5rem; }
html:lang(ja) #yb-nav.fixed-top .yb-cta { padding-left: 0.72rem; padding-right: 0.72rem; font-size: 0.9rem; }
html:lang(ja) #yb-nav.fixed-top .yb-login { padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; }