/* ============================================================
   lang.css — 外国語ページ専用の上書き
   /en/ /zh/ /ko/ の各ページで、layout.css の後に読み込む。
   日本語ページでは読み込まないこと。

   【書体について】
   Shippori Mincho B1 はハングルと簡体字・一部の繁体字を持っていません。
   そのまま使うと環境依存のフォントに落ちて、明朝で作った格が崩れます。
   そのため中国語・韓国語ページに限り、同じ役割（明朝＝見出し／ゴシック＝本文）
   を担う Noto Serif・Noto Sans に差し替えています。
   これは「書体は2つだけ」の例外ではなく、同じ2役を各言語の字形で用意する措置です。
   ============================================================ */

/* --- 繁体中文 -------------------------------------------- */
html[lang^="zh"]{
  --mincho:"Noto Serif TC","Shippori Mincho B1",serif;
  --gothic:"Noto Sans TC","Zen Kaku Gothic New",sans-serif;
}

/* --- 한국어 ---------------------------------------------- */
html[lang^="ko"]{
  --mincho:"Noto Serif KR","Shippori Mincho B1",serif;
  --gothic:"Noto Sans KR","Zen Kaku Gothic New",sans-serif;
}

/* --- English ---------------------------------------------
   和文用の字間（.1〜.22em）はラテン文字には広すぎる。
   見出しだけ詰め、ラベル類（.eyebrow など）は広いまま残す。 */
html[lang^="en"] .sec-title,
html[lang^="en"] .page-hero__ttl,
html[lang^="en"] .prose h2,
html[lang^="en"] .prose h3,
html[lang^="en"] .duo__body h3,
html[lang^="en"] .cat__ttl,
html[lang^="en"] .menu__name,
html[lang^="en"] .shop__in h2,
html[lang^="en"] .course__name{letter-spacing:.01em}
html[lang^="en"] .lead,
html[lang^="en"] .prose p,
html[lang^="en"] .pillar p,
html[lang^="en"] .menu__desc,
html[lang^="en"] .dl dt,
html[lang^="en"] .dl dd,
html[lang^="en"] .plist dt{letter-spacing:0;line-height:1.95}
html[lang^="en"] .course__name{font-size:24px}
html[lang^="en"] .brand{letter-spacing:.14em}

/* --- 中国語・韓国語の字間 --------------------------------
   和文より字幅が広く出るため、見出しの字間をわずかに詰める。
   nowrap には依存させない（折り返しで逃がす）。 */
html[lang^="zh"] .sec-title,
html[lang^="ko"] .sec-title,
html[lang^="zh"] .page-hero__ttl,
html[lang^="ko"] .page-hero__ttl{letter-spacing:.06em}
html[lang^="zh"] .nav,
html[lang^="ko"] .nav{letter-spacing:.08em}   /* gap は日本語版と同じ 24px でよい */
html[lang^="zh"] .lead,
html[lang^="ko"] .lead{letter-spacing:.02em}

/* --- ページヘッダーの下に置く一文 ------------------------ */
.page-hero__lead{
  font-size:13px;line-height:2;color:var(--ash);
  margin-top:16px;max-width:34em;
}

/* --- スマホの文字サイズ ----------------------------------
   考え方は base.css の同名ブロックを参照。 */
@media(max-width:700px){
  .page-hero__lead{font-size:15px}
}