/* ============================================================================
   intl-system.css — 영문 조판 체계를 쓰는 다른 언어의 **언어별 차이만** (2026-09-24)

   영문 체계(en-system.css 등급 + pages/en/<쪽>.css 등급 연결)는 _i18n/sys.php 가 선택자만 그 언어로 바꿔 싣는다.
   → 같은 등급이면 모든 언어가 같은 크기·굵기다(크기 사다리 54/46/40/32/26/20/18/16/14).
   여기서는 문자 체계 때문에 달라야 하는 것만 등급 변수로 덮는다. 선택자·크기는 건드리지 않는다.
   render.php 가 변환본 en-system 바로 뒤에 싣는다(특이도가 같아 뒤에 온 이쪽이 이긴다).

   · 기본 글꼴(--en-sans): _i18n/webfont.js · intl.css body 기본값과 같은 목록이다. 세 곳을 같이 고친다.
   · 태국어·아랍어: 글자 위아래 기호가 높아 영문 행간으로는 줄끼리 닿는다 → 행간을 늘린다.
     자간은 0 — 아랍 글자는 자간을 주면 글자 이음이 끊긴다(fit.js 14 와 같은 이유).
   · 중국어·일본어: 제목의 음수 자간만 뺀다. 행간은 영문 값 그대로 — 본문 1.8 등으로 늘렸더니 영문 기준으로 맞춘 칸 높이·사진 자리를
     넘겨 넘침이 늘었다(2026-09-24 15쪽 실측: ja 39→28 · zh-TW 44→20 건, 뺀 쪽이 적다). 태국·아랍은 반대로 늘린 쪽이 적었다.
   · 베트남어: 성조 부호가 위아래로 쌓여 좁은 제목 행간에서 윗줄 부호와 닿는다 → 제목 행간만 조금 늘린다.
   ========================================================================== */

html#tgi-doc[data-tgi-lang="id"],html#tgi-doc[data-tgi-lang="vi"],
html#tgi-doc[data-tgi-lang="ru"],html#tgi-doc[data-tgi-lang="mn"]{
  --en-sans:'Noto Sans','NanumBG','Noto Sans KR',sans-serif;
}

html#tgi-doc[data-tgi-lang="vi"]{
  --en-display-lh:1.26; --en-h1-lh:1.28; --en-h2-lh:1.30; --en-kicker-lh:1.32;
}

html#tgi-doc[data-tgi-lang="th"]{
  --en-sans:'Noto Sans Thai','Noto Sans','NanumBG','Noto Sans KR',sans-serif;
}
html#tgi-doc[data-tgi-lang="ar"]{
  --en-sans:'Noto Sans Arabic','Noto Sans','NanumBG','Noto Sans KR',sans-serif;
}
html#tgi-doc[data-tgi-lang="th"],html#tgi-doc[data-tgi-lang="ar"]{
  --en-display-lh:1.40; --en-h1-lh:1.40; --en-h2-lh:1.42; --en-kicker-lh:1.45;
  --en-h3-lh:1.50;      --en-h4-lh:1.55; --en-lead-lh:1.75; --en-body-lh:1.80; --en-caption-lh:1.70;
  --en-card-lh:1.55;    --en-btn-lh:1.40; --en-circ-lh:1.35;
  --en-display-ls:normal; --en-h1-ls:normal; --en-h2-ls:normal;
}
html#tgi-doc[data-tgi-lang="ar"]{ --en-eyebrow-ls:normal; --en-ba-ls:normal }

html#tgi-doc[data-tgi-lang="ja"]{
  --en-sans:'Noto Sans','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic',YuGothic,Meiryo,'Noto Sans CJK JP','Noto Sans JP','NanumBG',sans-serif;
}
html#tgi-doc[data-tgi-lang="zh-CN"]{
  --en-sans:'Noto Sans','PingFang SC','Microsoft YaHei','Hiragino Sans GB','Noto Sans CJK SC','Noto Sans SC','NanumBG',sans-serif;
}
html#tgi-doc[data-tgi-lang="zh-TW"]{
  --en-sans:'Noto Sans','PingFang TC','Microsoft JhengHei','Noto Sans CJK TC','Noto Sans TC','NanumBG',sans-serif;
}
html#tgi-doc:is([data-tgi-lang="ja"],[data-tgi-lang="zh-CN"],[data-tgi-lang="zh-TW"]){
  --en-display-ls:normal; --en-h1-ls:normal; --en-h2-ls:normal;
}

/* 제목 줄바꿈 — 여러 줄 제목의 마지막 줄에 낱말 하나만 남지 않게 줄 길이를 고르게(text-wrap:balance, 줄 수는 그대로).
   일본어는 크롬의 구절 단위 줄바꿈(auto-phrase)으로 「でしょ|うか」처럼 구절 가운데서 끊기지 않게 한다.
   intl.css 가 한중일 전체에 word-break:normal!important 를 걸어 두어 여기서도 !important 로 제목만 덮는다. */
html#tgi-doc[data-tgi-lang]:not([data-tgi-lang="en"]) .tg-fr :is(h1,h2,h3,h4){ text-wrap:balance }
html#tgi-doc[data-tgi-lang="ja"] .tg-fr :is(h1,h2,h3,h4){ word-break:auto-phrase!important }

/* fit.js 글자 줄이기 하한 — 등급 크기의 90% 아래로는 줄이지 않는다(기본은 72%·12px). fit.js 가 뿌리에서 읽는다 */
html#tgi-doc[data-tgi-lang]:not([data-tgi-lang="en"]){ --tgi-minratio:.9 }