/* ============================================================================
   intro_notice_read_17 — 영문판 전용 조판 보정 (2026-09-22)  · 생성: gen.py

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

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

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

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

/* ── 1. 글꼴 ─────────────────────────────────────────────────────────
   제목·본문은 --en-sans 한 벌. 장식·브랜드 글꼴만 원래 글꼴을 지킨다. */
/* SVG `<text>` 는 뺀다 — `<text>` 로 그린 로고(FDA 워드마크 등)를 갈아엎는다 */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] .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="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-t2{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:off}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-word{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:off}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-date{font-family:var(--en-oswald-regular)!important;font-weight:400!important;--tgi-fit:off}

/* ── 2. 줄바꿈 ───────────────────────────────────────────────────────
   한국어 길이에 맞춘 nowrap/pre 를 풀되, 설계된 줄바꿈(한국어가 pre 인 곳)은 지킨다.
   낱말 중간을 자르지 않고, 글자를 줄여 한 줄에 우겨넣지 않는다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-t1,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-reg,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-clinic,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-body{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="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-t2,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-date,
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-word{white-space:nowrap!important}

/* ── 3. 등급 연결 ─────────────────────────────────────────────────────
   여기서 값을 정하지 않는다. en-system.css 의 등급 변수를 가리키기만 한다.
   (변수는 ≤1024 에서 스스로 바뀌므로 화면 크기별 규칙을 따로 두지 않는다) */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] .tg-fr *:where(:not(text):not(.n260829j6tco-s00-date):not(.n260829j6tco-s00-t2):not(.n260829j6tco-s00-word)){letter-spacing:normal!important}   /* 한국어 낱말 길이에 맞춘 자간(509곳 !important) 초기화 */
/* h4: n260829j6tco-s00-t1 */
/* body: n260829j6tco-s00-reg */
/* caption: n260829j6tco-s00-body, n260829j6tco-s00-clinic */

/* ── 4. 고정 높이 풀기 ───────────────────────────────────────────────
   영문은 길어 줄이 늘어난다. 한국어 길이에 맞춘 고정 height 를 min-height 로 바꿔
   글을 줄이거나 잘라내지 않고 **칸이 자연스럽게 늘어나게** 한다. */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] .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 *)){height:auto!important}

/* ── 5. 공통 잔손질 ── */

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

/* 상패 도식 안 <p> — 조각 설계 크기 그대로(patch_nr17.py) */
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-clinic{font-size:var(--fs-h3)!important;line-height:var(--lh-tight)!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-body{font-size:var(--fs-body)!important;line-height:var(--lh-body)!important}
html#tgi-doc:is(#tgi-doc)[data-tgi-lang="en"][data-tgi-page="intro_notice_read_17"] :is(.tg-fr[data-tc="260829j6tco"],.tg-fr [data-tc="260829j6tco"]) .n260829j6tco-s00-date{font-size:var(--fs-meta)!important;line-height:var(--lh-tight)!important}