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

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

   왜 필요한가 — 한국어/영문 1920px 실측 대조
     · 한국어는 js/site.js 가 글꼴을 갈아 끼우지만 번역 페이지에서는 돌지 않고,
       css/fontfix/body_04_01.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-CN"][data-tgi-page="body_04_01"]{--tgi-fs:on}   /* 글자 크기·자간·행간은 CSS 가 정한다 — fit.js 의 JS 강제 변경을 이 쪽에서 끈다 */

/* ── 1. 글꼴 ─────────────────────────────────────────────────────────
   제목·본문은 --en-sans 한 벌. 장식·브랜드 글꼴만 원래 글꼴을 지킨다. */
/* SVG `<text>` 는 뺀다 — `<text>` 로 그린 로고(FDA 워드마크 등)를 갈아엎는다 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] .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-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-num{font-family:var(--en-oswald-bold)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__mark{font-family:"GloberThinFree","Roboto Condensed",var(--en-sans)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .prologue__en > span{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s04-num{font-family:var(--en-oswald-regular)!important;font-weight:400;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-en.reveal,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-en,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-eyebrow-t{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-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-num{font-size:calc(49 * var(--k,1px))!important;line-height:calc(49 * var(--k,1px))!important;letter-spacing:calc(4.7 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__mark{font-size:calc(44 * var(--k,1px))!important;line-height:calc(44 * var(--k,1px))!important;letter-spacing:calc(0 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .prologue__en > span{font-size:calc(31 * var(--k,1px))!important;line-height:calc(34 * var(--k,1px))!important;letter-spacing:calc(-1.56 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-en.reveal,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-en,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-eyebrow-t{font-size:calc(30 * var(--k,1px))!important;line-height:calc(30 * var(--k,1px))!important;letter-spacing:calc(-1.7 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s04-num{font-size:calc(30 * var(--k,1px));line-height:calc(30 * var(--k,1px));letter-spacing:calc(-3 * var(--k,1px))!important}   /* 원 안 장식 번호 01~05 — 한국어 원본 Oswald-regular 30px 자간 -3 (css/fontfix:114) */
}

/* ── 2. 줄바꿈 ───────────────────────────────────────────────────────
   한국어 길이에 맞춘 nowrap/pre 를 풀되, 설계된 줄바꿈(한국어가 pre 인 곳)은 지킨다.
   낱말 중간을 자르지 않고, 글자를 줄여 한 줄에 우겨넣지 않는다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__title,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .h2.prologue__ttl,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .prologue__copy,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-body,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .lead.s02-lead.reveal,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s03-body > p,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s03-cap,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .lead.s04-lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-desc,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-note.disc,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .spec__txt > dt,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .spec__txt > dd,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .lead.reveal,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-cap,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-lead.lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__note,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .lead.prologue__sub,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s02-num,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s02-txt,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s03-h4,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-kr.reveal,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-kr,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-t1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .h2.reveal,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .h2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-t2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-h3,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-h3,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s04-label{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-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__mark,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .prologue__en > span,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-en.reveal,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-num,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-en,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s04-num,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-eyebrow-t{white-space:nowrap!important}

/* ── 3. 등급 연결 ─────────────────────────────────────────────────────
   여기서 값을 정하지 않는다. en-system.css 의 등급 변수를 가리키기만 한다.
   (변수는 ≤1024 에서 스스로 바뀌므로 화면 크기별 규칙을 따로 두지 않는다) */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] .tg-fr *:where(:not(text):not(.eyebrow-en):not(.hero__mark):not(.reveal):not(.s00-eyebrow-t):not(.s01-num):not(.s04-num)){letter-spacing:normal!important}   /* 한국어 낱말 길이에 맞춘 자간(509곳 !important) 초기화 */
/* display: h2.prologue__ttl, hero__title */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .h2.prologue__ttl{font-size:var(--en-display-size)!important;line-height:var(--en-display-lh)!important;letter-spacing:var(--en-display-ls)!important;font-weight:400!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__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}
/* h1: h2, h2.reveal, s00-t2 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .h2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .h2.reveal{font-size:var(--en-h1-size)!important;line-height:calc(49 * var(--k,1px))!important;letter-spacing:var(--en-h1-ls)!important;font-weight:400!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-t2{font-size:var(--en-h1-size)!important;line-height:var(--en-h1-lh)!important;letter-spacing:var(--en-h1-ls)!important;font-weight:400!important}
/* kicker: eyebrow-kr, eyebrow-kr.reveal, s00-t1 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-kr,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .eyebrow-kr.reveal{font-size:var(--en-kicker-size)!important;line-height:calc(34 * var(--k,1px))!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:400!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-t1{font-size:var(--en-kicker-size)!important;line-height:calc(39 * var(--k,1px))!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:400!important}
/* h3: s00-h3, s01-h3 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-h3{font-size:var(--en-h3-size)!important;line-height:calc(24 * var(--k,1px))!important;letter-spacing:var(--en-h3-ls)!important;font-weight:400!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-h3{font-size:var(--en-h3-size)!important;line-height:calc(29 * var(--k,1px))!important;letter-spacing:var(--en-h3-ls)!important;font-weight:400!important}
/* h4: lead.prologue__sub, s02-num, s02-txt, s03-h4 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s02-txt{font-size:var(--en-h4-size)!important;line-height:calc(20 * var(--k,1px))!important;letter-spacing:var(--en-h4-ls)!important;font-weight:400!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s03-h4{font-size:var(--en-h4-size)!important;line-height:calc(23 * var(--k,1px))!important;letter-spacing:var(--en-h4-ls)!important;font-weight:400!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .lead.prologue__sub{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}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s02-num{font-size:var(--en-h4-size)!important;line-height:calc(20 * var(--k,1px))!important;letter-spacing:var(--en-h4-ls)!important;font-weight:var(--en-w-h4)!important}
/* lead: hero__lead, lead.s02-lead.reveal, lead.s04-lead, p, prologue__copy, s00-desc, s00-note.disc, s01-body, s03-cap */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s03-body > p:where(:not(.eyebrow-en):not(.hero__mark):not(.reveal):not(.s00-eyebrow-t):not(.s01-num):not(.s04-num)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .lead.s02-lead.reveal{font-size:var(--en-lead-size)!important;line-height:calc(18 * var(--k,1px))!important;letter-spacing:var(--en-lead-ls)!important;font-weight:var(--en-w-lead)!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260817fet7i"],.tg-fr [data-tc="260817fet7i"]) .prologue__copy,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-body,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s03-cap,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-desc,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .lead.s04-lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-note.disc{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}
/* body: dd, dt, lead.reveal, s00-lead.lead, s01-cap */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .spec__txt > dt:where(:not(.eyebrow-en):not(.hero__mark):not(.reveal):not(.s00-eyebrow-t):not(.s01-num):not(.s04-num)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .spec__txt > dd:where(:not(.eyebrow-en):not(.hero__mark):not(.reveal):not(.s00-eyebrow-t):not(.s01-num):not(.s04-num)),
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s01-cap,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .lead.reveal{font-size:var(--en-body-size)!important;line-height:calc(16 * var(--k,1px))!important;letter-spacing:var(--en-body-ls)!important;font-weight:var(--en-w-body)!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829gpfj2"],.tg-fr [data-tc="260829gpfj2"]) .s00-lead.lead{font-size:var(--en-body-size)!important;line-height:var(--en-body-lh)!important;letter-spacing:var(--en-body-ls)!important;font-weight:var(--en-w-body)!important}
/* caption: hero__note */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__note{font-size:var(--en-caption-size)!important;line-height:calc(12 * var(--k,1px))!important;letter-spacing:var(--en-caption-ls)!important;font-weight:var(--en-w-caption)!important}
/* circ: s04-label */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829xr4cj"],.tg-fr [data-tc="260829xr4cj"]) .s04-label{font-size:var(--en-circ-size)!important;line-height:var(--en-circ-lh)!important;letter-spacing:var(--en-circ-ls)!important;font-weight:var(--en-w-circ)!important;text-align:center}

/* ── 4. 고정 높이 풀기 ───────────────────────────────────────────────
   영문은 길어 줄이 늘어난다. 한국어 길이에 맞춘 고정 height 를 min-height 로 바꿔
   글을 줄이거나 잘라내지 않고 **칸이 자연스럽게 늘어나게** 한다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] .tg-fr :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption):where(: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(.s04-label):not(.s04-num)){height:auto!important}

/* ── 5. 공통 잔손질 ── */
@media (min-width:1025px){
  /* 수술정보표: 글 칸이 '이름' 길이로만 줄어들어 그보다 긴 값이 칸 안에서 접히거나 넘쳤다.
     (한국어는 값이 짧아 드러나지 않는다) 칸에 남은 자리를 다 쓰게 한다. */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] .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-CN"][data-tgi-page="body_04_01"] .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-CN"][data-tgi-page="body_04_01"] .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-CN"][data-tgi-page="body_04_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) > * > * + *,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] .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-CN"][data-tgi-page="body_04_01"] .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 를 되돌린다.
   (도형 자체의 크기·간격은 한국어 그대로 유지된다 — 이게 목적이다) */


/* 히어로 — 한국어 원본 크기·행간 그대로(사다리 적용 안 함).
   영문이 길어 줄이 늘어나는 것은 다음 단계에서 크기를 더 줄여 흡수한다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] #hero .hero__lead{font-size:17px; line-height:26px}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] #hero .hero__mark{font-size:44px; line-height:44px}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] #hero .hero__note{font-size:12px; line-height:12px}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] #hero .hero__title{font-size:53px; line-height:53px}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] #hero .nb{font-size:12px; line-height:12px}

/* ── 6. Who? 구역(#sec-02) — 오른쪽 사진이 구역 높이를 그대로 따라간다 ──────────
   .s02-photo 는 position:absolute · height:100% · object-fit:cover 라
   구역이 높아지면 원본을 그만큼 확대해 **오른쪽을 잘라낸다**.
   영문은 설명이 2줄, 목록이 2줄씩 되어 구역이 790 → 937 (+147) 이 되고
   사진이 1.19배로 커지며 모델 어깨·상체 쪽 177px 이 잘려나갔다.
   → 글을 줄이거나 자르지 않는다. 위아래 여백(149/149)을 고정으로 쓰지 않고
     남는 만큼만 쓰게 바꿔(세로 가운데 정렬) 늘어난 글을 한국어와 같은 790 안에서 흡수한다.
     한국어 글은 149 + 497/2 = 397.5 로 이미 790 의 한가운데라 문구 자리는 그대로다. */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] #sec-02 .s02-inner{display:flex;flex-direction:column;justify-content:center;
    min-height:calc(790 * var(--k,1px));padding-block:calc(20 * var(--k,1px));box-sizing:border-box}
}

/* ── 7. 히어로 — 큰 제목이 두 줄이 되며 바로 아래 설명을 덮었다 ─────────────
   한국어 원본은 `.fr00 .hero__body > *{position:absolute}` 에 각자 top 을 박아 둔다
   (제목 top:228 / 설명 top:309 — 1920 고정 캔버스).
   한국어 제목은 white-space:nowrap 한 줄(53.3px, 높이 53)이라 설명과 28px 떨어진다.
   영문 "Sagging Arm Surgery" 는 494px 칸에서 자연스럽게 두 줄이 되어 높이가 123 —
   제목 아래끝 351 이 설명 윗끝 309 를 **42px 덮었다**(1920·1440·1366 모두 같다. 화면으로도 확인).
   → 글을 줄이거나 한 줄로 우겨넣지 않는다. 설명을 한 줄(70px)만큼 내려
     한국어와 같은 제목-설명 간격 28px 을 만든다. 아래 띠(top:450)와는 15px 뜬다.
   top 이 아니라 margin-top 으로 내리는 이유: top 은 css/fontfix/body_04_01.css:24 가
   `top:calc(309*var(--k))!important` 로 모든 언어에 못박아 두었다(좌표 규칙).
   절대배치는 top+margin-top 이 함께 자리를 정하므로 margin 쪽이면 !important 가 필요 없다. */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__lead{margin-top:calc(70 * var(--k,1px))}
}

/* ── 히어로 세로 배분 — 설명이 아래 띠에 붙고 표 아래가 텅 비었다 (2026-09-24, 사용자 지적 "적당히 패딩·마진") ─────────
   위 7절은 설명만 70px 내려 겹침을 풀었는데, 그러면 설명이 띠(top:450)에 15px 로 붙는다 — 아래가 그 값을 대신한다.
   한국어 배분: 위 176 · 설명→띠 89 · 띠→표 81 · 표→주석 84. 영문은 제목이 두 줄이라 70px 이 더 든다.
   그 70px 을 위 여백(176→126)에서 50, 설명→띠(89→69)에서 20 나눠 낸다 — 표·띠·주석 자리는 한국어 그대로.
   (사양표 행이 65~89px 로 납작하던 것은 intl.css 의 dyq9k 행 높이 최소 127.5u 로 한국어와 같이 되돌렸다.) */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) :is(.hero__mark,.hero__title){margin-top:calc(-50 * var(--k,1px))}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__lead{margin-top:calc(20 * var(--k,1px))}
}
/* 사양표 칸 안 — 기준(mommy_06_01 히어로 표)처럼: ① 아이콘 칸 폭이 그림 크기대로 46~56px 로 갈려 글 시작점이 칸마다 64~74px 로
   흔들렸다 → 아이콘 칸을 가장 큰 그림 폭 56px 로 고정하고 그림은 가운데. ② 이름·값 행간이 한국어 한 줄용 16px 이라 두 줄 값
   ('Twilight Anesthesia (Sleep Anesthesia)')이 붙어 보였다 → 본문 등급 행간. ③ 주석 행간 12px 도 두 줄이 겹쳐 보여 캡션 행간. */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .spec__ico{flex:0 0 calc(56 * var(--k,1px))!important;width:calc(56 * var(--k,1px))!important;display:flex;justify-content:center;align-items:center}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .spec__txt > :is(dt,dd){line-height:var(--en-body-lh)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="zh-CN"][data-tgi-page="body_04_01"] :is(.tg-fr[data-tc="260829dyq9k"],.tg-fr [data-tc="260829dyq9k"]) .hero__note{line-height:var(--en-caption-lh)!important}
}