/* intro_guide.css → zh-TW (sys.php 변환본) */
/* ============================================================================
   intro_guide — 영문판 전용 조판 보정 (2026-09-22)  · 생성: gen.py

   render.php 가 이 파일을 맨 마지막에 싣는다(공통 → fontfix → 쪽 인라인 → intl → img → 여기).
   선택자는 전부 html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] 아래라, 같은 조각(data-tc)을 쓰는 다른 영문 쪽에는 영향이 없다.

   왜 필요한가 — 한국어/영문 1920px 실측 대조
     · 한국어는 js/site.js 가 글꼴을 갈아 끼우지만 번역 페이지에서는 돌지 않고,
       css/fontfix/intro_guide.css 가 !important 로 박아 둔 한글 글꼴(NanumBG·scd1·gmsb)만 남는다.
     · 크기도 조각별 실측이라 같은 등급 제목이 조각마다 다르고,
       거기에 fit.js 가 넘치는 것만 골라 줄여 한 쪽 안에서 12px~24px 로 갈렸다.
   고치는 법 — 등급별 공통 변수로 크기를 한 벌로 정하고, fit.js 의 크기 조정은 `--tgi-fs:on` 로 잠근다
   (넓히기·자리 옮기기·줄바꿈은 그대로 돈다).
   ========================================================================== */

/* ── 0. 이 파일이 하는 일 ─────────────────────────────────────────────
   "어느 요소가 어느 등급인가" 만 잇는다. 크기·굵기·행간·자간은 한 줄도 여기서 정하지 않고
   전부 _i18n/en-system.css 의 공통 변수를 가리킨다 → 같은 등급이면 어느 쪽·어느 구역이든
   computed style 이 완전히 같다. 쪽별 px·소수점 크기는 이 파일에 쓰지 않는다.

   예외는 '장식'뿐이다(아래 1절). 장식 영문·숫자·로고형 문구는 한국어 원본 디자인의
   일부라 일반 제목 등급으로 통일하면 디자인이 바뀐다 — 원본 크기를 정수 px 로 지킨다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"]{--tgi-fs:on}   /* 글자 크기·자간·행간은 CSS 가 정한다 — fit.js 의 JS 강제 변경을 이 쪽에서 끈다 */

/* ── 1. 글꼴 ─────────────────────────────────────────────────────────
   제목·본문은 --en-sans 한 벌. 장식·브랜드 글꼴만 원래 글꼴을 지킨다. */
/* SVG `<text>` 는 뺀다 — `<text>` 로 그린 로고(FDA 워드마크 등)를 갈아엎는다 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr *:not(text){font-family:var(--en-sans)!important;-webkit-text-stroke:0!important}
/* 장식 글꼴은 폭과 무관하게, **크기는 PC 에서만** 고정한다 —
   폰에서는 조각 자체의 clamp() 가 정본이라 PC 크기를 그대로 두면 장식이 화면을 덮는다
   (한국어 css/fontfix/*.css 도 같은 이유로 @media (min-width:1025px) 안에만 둔다). */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-display{font-family:var(--en-oswald-bold)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-mark{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-display{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-eyebrow{font-family:var(--en-oswald-light)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-badge-no{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c4,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c6,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c7,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c9{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.g{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on}
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-display{font-size:calc(104 * var(--k,1px))!important;line-height:calc(100 * var(--k,1px))!important;letter-spacing:calc(2.56 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-mark{font-size:calc(102 * var(--k,1px))!important;line-height:calc(119 * var(--k,1px))!important;letter-spacing:calc(-7.8 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-display{font-size:calc(98 * var(--k,1px))!important;line-height:calc(98 * var(--k,1px))!important;letter-spacing:calc(1.1 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-eyebrow{font-size:calc(63 * var(--k,1px))!important;line-height:calc(73 * var(--k,1px))!important;letter-spacing:calc(0 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-badge-no{font-size:calc(51 * var(--k,1px))!important;line-height:calc(51 * var(--k,1px))!important;letter-spacing:calc(-0.36 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c1,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c2,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c4,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c6,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c7,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c9{font-size:calc(25 * var(--k,1px))!important;line-height:calc(47 * var(--k,1px))!important;letter-spacing:calc(0 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.g{font-size:calc(18 * var(--k,1px))!important;line-height:calc(35 * var(--k,1px))!important;letter-spacing:calc(0 * var(--k,1px))!important}
}

/* ── 2. 줄바꿈 ───────────────────────────────────────────────────────
   한국어 길이에 맞춘 nowrap/pre 를 풀되, 설계된 줄바꿈(한국어가 pre 인 곳)은 지킨다.
   낱말 중간을 자르지 않고, 글자를 줄여 한 줄에 우겨넣지 않는다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s00-title,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s00-sub,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) figcaption,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .bus > li,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.b,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.r,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.v,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.a,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .addr > p,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-h,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-lab > span,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c3,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c5,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c8,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-head > h2.h2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .h2.reveal,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .col > h2.h2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .navi,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-note,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-badge-lb,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .hl,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .alert,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .notes > p,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-line1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-line2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-addr,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-pin.s00-pin-a,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-pin.s00-pin-b{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;text-wrap:pretty}
/* 장식 영문·숫자는 짧다 — 원본처럼 한 줄로 둔다 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-mark,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-display,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c4,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c6,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c7,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c9,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-eyebrow,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-display,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-badge-no,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.g{white-space:nowrap!important}

/* ── 3. 등급 연결 ─────────────────────────────────────────────────────
   여기서 값을 정하지 않는다. en-system.css 의 등급 변수를 가리키기만 한다.
   (변수는 ≤1024 에서 스스로 바뀌므로 화면 크기별 규칙을 따로 두지 않는다) */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr *:where(:not(text):not(.c1):not(.c2):not(.c4):not(.c6):not(.c7):not(.c9):not(.g):not(.lab):not(.s01-display):not(.s01-mark):not(.s02-badge-no):not(.s02-display):not(.s02-eyebrow)){letter-spacing:normal!important}   /* 한국어 낱말 길이에 맞춘 자간(509곳 !important) 초기화 */
/* display: s00-title */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s00-title{font-size:var(--en-display-size)!important;line-height:var(--en-display-lh)!important;letter-spacing:var(--en-display-ls)!important;font-weight:var(--en-w-display)!important}
/* h2: s02-line1, s02-line2 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-line1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-line2{font-size:var(--en-h2-size)!important;line-height:calc(44 * var(--k,1px))!important;letter-spacing:var(--en-h2-ls)!important;font-weight:400!important}
/* kicker: s01-h */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-h{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:400!important}
/* h3: c3, c5, c8, h2, h2.reveal, navi, span */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-lab > span:where(:not(.c1):not(.c2):not(.c4):not(.c6):not(.c7):not(.c9):not(.g):not(.lab):not(.s01-display):not(.s01-mark):not(.s02-badge-no):not(.s02-display):not(.s02-eyebrow)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c3,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c5,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c8,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-head > h2.h2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .col > h2.h2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .navi,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .h2.reveal{font-size:var(--en-h3-size)!important;line-height:var(--en-h3-lh)!important;letter-spacing:var(--en-h3-ls)!important;font-weight:400!important}
/* h4: alert, hl, lead, p, s01-note, s02-badge-lb */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .notes > p:where(:not(.c1):not(.c2):not(.c4):not(.c6):not(.c7):not(.c9):not(.g):not(.lab):not(.s01-display):not(.s01-mark):not(.s02-badge-no):not(.s02-display):not(.s02-eyebrow)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-note,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .hl,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .alert{font-size:var(--en-h4-size)!important;line-height:var(--en-h4-lh)!important;letter-spacing:var(--en-h4-ls)!important;font-weight:400!important}
/* lead: figcaption, lab.a, lab.b, lab.r, lab.v, li, p, s00-sub */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) figcaption:where(:not(.c1):not(.c2):not(.c4):not(.c6):not(.c7):not(.c9):not(.g):not(.lab):not(.s01-display):not(.s01-mark):not(.s02-badge-no):not(.s02-display):not(.s02-eyebrow)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .bus > li:where(:not(.c1):not(.c2):not(.c4):not(.c6):not(.c7):not(.c9):not(.g):not(.lab):not(.s01-display):not(.s01-mark):not(.s02-badge-no):not(.s02-display):not(.s02-eyebrow)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .addr > p:where(:not(.c1):not(.c2):not(.c4):not(.c6):not(.c7):not(.c9):not(.g):not(.lab):not(.s01-display):not(.s01-mark):not(.s02-badge-no):not(.s02-display):not(.s02-eyebrow)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s00-sub,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.b,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.r,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.v,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.a{font-size:var(--en-lead-size)!important;line-height:var(--en-lead-lh)!important;letter-spacing:var(--en-lead-ls)!important;font-weight:var(--en-w-lead)!important}
/* caption: s00-pin.s00-pin-a, s00-pin.s00-pin-b, s02-addr */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-addr,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-pin.s00-pin-a,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-pin.s00-pin-b{font-size:var(--en-caption-size)!important;line-height:var(--en-caption-lh)!important;letter-spacing:var(--en-caption-ls)!important;font-weight:var(--en-w-caption)!important}

/* 한국어가 **고정 높이 칸을 행간으로 세로 가운데 맞춘** 자리.
   등급 행간(배수)을 그대로 쓰면 글이 칸 위쪽에 붙는다 → PC 에서만 원본 행간(px)을 지킨다.
   (폰에서는 칸이 흐름 배치로 풀리므로 등급 행간을 쓴다) */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .notes > p{line-height:calc(34 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .bus > li,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.b,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.r,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.v,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .lab.a{line-height:calc(35 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-lab > span,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c3,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c5,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .c8{line-height:calc(47 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-lab{font-size:var(--en-h3-size)}
}

/* ── 4. 고정 높이 풀기 ───────────────────────────────────────────────
   영문은 길어 줄이 늘어난다. 한국어 길이에 맞춘 고정 height 를 min-height 로 바꿔
   글을 줄이거나 잘라내지 않고 **칸이 자연스럽게 늘어나게** 한다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption):where(:not(.sr):not(.ab):not(.tag):not([class*="circ"]):not([class*="circle"]):not([class*="badge"]):not([class*="disc"]):not([class*="ring"]):not([class*="round"]):not([class*="dot"]):not([class*="circ"] *):not([class*="circle"] *):not(.e-circ *):not([class*="ring"] *):not([class*="disc"] *):not(.mod-album *):not(.mod-tv *):not(.mod-bna *):not(.mod-selfie *):not(.c5):not(.s00-pin):not(.s02-badge-lb):not(.s02-badge-no)){height:auto!important}

/* ── 5. 공통 잔손질 ── */
@media (min-width:1025px){
  /* 수술정보표: 글 칸이 '이름' 길이로만 줄어들어 그보다 긴 값이 칸 안에서 접히거나 넘쳤다.
     (한국어는 값이 짧아 드러나지 않는다) 칸에 남은 자리를 다 쓰게 한다. */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) :is([class*="__txt"],[class*="__def"],[class*="-txt"],[class*="-def"],[class*="__body"]){flex:1 1 auto!important;width:auto!important;min-width:0!important;margin-left:0!important;padding-left:0!important}
  /* 아이콘↔글 간격은 한국어 낱말 길이에 맞춘 값(59px 등)이라 영문에서는 글 칸을 먹는다 → 8px 로 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) :is([class*="__cell"],[class*="-cell"],[class*="__item"],[class*="-item"]){column-gap:calc(4 * var(--k,1px))!important}
  /* 값이 칸보다 1~3px 길어 두 줄이 되는 자리가 많다 — 자간을 아주 조금만 좁혀 한 줄에 넣는다 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) :is(dt,dd,[class*="lbl"],[class*="val"],[class*="key"],[class*="term"]){letter-spacing:-.012em!important}
  /* 한국어 낱말 길이에 맞춘 둘째 칸 앞 여백은 영문에서 글 칸을 더 좁힌다 → 이 표에서만 0 으로 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) > * > * + *,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) > * + *{padding-left:0!important}
  /* 정보표 이름·값: 번역팩에 들어 있는 줄바꿈이 pre-line 으로 살아나
     "Not required" 같은 짧은 값까지 두 줄이 되어 행 안의 좌우 칸 높이가 어긋났다 → 자연 줄바꿈으로. */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) :is(dt,dd,[class*="lbl"],[class*="val"],[class*="key"],[class*="term"]){white-space:normal!important}
}

/* ── 도형(동그라미·색 배지) 안 글자: fit.js 의 크기 맞춤을 다시 켠다 ──
   한국어는 글이 짧아 도형 안에 들어가지만 영문은 길다. 등급 크기를 못박은 채로 두면
   aspect-ratio 가 걸린 동그라미는 글을 담으려고 **지름이 커져** 5개가 제각각이 되고(사용자 지적),
   배지는 글이 칸을 뚫는다. 도형 안에서는 fit.js 가 글자를 칸에 맞춰 줄이도록 --tgi-fs 를 되돌린다.
   (도형 자체의 크기·간격은 한국어 그대로 유지된다 — 이게 목적이다) */

/* 도형(원·배지·정사각 칸)은 fit.js 를 되살린다 — 타원이 되는 것을 CSS 로는 못 막는다 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.c5,.s00-pin),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] .tg-fr :is(.c5,.s00-pin) *{--tgi-fit:on}
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-pin.s00-pin-a,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="2608178mzl3"],.tg-fr [data-tc="2608178mzl3"]) .s00-pin.s00-pin-b{--tgi-fs:on}
}

/* ── 4-2. 한국어 낱자를 양끝맞춤한 칸 풀기 ───────────────────────────
   .s01-lab 은 '평|일' · '토|요|일' 낱자를 107px(폰 3.4em) 칸에 space-between 으로
   양끝에 붙여 놓은 자리다(한국어 전용 조판). 영문은 낱자가 아니라 한 낱말이라
   'Week|days' 가 칸을 넘어 낱말 중간에서 두 줄로 끊긴다.
   담는 칸을 글에 맞추고 양끝맞춤을 풀어 한 낱말로 읽히게 한다. 글자는 줄이지 않는다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s01-lab{display:block;width:auto}

/* ── 6. 조각(.tg-fr) 밖 — 이 쪽에만 있는 '오시는 길 & 진료시간' 구역 ─────────
   `section.loc` 은 ko/htm 54쪽 가운데 **intro_guide 한 쪽에만** 있다
   (모든 쪽에 있는 머리말·서브메뉴·.cta·꼬리말과 다르다 — 그쪽은 en-system.css 몫).
   쪽 하나뿐이라 공통 계층이 다루지 않았고, gen.py 는 [data-tc] 조각만 훑어 여기까지 오지 않아
   **등급이 한 번도 안 붙은 자리**다. 글꼴은 en-system.css 가 한국어 글꼴 이름의 라틴 범위를
   Inter 로 다시 정의해 두어 이미 맞다 — 남은 것은 크기·행간뿐이다.
     1920 실측(수정 전): h4 22px · h4 .sep 22px · .addr>p 17px · .addr>p>span 15px
                         · .sns-box>a 15.5px(소수점)   → 사다리(54/46/40/32/26/20/18/16/14) 밖
   여기서도 값을 정하지 않고 공통 등급 변수만 가리킨다. css/main.css 는 이 자리에
   !important 를 쓰지 않으므로 특이도만으로 이긴다 → !important 를 늘리지 않는다.
   전화번호(.info dd.tel, 44px S-Core Dream Thin)는 **장식 숫자**라 지시서의 예외 항목이다
   — 한국어와 같은 44px 를 그대로 둔다(등급으로 올리면 원본 디자인이 바뀐다). */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] section.loc h4{font-size:var(--en-h4-size);line-height:var(--en-h4-lh);letter-spacing:var(--en-h4-ls);font-weight:var(--en-w-h4)}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] section.loc .addr > p{font-size:var(--en-lead-size);line-height:var(--en-lead-lh);letter-spacing:var(--en-lead-ls);font-weight:var(--en-w-lead)}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] section.loc .addr > p > span{font-size:var(--en-caption-size);line-height:var(--en-caption-lh);letter-spacing:var(--en-caption-ls);font-weight:var(--en-w-caption)}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] section.loc .sns-box > a{font-size:var(--en-btn-size);line-height:var(--en-btn-lh);letter-spacing:var(--en-btn-ls);font-weight:var(--en-w-btn)}

/* 진료시간 작은 표(.loc .info .hrs): 요일 칸이 110px 로 못박혀 있다(한국어 '일요일 · 공휴일' 기준).
   영문 'Sunday · Public Holidays' 는 1920 에서 190px 라 **세 줄**로 쪼개지고, 짝인 'Closed' 만
   첫 줄에 남아 요일과 시간이 어긋난다(한국어는 한 줄). 지시서 ① '담는 칸 너비 조정' 대로
   요일 칸을 글에 맞춰 늘리되, 시간 칸이 max-content 아래로 눌리지 않게 바닥을 준다
   (360px 에서 '10:00 ~ 19:00' 이 두 줄로 쪼개지던 것). 글자는 줄이지 않는다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] section.loc .info dd .hrs{grid-template-columns:auto minmax(max-content,1fr)}

/* ── 7. 지하철 배지 안 역이름(.s02-badge-lb) — '원형 안 문구' ────────────────
   증상(영문에만): 라벨이 주황 원(테)을 **가로질러** 좌우로 튀어나온다.
     1920 실측  badge 183x139 · 원 테 x29..154(안지름 110px, x36.5..146.5)
                라벨 상자 left:0/right:0 = 183px, 글자 폭 **176px** (x4..180)
      390 실측  badge 120x91 · 원 테 x19..101, 글자 폭 **119px** — badge 폭 전체
     (한국어 '압구정역' 은 1920 에서 74px 라 안지름 안에 들어간다 — 영문에서 새로 생긴 결함)
   이 원은 CSS border-radius 가 아니라 **SVG <circle>** 이라 audit 의 원형·겹침 검사에 안 잡힌다.
   ① 담는 칸을 원 안지름(110/183 = 60% · 폰 72/120 = 60%)에 맞추고 ② 자연 줄바꿈을 허용한다.
   크기는 '원형 안 문구' 등급(circ-s), 굵기·색은 원본 그대로(지하철 표지 라벨).
   en-system.css 의 `[class*="badge"] *{--tgi-fs:on}` 때문에 폰에서 13.77px 같은 소수점이
   인라인으로 박히던 것과, fit.js 가 top 을 8px 밀던 것을 이 요소에서만 되돌린다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-TW"][data-tgi-page="intro_guide"] :is(.tg-fr[data-tc="260829nwnct"],.tg-fr [data-tc="260829nwnct"]) .s02-badge-lb{left:20%;right:20%;font-size:var(--en-circ-s-size);line-height:var(--en-circ-lh);letter-spacing:var(--en-circ-ls);--tgi-fs:on;--tgi-pos:off}