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

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

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

/* [patch_p0401] 구역별 등급 연결 — 2026-09-22 */
/* ── 1. 글꼴 ─────────────────────────────────────────────────────────
   제목·본문은 --en-sans 한 벌. 장식·브랜드 글꼴만 원래 글꼴을 지킨다.
   같은 클래스 이름이 구역마다 다른 역할이라 **구역(.sNN)까지 적어** 한 요소에 한 선언만 남긴다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] .tg-fr *{font-family:var(--en-sans)!important;-webkit-text-stroke:0!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .hero__brand{font-family:"GloberThinFree","Roboto Condensed",var(--en-sans)!important;--tgi-fit:on}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608170fkkg"],.tg-fr [data-tc="2608170fkkg"]) .s00-kicker-t,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s00 p.tx.ctr.t1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 p.tx.t2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s03 p.tx.t1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 p.tx.t3,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t4,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t8,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t12,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t10,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t14,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t18,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t22,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t26{font-family:var(--en-oswald)!important;--tgi-fit:on}
/* 장식 크기는 **PC 에서만** 못박는다 — 폰에서 fr02 는 1920 좌표를 cqw 로 줄인 축소판이라
   PC px 을 그대로 두면 장식이 화면을 덮는다(한국어 fontfix 도 같은 이유로 PC 안에만 둔다). */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .hero__brand{font-size:calc(42 * var(--k,1px))!important;line-height:calc(42 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608170fkkg"],.tg-fr [data-tc="2608170fkkg"]) .s00-kicker-t{font-size:calc(33 * var(--k,1px))!important;line-height:calc(28 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s00 p.tx.ctr.t1{font-size:calc(30 * var(--k,1px))!important;line-height:calc(30 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 p.tx.t2{font-size:calc(28 * var(--k,1px))!important;line-height:calc(28 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s03 p.tx.t1{font-size:calc(33 * var(--k,1px))!important;line-height:calc(33 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 p.tx.t3{font-size:calc(28 * var(--k,1px))!important;line-height:calc(28 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t4,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t8,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t12{font-size:calc(50 * var(--k,1px))!important;line-height:calc(50 * var(--k,1px))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t10,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t14,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t18,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t22,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t26{font-size:calc(31 * var(--k,1px))!important;line-height:calc(31 * var(--k,1px))!important}
}

/* ── 2. 줄바꿈 ───────────────────────────────────────────────────────
   한국어 길이에 맞춘 nowrap 을 풀어 영문이 제 칸 안에서 자연스럽게 접히게 한다.
   낱말 중간을 자르지 않고, 글자를 줄여 한 줄에 우겨넣지 않는다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] .tg-fr :is(.tx,.tw,.hero__title,.hero__lead,.hero__note,.spec__t,.spec__val,.s00-title,.s00-lead,.s00-body){white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;text-wrap:pretty}
/* 장식 영문·숫자·EFFECT 라벨은 짧다 — 원본처럼 한 줄로 둔다 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .hero__brand,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608170fkkg"],.tg-fr [data-tc="2608170fkkg"]) .s00-kicker-t,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s00 p.tx.ctr.t1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 p.tx.t2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s03 p.tx.t1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 p.tx.t3,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t4,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t8,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t12,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t10,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t14,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t18,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t22,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t26,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t14,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t17,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t20,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t23,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t26,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t14,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t17,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t20,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t23,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t26,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t14,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t17,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t20,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t23,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t26,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t14,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t17,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t20,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t23,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t26{white-space:nowrap!important}

/* ── 3. 칸 너비 ──────────────────────────────────────────────────────
   한국어는 nowrap 이라 칸 너비가 필요 없었다. 영문은 접혀야 하므로 **제 칸만큼** 준다.
   (글자를 줄이지 않고 칸을 넓히는 것이 순서상 먼저다 — 지시서 5절) */
@media (min-width:1025px){
  /* EFFECT 띠: 5칸짜리 가로줄. 칸 하나는 띠의 20% 다 — 그 안에서 접히게 한다.
     fit.js 가 인라인 width/left 로 라벨을 949px 까지 늘려 서로 겹쳤으므로 이 띠에서는 끈다. */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 .g8.bar,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 .g8.bar,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 .g8.bar,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 .g8.bar{--tgi-fit:on}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 .g8.bar .tx.ctr,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 .g8.bar .tx.ctr,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 .g8.bar .tx.ctr,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 .g8.bar .tx.ctr{max-width:19%}
  /* 원 안 문구: 지름의 80% 안에서 접힌다(원 크기는 원본 그대로 둔다) */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 .dot .tx.ctr{max-width:80%}
  /* 말풍선: 원본은 left:50% 라 쓸 수 있는 폭이 알약의 절반뿐이었다 — 알약 안쪽을 다 쓴다 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s07 .bub .tx.ctr{width:88%}
  /* 임상결과 그래프 제목: 세 칸(각 구역의 약 20%) 짜리 줄이다. 한국어는 짧아 한 줄이지만
     영문은 한 줄로 두면 옆 칸 제목까지 뻗어 겹친다(실측 1920: 제목2 폭 577 > 칸 384) → 제 칸 안에서 접는다.
     접히면서 늘어난 줄이 **아래 그래프 그림을 덮지 않도록** 칸 높이를 한 줄로 두고 아래끝을 맞춘다
     — 늘어난 줄은 위(빈 곳)로 자란다. 그림·그래프 위치는 원본 그대로다. */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h3.tx.ctr{max-width:21%;height:calc(var(--en-h4-lh) * 1em)!important;
    display:flex;align-items:flex-end;justify-content:center}
}
/* 알약 테두리(.b3, 폭 18.1%) 안에 들어가는 구역 제목 — 영문은 한 줄이면 테두리를 좌우로 뚫는다
   (1920 실측: 글 621px > 테두리 348px). 테두리 안에서 두 줄로 접고, 칸 높이를 한 줄로 둔 채
   가운데 맞춤이라 위아래로 고르게 자란다. 폰(축소판)에서도 같은 이유로 필요해 폭 조건을 두지 않는다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h2.tx.ctr.t4{max-width:17%;height:calc(var(--en-kicker-lh) * 1em)!important;
  display:flex;align-items:center;justify-content:center}
/* 세 칸짜리 카드 설명글(구역1): 한국어는 짧아 칸 사이가 비지만 영문은 칸을 넘어 옆 카드와 닿는다
   (실측 390: 폭 106 씩, 칸 간격 92 → 14px 겹침). 카드 칸(23.7%) 안으로 담는다 — 폭 조정만, 글자는 그대로. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr{max-width:22%}

/* ── 4. 등급 연결 ─────────────────────────────────────────────────────
   여기서 값을 정하지 않는다. en-system.css 의 등급 변수를 가리키기만 한다.
   fr00(히어로)·fr01(프롤로그)은 폭에 따라 흐름 배치가 풀리므로 모든 폭에 건다.
   fr02(본문)는 폰에서도 1920 좌표 축소판이라 등급 px 을 먹이면 칸이 터진다 → PC 에서만.
   (gen.py 가 .spec__val--r1c1 에만 걸어 둔 `line-height:calc(26*var(--k))!important` 는 지웠다 —
    body 등급 행간 16*1.65=26.4px 과 사실상 같아 필요 없는 !important 였다.) */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] .tg-fr *{letter-spacing:normal!important}   /* 한국어 낱말 길이에 맞춘 자간(509곳 !important) 초기화 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .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}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608170fkkg"],.tg-fr [data-tc="2608170fkkg"]) .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}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608170fkkg"],.tg-fr [data-tc="2608170fkkg"]) .s00-lead{font-size:var(--en-h4-size)!important;line-height:var(--en-h4-lh)!important;letter-spacing:var(--en-h4-ls)!important;font-weight:var(--en-w-h4)!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .hero__lead,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608170fkkg"],.tg-fr [data-tc="2608170fkkg"]) .s00-body{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}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__t.spec__t--r1c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__val.spec__val--r1c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__t.spec__t--r1c2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__val.spec__val--r1c2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__t.spec__t--r2c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__val.spec__val--r2c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__t.spec__t--r2c2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__val.spec__val--r2c2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__t.spec__t--r3c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__val.spec__val--r3c1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__t.spec__t--r3c2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .spec__val.spec__val--r3c2{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}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .hero__note{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}
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s00 p.tx.ctr.t3{font-size:var(--en-h2-size)!important;line-height:var(--en-h2-lh)!important;letter-spacing:var(--en-h2-ls)!important;font-weight:var(--en-w-h2)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s00 h2.tx.ctr.t4{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s00 p.tx.ctr.t5{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 h3.tx.ctr.t6,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 h3.tx.ctr.t10,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 h3.tx.ctr.t14{font-size:var(--en-h3-size)!important;line-height:var(--en-h3-lh)!important;letter-spacing:var(--en-h3-ls)!important;font-weight:var(--en-w-h3)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t7,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t11,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s01 p.tx.ctr.t15{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 p.tx.t4{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:var(--en-w-kicker)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 h2.tx.t5{font-size:var(--en-h1-size)!important;line-height:var(--en-h1-lh)!important;letter-spacing:var(--en-h1-ls)!important;font-weight:var(--en-w-h1)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 p.tx.t6{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t9,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t13,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t17,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t21,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t25{font-size:var(--en-h4-size)!important;line-height:var(--en-h4-lh)!important;letter-spacing:var(--en-h4-ls)!important;font-weight:var(--en-w-h4)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t11,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t15,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t19,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t23,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s02 span.tx.t27{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s03 p.tx.t3{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:var(--en-w-kicker)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s03 h2.tx.t4{font-size:var(--en-h1-size)!important;line-height:var(--en-h1-lh)!important;letter-spacing:var(--en-h1-ls)!important;font-weight:var(--en-w-h1)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s03 p.tx.t5{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 p.tx.e3,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 p.tx.e3,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 p.tx.e3,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 p.tx.e3{font-size:var(--en-h3-size)!important;line-height:var(--en-h3-lh)!important;letter-spacing:var(--en-h3-ls)!important;font-weight:var(--en-w-h3)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 h3.tx.t4,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 h3.tx.t4,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 h3.tx.t4,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 h3.tx.t4{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:var(--en-w-kicker)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 p.tx.t6,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 p.tx.t6,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 p.tx.t6,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 p.tx.t6{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 p.tx.t7,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 p.tx.t7,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 p.tx.t7,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 p.tx.t7{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t14,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t17,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t20,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t23,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t26,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t14,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t17,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t20,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t23,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t26,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t14,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t17,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t20,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t23,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t26,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t14,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t17,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t20,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t23,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t26{font-size:var(--en-eyebrow-size)!important;line-height:var(--en-eyebrow-lh)!important;letter-spacing:var(--en-eyebrow-ls)!important;font-weight:var(--en-w-eyebrow)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t15,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t18,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t21,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t24,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04 span.tx.ctr.t27,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t15,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t18,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t21,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t24,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06 span.tx.ctr.t27,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t15,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t18,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t21,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t24,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08 span.tx.ctr.t27,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t15,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t18,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t21,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t24,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10 span.tx.ctr.t27{font-size:var(--en-card-size)!important;line-height:var(--en-card-lh)!important;letter-spacing:var(--en-card-ls)!important;font-weight:var(--en-w-card)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h2.tx.ctr.t4{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:var(--en-w-kicker)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h3.tx.ctr.t5,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h3.tx.ctr.t7,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h3.tx.ctr.t20,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h3.tx.ctr.t22,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 h3.tx.ctr.t24{font-size:var(--en-h4-size)!important;line-height:var(--en-h4-lh)!important;letter-spacing:var(--en-h4-ls)!important;font-weight:var(--en-w-h4)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 p.tx.ctr.t11,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 p.tx.ctr.t26,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 p.tx.ctr.t27{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 span.tx.t13,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 span.tx.t15,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 span.tx.t17,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 span.tx.t19,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 span.tx.t29,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s05 span.tx.t31{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s07 span.tx.ctr.cal-t{font-size:var(--en-card-size)!important;line-height:var(--en-card-lh)!important;letter-spacing:var(--en-card-ls)!important;font-weight:var(--en-w-card)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s07 span.tx.ctr.cal-s{font-size:var(--en-dia-size)!important;line-height:var(--en-dia-lh)!important;letter-spacing:var(--en-dia-ls)!important;font-weight:var(--en-w-dia)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 p.tx.t5{font-size:var(--en-kicker-size)!important;line-height:var(--en-kicker-lh)!important;letter-spacing:var(--en-kicker-ls)!important;font-weight:var(--en-w-kicker)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 h2.tx.t6{font-size:var(--en-h1-size)!important;line-height:var(--en-h1-lh)!important;letter-spacing:var(--en-h1-ls)!important;font-weight:var(--en-w-h1)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 p.tx.t7{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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t12,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t16,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t20,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t24,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s11 span.tx.ctr.t28{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}
}

/* ── 5. 고정 높이 풀기 ───────────────────────────────────────────────
   영문은 길어 줄이 늘어난다. 한국어 길이에 맞춘 고정 height 를 풀어 칸이 자연스럽게 늘어나게 한다.
   **li 는 넣지 않는다** — 이 쪽의 li 는 글이 흐르는 칸이 아니라 `height:100%` 로 짜인
   도형 껍데기(동그라미·EFFECT 띠·말풍선)라 height:auto 를 먹이면 0px 로 무너진다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] .tg-fr :is(h1,h2,h3,h4,h5,h6,p,dt,dd,figcaption):where(:not(.ab):not(.tag):not([class*="circ"]):not([class*="circle"]):not([class*="badge"]):not([class*="disc"])){height:auto!important}

/* ── 6. 수술정보표(히어로) 잔손질 ── */
@media (min-width:1025px){
  /* 글 칸이 이름 길이로만 줄어들어 그보다 긴 값이 접히거나 넘쳤다 — 남은 자리를 다 쓰게 한다 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_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 등)이라 영문에서는 글 칸을 먹는다 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_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}
  /* 번역팩의 줄바꿈이 pre-line 으로 살아나 짧은 값까지 두 줄이 됐다 → 자연 줄바꿈 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_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}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) > * > * + *,
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] .tg-fr :is(.spec,.s00-spec,[class*="spec"]) > * + *{padding-left:0!important}
}


/* ── 히어로 주석 — 두 줄이 되며 패널 아래로 28px 잘렸다 (2026-09-24, "hidden 때문에 글자가 안 보인다") ──
   한국어 한 줄 기준 top:1014 로 박혀 있어 영문(두 줄 42px)은 아래로 자라 패널(1028) 밖으로 나갔다 → 아래 기준으로 붙여 위로 자라게. */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="260817vd385"],.tg-fr [data-tc="260817vd385"]) .hero__note{top:auto!important;bottom:calc(2*var(--u))!important}
}

/* ── 프롤로그 본문(.s00-body) — 양쪽 정렬이라 영문 낱말 사이가 크게 벌어졌다 (2026-09-24) → 왼쪽 정렬 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608170fkkg"],.tg-fr [data-tc="2608170fkkg"]) .s00-body{text-align:left!important}

/* ── 제품 카드 4구역(리쥬란 s04 · 필로가 s06 · 엑소좀 s08 · 물광 s10) — 절대배치 → 흐름 배치 (2026-09-24, 사용자 "이 부분 양식이 다 깨졌다") ──
   원인: 한국어는 눈썹(e3)·제목(t4)·밑줄(b5)·소개(t6)·본문(t7)·EFFECT 띠(g8)가 전부 구역 높이의 % 좌표로 박힌 절대배치라
   번역문이 길어지면 서로를 덮는다(1647 실측 en 리쥬란: 소개 3줄 아래끝 318 > 본문 윗끝 297 → 셋째 줄이 본문 첫 줄과 겹침 ·
   물광 본문 아래끝 548 > 띠 윗변 537 → 띠 뒤로 들어감 · 띠 항목 두 줄 111px > 띠 107px → 아래가 잘림 ·
   물광 제목 한 줄 697px > 크림 칸 644px → 칸 밖으로 뚫음). ru·ja 는 fit.js 가 좌표를 옮기다 띠를 둘로 갈라 놓았다.
   고치는 법(PC): 구역을 한 칸짜리 grid 로 바꿔 글을 위→아래로 쌓는다. 가로 자리는 한국어 좌표(1920 기준 u)를 margin-left 로 옮기고,
   세로 간격은 한국어 실측(네 구역이 같다): 크림 칸 윗변→눈썹 79 · 눈썹→제목 12 · 제목→밑줄 15 · 밑줄→소개 26 · 소개→본문 0 · 본문→띠 55.
   사진·크림 칸은 글 줄 전체에 걸쳐(최소 한국어 높이 500, 물광 520) 글이 길면 같이 늘어나고, 띠는 한국어처럼 사진 아래끝에 59 걸친다.
   띠는 5칸 grid — 항목이 두 줄이 되면 띠가 늘어난다. 구역 위·아래 여백은 한국어 그대로(구역마다 다르다).
   좌표를 흐름으로 바꿨으므로 fit.js 의 자리 옮기기(top/left)는 이 구역에서 잠근다(--tgi-pos). 폰(축소판)은 손대지 않는다. */
@media (min-width:1025px){
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10){
    display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto 1fr auto;
    aspect-ratio:auto!important;height:auto!important;min-height:0!important;isolation:isolate;--tgi-pos:off;--p0401-ph:calc(500*var(--u))}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04{padding:calc(39*var(--u)) 0 calc(40*var(--u))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s06{padding:calc(75*var(--u)) 0 calc(45*var(--u))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s08{padding:calc(76*var(--u)) 0 calc(40*var(--u))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10{padding:calc(76*var(--u)) 0 calc(80*var(--u))!important;--p0401-ph:calc(520*var(--u))}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > :is(.i1,.b2,.e3,.t4,.b5,.t6,.t7,.g8){position:relative!important;inset:auto!important;grid-column:1;justify-self:start;align-self:start}
  /* 사진·크림 칸: 글 줄 1~6행에 걸친다 — 한국어 높이 밑으로는 줄지 않고, 글이 길면 늘어난다 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > :is(.i1,.b2){grid-row:1 / 7;align-self:stretch;width:calc(644*var(--u))!important;height:auto!important;min-height:var(--p0401-ph)!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .b2{margin-left:calc(960*var(--u))!important}
  /* 사진 자체는 키우지 않는다(원래 크기·비율로 칸 아래끝에 붙인다). 사진 아래 59줄(x113~644)에 EFFECT 띠가 **그림으로 박혀** 있고
     한국어에서는 진짜 띠가 그 위를 정확히 덮는다(네 장 모두). 사진을 칸만큼 늘리면(cover) 박힌 띠가 커지며 어긋나
     진짜 띠 왼쪽·위로 검은 턱이 드러났다(실측 en 리쥬란: 왼쪽 27px·위 8px). → contain + 아래끝 기준으로 박힌 띠를 진짜 띠 밑에 그대로 두고,
     칸이 높아져 사진 위에 생기는 빈 곳은 크림 칸의 ::before 가 사진 맨 윗줄 색(실측)으로 채운다. 사진 윗끝 40px 은 그 색으로 스며들게 한다(이음매 감춤). */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .i1{margin-left:calc(316*var(--u))!important;object-fit:contain!important;object-position:50% 100%!important;background:none!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent calc(100% - var(--p0401-ph)),#000 calc(100% - var(--p0401-ph) + 40*var(--u)));
            mask-image:linear-gradient(to bottom,transparent calc(100% - var(--p0401-ph)),#000 calc(100% - var(--p0401-ph) + 40*var(--u)))}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .b2::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:calc(644*var(--u));z-index:-1;background:var(--p0401-band)}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s04{--p0401-band:linear-gradient(90deg,#2c2f38,#2e313a 12.5%,#323540 25%,#31333e 37.5%,#333742 50%,#363a46 62.5%,#333743 75%,#333540 87.5%,#343742)}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s06,.s08){--p0401-band:#f2efe8}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) .s10{--p0401-band:linear-gradient(90deg,#d3e3e7,#d0e2e6 12.5%,#cfe1e5 25%,#cedde2 37.5%,#d0dde2 50%,#c9d6dd 62.5%,#bdcdd3 75%,#c8d5db 87.5%,#c8d8dd)}
  /* 글 쌓기 — 제목·눈썹 오른끝은 크림 칸 안(왼쪽 여백 45 와 같은 45 를 남긴다). 소개·본문 폭은 intl.css 의 520 그대로 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .e3{grid-row:1;margin:calc(79*var(--u)) 0 0 calc(1005*var(--u))!important;width:auto!important;max-width:calc(554*var(--u))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .t4{grid-row:2;margin:calc(12*var(--u)) 0 0 calc(1005*var(--u))!important;width:auto!important;max-width:calc(554*var(--u))!important}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .b5{grid-row:3;margin:calc(15*var(--u)) 0 0 calc(1008*var(--u))!important;height:calc(2*var(--u))!important;min-height:0!important;max-width:calc(551*var(--u))}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .t6{grid-row:4;margin:calc(26*var(--u)) 0 0 calc(1007*var(--u))!important;width:auto!important}
  /* 본문 아래 114 = 띠까지 55 + 띠가 사진에 걸치는 59 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .t7{grid-row:5;margin:0 0 calc(114*var(--u)) calc(1007*var(--u))!important;width:auto!important}
  /* EFFECT 띠: 사진 아래끝에 59 걸치고(한국어와 같다), 5칸이 글 길이만큼 늘어난다. 칸 나눔선(b9~b12)은 띠 기준 % 라 그대로 따라온다 */
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) > .g8.bar{grid-row:7;margin:calc(-59*var(--u)) 0 0 calc(429*var(--u))!important;width:calc(1063*var(--u))!important;height:auto!important;min-height:calc(107*var(--u))!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) .g8.bar > li{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;
    display:flex!important;flex-direction:column;align-items:center;padding:calc(29*var(--u)) calc(10*var(--u)) calc(24*var(--u))}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) .g8.bar > li > .tx.ctr{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:100%!important;text-align:center}
  html#tgi-doc:is(#tgi-doc)[data-tgi-lang="ja"][data-tgi-page="petit_04_01"] :is(.tg-fr[data-tc="2608295xauf"],.tg-fr [data-tc="2608295xauf"]) :is(.s04,.s06,.s08,.s10) .g8.bar > li > .tx.ctr + .tx.ctr{margin-top:calc(16*var(--u))!important}
}