/* ============================================================================
   terms — 영문판 전용 조판 보정 (2026-09-22)

   render.php:214 이 이 파일을 맨 마지막에 싣는다
   (공통 fonts/main/sub → typo-standard → intl → img/en → en-system → **여기**).
   선택자는 전부 html#tgi-doc[data-tgi-lang="en"][data-tgi-page="terms"] 아래라
   같은 부품(.legal)을 쓰는 privacy 쪽에는 한 줄도 영향이 없다.

   ── 이 쪽에 원래 있던 쪽별 규칙 (삭제한 것이 없는 이유) ─────────────────────
   이 쪽은 .tg-fr 조각이 0개인 한 덩어리 약관 쪽이다. 실제로 확인한 결과
     · css/fontfix/terms.css             … 없음 (fontfix 가 만들어진 적 없다)
     · htm/terms.html 안 인라인 <style>   … 0개  (grep -c "<style" = 0)
     · _i18n/intl.css 안 .legal/terms 규칙 … 0개
     · _i18n/pages/en/terms.css           … 없었음 (이 파일이 처음)
   즉 지울 잘못된 쪽 규칙이 하나도 없었다. 남길 레이아웃 규칙도 css/sub.css:198 의
   `max-width:960px; margin:0 auto; padding:60px 0 120px; color:var(--text)` 뿐인데
   그 선언은 한국어와 공유하는 공통 부품이라 건드리지 않았다 — 그대로 살아 있다.
   머리말 · 서브 히어로(.eyebrow/h1.h-serif) · 꼬리말 · 퀵바 · 하단 상담띠는
   전 쪽 공통 껍데기라 en-system.css 가 이미 등급에 이어 두었다 → 여기서 다시 안 정한다.
   (1920 실측 확인: h1.h-serif = 46px/700/Inter = --en-h1 그대로, eyebrow = Oswald 장식.)

   ── 이 쪽 고유 요소는 .legal 하나뿐이다 ────────────────────────────────────
   본문 전체가 <div class="legal"> 한 덩어리의 줄글이다(안에 <p>·<h2>·<h3>·그림이
   하나도 없다). 그림 0장 · 원형 0개 · 좌표 고정 요소 0개라 지킬 좌표·배경·그림
   위치 규칙 자체가 없다. 1920 실측: 가로넘침 ko 0 / en 0 · 문구잘림 0 · 겹침 0 ·
   그림차이 0 · 원형 0.
   ========================================================================== */

/* ── 약관 본문 .legal 을 본문(Body) 등급에 잇는다 ────────────────────────────
   고치는 기존 선언: css/sub.css:198
     `.legal{max-width:960px;margin:0 auto;padding:60px 0 120px;font-size:14.5px;line-height:1.85;color:var(--text)}`
   + 글꼴은 css/main.css:15 `body{font-family:var(--sans)}` 에서 NanumGothic 을 물려받는다.

   [문제 1] 14.5px 는 허용 사다리(54/46/40/32/26/20/18/16/14) 밖의 소수점 값이다.
     검수 도구는 14.5 를 14 로 반올림해 '사다리 안' 으로 세고 있었다 — 실측으로 찾은 값이다.

   [문제 2 — 눈에 보이는 결함] 영문에서 이 덩어리가 통째로 **굵게** 나온다.
     .legal 은 font-weight:400 인데도 그렇다. 원인은 물려받은 글꼴 이름 'NanumGothic' 이다.
     영문에서만 실리는 en-system.css:52 의 @font-face 가 그 이름의 라틴 범위를
     InterVar-latin.woff2(가변 100~900)로 바꿔 두었는데, 그 별칭에서는 굵기 축이 먹지 않는다.
     en 쪽에서 직접 잰 값:
       font-family:NanumGothic → 400 도 700 도 폭 737px, 화면상 둘 다 굵게 나온다
       font-family:Inter       → 400 폭 745px(보통), 700 폭 766px(굵게) — 정상
       font-family:var(--en-sans) → 400 보통 — 정상
     한국어 쪽은 en-system.css 를 싣지 않아 같은 자리가 보통 굵기로 나온다.
     → 영문에서만 새로 생긴 결함이다. 굵기를 !important 로 덮지 않고,
       역할 연결표대로 글꼴을 var(--en-sans) 로 적어 주는 것만으로 사라진다.

   [등급 선택] 역할은 이 쪽의 **본문(Body)** 이다. 쪽 전체가 이 한 덩어리의 줄글뿐이고,
   같은 부품을 쓰는 privacy 쪽 .legal 도 Body 로 이어 두었다. 같은 역할이 두 쪽에서
   같은 computed style 을 쓰게 된다(BRIEF 0절).

   Caption(14px) 이 아니라 Body 를 고른 근거 — 실측:
     한국어 원본 1920px : 14.5px / 줄높이 26.825px
     Body  등급 1920px : 16px  / 줄높이 26.4px   (원본 줄 간격 −1.6% — 덩어리 모양 유지)
     Caption 등급 1920px: 14px  / 줄높이 21px    (원본 줄 간격 −22% — 덩어리가 촘촘해져 달라진다)
   폰(390px)에서는 한국어가 typo-floor.js 로 16px 까지 올라가는데 영문만 14.5px 에
   머물러 **원본보다 오히려 작았다**. Body 등급은 폰에서 15px 이라 그 격차를 1px 로 줄인다.

   고정 height·nowrap·overflow 가 없는 요소라, 영문이 한국어보다 2.5배 길어도
   (본문 글자수 ko 5,344 / en 13,178) 칸이 스스로 늘어난다 — 가두지 않는다. */
html#tgi-doc[data-tgi-lang="en"][data-tgi-page="terms"] .legal{
  font-family:var(--en-sans);
  font-size:var(--en-body-size);
  line-height:var(--en-body-lh);
  letter-spacing:var(--en-body-ls);
  font-weight:var(--en-w-body);
}