/* counsel_model.css → th (sys.php 변환본) */
/* ============================================================================
   counsel_model (탱글 바디 프로젝트 지원서) — 영문판 전용 **역할 연결표** (2026-09-22)

   render.php 가 이 파일을 맨 마지막에 싣는다
   (공통 fonts/main/sub → 쪽 인라인 → intl.css → img/<언어>.css → en-system.css → 여기).
   선택자는 전부 html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] 아래라,
   같은 부품(.form/.notice-box)을 쓰는 다른 쪽(counsel_reservation·counsel_tel·
   counsel_normal_write·community_photo)에는 한 줄도 닿지 않는다.

   ── 이 쪽의 사정 (1920px 한/영 실측 대조) ──────────────────────────────────
   · css/fontfix/counsel_model.css 는 **없다**. fontfix 폴더 53쪽 중 counsel_* 은 한 장도
     만들어진 적이 없다(psd2html 좌표 조각 .tg-fr 이 없는 서식 쪽이라 대상이 아니었다).
     → 이 쪽에는 "fontfix 를 지워 레이아웃(높이·좌표·배경·그림 위치)까지 사라지는" 문제가
       애초에 존재하지 않는다. 지울 글자 규칙도, 되살릴 레이아웃 규칙도 없다.
       원본 배치는 css/sub.css 가 한국어·영문 공용으로 그대로 낸다 — 여기서 건드리지 않는다.
   · 이 쪽은 .tg-fr 조각이 0개라 en-system.css 2절(조각 글꼴·줄바꿈)이 닿지 않는다.
     4-b 절이 서브 히어로(h1·lead)·서브 메뉴·꼬리말까지는 등급에 이었지만,
     이 쪽 본문인 .notice-box(안내 상자)와 .form(지원 서식)은 아직 이어지지 않았다.
   · 그래서 영문 본문이 한국어 바탕 글꼴(main.css --sans:'NanumGothic')로 나오고,
     크기도 사다리(54/46/40/32/26/20/18/16/14) 밖이었다 — 1920px 실측:
       .notice-box 15px · .notice-box b 15px
       .form .agree 14.5px · .agree>label 14.5px · .agree .txt 12.5px
       .form .row .lab(label·span) 15px · .lab em 15px · .radios label 15px
       .form input/select/textarea 15px · .file p.note 13px
     (한국어 쪽은 css/font_ref.css 가 html[lang="ko"] 로 좁혀져 13px/NanumBG 를 따로 낸다 —
      그 규칙의 !important 는 영문에 오지 않는다. 그래서 여기에 !important 가 필요 없다.)

   ── 고치는 법 ─────────────────────────────────────────────────────────────
   크기·행간·자간은 이 파일에서 한 줄도 정하지 않는다. en-system.css 의 등급 변수만 가리킨다
   → 같은 등급이면 어느 쪽·어느 구역이든 computed style 이 완전히 같고,
     ≤1024px 에서는 변수가 스스로 바뀌므로 화면 크기별 규칙을 따로 두지 않는다.
   같은 부품을 쓰는 counsel_reservation.css 와 **등급을 일부러 맞췄다**
   (.lab/.radios/.agree/.agree .txt → caption, 입력칸 → body).
   .notice-box → body 도 community_photo.css 와 같은 등급이다.
   굵기(font-weight)는 선언하지 않는다 — css/sub.css 가 낸 원본(.lab 600 / .agree label 500 /
   .notice-box b 700)이 이 쪽 디자인이다.
   px·소수점 크기 없음 · !important 없음 · nth-child 없음 · overflow 숨김 없음 ·
   transform:scale() 없음 · 인라인 style 없음 · 사진/섹션/문구 손대지 않음.
   ========================================================================== */

/* ── 0. 서식 안에서만 fit.js 의 글자 크기 강제를 잠근다 ────────────────────
   fit.js 는 넘치는 요소를 **요소마다 제각기** 줄인다(인라인 !important). 그러면 아래에서
   caption 으로 맞춘 15개 행의 항목 이름이 14px·13.2px 로 갈린다.
   크기·자간·행간만 잠그고 넓히기·자리 옮기기·줄바꿈은 그대로 돈다.
   머리말·꼬리말·퀵바는 전 쪽 공통 동작이라 잠그지 않는다 — 범위를 .board 안으로 한정한다.
   (실측: 고치기 전 이 쪽에 fit.js 가 박은 인라인 font-size 는 0개였다. 미리 막아 둔다.) */
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .board{--tgi-fs:on}

/* ── 1. 글꼴 ────────────────────────────────────────────────────────────────
   영문 본문·라벨은 --en-sans 한 벌(Inter). 한국어 낱말용 NanumGothic 을 벗긴다.
   장식 글꼴(서브 히어로 eyebrow 의 Oswald)은 목록에 없으므로 원본 그대로 남는다. */
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .board .notice-box,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form :is(label,span,em,p),
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .agree .txt,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form :is(input,select,textarea){
  font-family:var(--en-sans)}

/* ── 2. body — 안내 상자 · 사람이 써 넣는 칸 ───────────────────────────────
   .notice-box : 목록 위 안내문 (css/sub.css 166 행 15px/1.8). 상자(배경·모서리·안여백 28/32)·
                 색·b 의 굵기는 원본 그대로 둔다. 안의 <b>·<a><b> 는 물려받는다.
   입력칸     : 한국어(라벨 13 / 칸 15)의 한 단계 차이를 사다리에서 그대로 지킨다(14 / 16).
                 높이 46px·테두리·안여백·textarea 180px 는 원본(css/sub.css) 그대로 둔다. */
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .board .notice-box{
  font-size:var(--en-body-size); line-height:var(--en-body-lh);
  letter-spacing:var(--en-body-ls)}
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form :is(
  input[type=text],input[type=tel],input[type=email],input[type=number],select,textarea){
  font-size:var(--en-body-size)}

/* ── 3. caption — 서식의 작은 글 ───────────────────────────────────────────
   · .row .lab        항목 이름(label.lab·span.lab). 안의 em(*) 은 물려받는다.
   · .radios          선택지 묶음 → 안의 label(Female/Male/Yes/None) 이 물려받는다.
   · .agree           동의 상자 → 안의 label·em((Required)) 이 물려받는다.
   · .agree .txt      개인정보 약관 본문 (12.5px 이었다)
   · .inline .unit    단위·보조 라벨 (cm / kg / Highest Weight)
   · .file            사진 항목 이름(Body Front …) → 안의 p 가 물려받는다
   · .file p.note     사진 주석 (13px 이었다)
   PC 14 / 폰 13 으로 변수가 스스로 바뀐다. */
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .row .lab,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .radios,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .agree,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .agree .txt,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .inline .unit,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .file,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="counsel_model"] .form .file p.note{
  font-size:var(--en-caption-size); line-height:var(--en-caption-lh);
  letter-spacing:var(--en-caption-ls)}