/* counsel_reservation.css → ar (sys.php 변환본) */
/* ============================================================================
   counsel_reservation — 영문판 전용 조판 연결 (2026-09-22)

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

   ── 이 쪽의 사정 (1920px 한/영 실측 대조) ──────────────────────────────────
   · css/fontfix/counsel_reservation.css 는 **없다**(fontfix 53쪽 중 이 쪽은 만들어진 적이 없다).
     지울 글자 규칙도, 함께 날아갈 레이아웃 규칙(높이·좌표·배경·그림 위치)도 이 쪽에는 없다.
     원본 배치는 css/sub.css 가 한국어·영문 공용으로 그대로 낸다 — 건드리지 않는다.
   · 이 쪽은 .tg-fr 조각이 0개라 en-system.css 2절(조각 글꼴·줄바꿈)이 닿지 않는다.
     4-b 절이 서브 히어로·서브 메뉴·꼬리말까지는 등급에 이었지만,
     이 쪽 본문인 .steps(안내 카드 3장)·.form(예약 서식)은 아직 이어지지 않았다.
   · 그래서 영문 본문이 한국어 바탕 글꼴로 나오고(main.css --sans:'NanumGothic' /
     --serif:'Gmarket Sans'), 크기도 사다리 밖이었다:
       .steps h4 18px [Gmarket Sans] · .steps p 14px [NanumGothic]
       .form .lab 15px · .form .radios label 15px · .form .agree 14.5px · .agree .txt 12.5px
       .form input/select/textarea 15px
     (한국어 쪽은 css/font_ref.css 가 html[lang="ko"] 로 좁혀져 13px/NanumBG 를 따로 낸다.)

   ── 고치는 법 ─────────────────────────────────────────────────────────────
   값은 이 파일에서 한 줄도 정하지 않는다. en-system.css 의 등급 변수만 가리킨다
   → 같은 등급이면 어느 쪽·어느 구역이든 computed style 이 완전히 같고,
     ≤1024px 에서는 변수가 스스로 바뀌므로 화면 크기별 규칙을 따로 두지 않는다.
   px·소수점 크기 없음 · !important 없음 · nth-child 없음 · overflow 숨김 없음 ·
   transform:scale() 없음 · 인라인 style 없음.
   (바탕 css/sub.css 는 이 자리에 !important 를 쓰지 않으므로 특이도만으로 이긴다.
    css/font_ref.css 의 !important 는 html[lang="ko"] 라 영문에 오지 않는다.)
   ========================================================================== */

/* 글자 크기·자간·행간은 CSS 가 정한다 — 넘친다고 fit.js 가 요소마다 제각기 줄이면
   같은 등급이 14px·13.2px 로 갈린다. 이 쪽에서만 그 강제 변경을 끈다
   (넓히기·자리 옮기기·줄바꿈은 그대로 돈다). 실측상 지금 이 쪽에 fit.js 가 박은 인라인 크기는 0개다. */
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"]{--tgi-fs:on}

/* ── 1. 글꼴 ────────────────────────────────────────────────────────────────
   영문 본문·제목은 --en-sans 한 벌(Inter). 한국어 낱말용 NanumGothic·Gmarket Sans 를 벗긴다.
   .steps b (01·02·03) 는 GloberThinFree 장식 숫자라 원본 글꼴 그대로 둔다. */
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .steps :is(h4,p),
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .form :is(label,span,em),
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .form .agree .txt,

/* ── 2. 등급 연결 ───────────────────────────────────────────────────────────
   card — 안내 카드 제목 (01·02·03 카드의 h4) */
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .steps h4{
  font-size:var(--en-card-size); line-height:var(--en-card-lh);
  letter-spacing:var(--en-card-ls); font-weight:var(--en-w-card)}

/* caption — 카드 설명 · 서식 항목 이름(.lab, 안의 * 는 물려받는다) ·
   선택지 묶음(.radios → 안의 label 이 물려받는다) · 동의문(.agree → label·(Required) 물려받음) ·
   약관 본문(.agree .txt). 굵기는 css/sub.css 가 낸 원본(.lab 600 / .agree label 500)을 그대로 둔다. */
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .steps p,
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .form .lab,
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .form .radios,
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .form .agree,

/* body — 사람이 써 넣는 칸. 한국어(라벨 13 / 칸 15)의 한 단계 차이를 사다리에서 그대로 지킨다(14 / 16).
   높이 46px·테두리·안여백은 원본(css/sub.css) 그대로 둔다. */
html#tgi-doc[data-tgi-lang="ar"][data-tgi-page="counsel_reservation"] .form :is(
  input[type=text],input[type=tel],input[type=email],input[type=date],select,textarea){
  font-size:var(--en-body-size)}
/* [2026-09-22 총괄] 아래 규칙들은 _i18n/en-system.css 의 공통 부품 절로 올라갔다 —
   같은 선택자를 두 곳에 두지 않기 위해 이 파일에서 **삭제**했다(값이 같아 화면 변화 없음): .form :is(input,select,textarea), .form .agree .txt */