/* intro_report_read_10.css → id (sys.php 변환본) */
/* ============================================================================
   intro_report_read_10 (공지사항 → 글 보기) — 영문판 전용 **역할 연결표** (2026-09-23)

   render.php(217~219행)가 이 파일을 맨 마지막에 싣는다
   (공통 기본 fonts/main/sub → 쪽 실측 fontfix → 쪽 인라인 → intl → 언어 그림 → **여기**).
   선택자는 전부 html#tgi-doc[data-tgi-lang="id"][data-tgi-page="intro_report_read_10"] 아래라
   같은 부품(.read)을 쓰는 다른 영문 쪽에는 닿지 않는다.

   [이 쪽의 사정 — 1920·390 실측으로 확인한 것]
   · .tg-fr(psd2html 좌표 조각) 0개, css/fontfix/intro_report_read_10.css **없음**.
     → "fontfix 를 빼서 섹션 높이·그림 좌표·배경·장식이 사라졌다"는 문제가 이 쪽엔 없다.
       지울 중복 선언도, 되살릴 레이아웃 규칙도 없다. 그래서 이 파일은 새로 만들며
       **삭제한 선택자가 0개**다(있던 파일을 덮어쓴 것이 아니다).
   · 글자는 전부 en-system.css 4-b 절(게시판 공통 부품)이 이미 등급에 이어 두었다.
     1920 실측 — .read .rh .meta / .read .nav a = 14px·1.5·Inter(caption),
     a.btn = 16px·1.30·Inter(btn), .read .rh h2.h-serif = 26px·1.32(h3).
     여기서 크기·굵기·행간·자간을 **한 줄도 다시 정의하지 않는다**.
   · 본문 <p class="desc_card"> 의 14px/24px 과 <span style="font-family:나눔고딕,NanumGothic">
     은 한국어 원본 HTML 에 박힌 **인라인 선언**이라 !important 없이는 못 이긴다.
     다만 en-system.css 가 '나눔고딕'·'NanumGothic'·'Gmarket Sans'·'NanumBG' 의 **라틴 범위를
     InterVar 로 다시 선언**해 두었다 → 영문 글자는 실제로 Inter 로 그려진다.
     실측(canvas measureText, 14px, "Hello, this is TANG:GLE Plastic Surgery."):
       나눔고딕 256.00 / NanumGothic 256.00 / Gmarket Sans 256.00 / NanumBG 256.00 /
       Inter 256.00 / Arial 250.00 / serif 234.53,  DOM 실측 폭 256.00
     → 글꼴 결함이 아니다. 크기(14px)는 사다리 안이고 한국어와 같은 값이라 건드리지 않는다.
       등급(body 16px)으로 올리려면 !important 가 필요하고 그 자리는 게시판 6종 공통이라
       **총괄에게 보고**했다(맨 아래).
   · 그림(202401151735205998.jpg)·인물 크롭 없음. ko/en 모두 1920 에서 600x600·object-fit:fill·
     margin-left 200px, 390 에서 350x350 — 완전히 같다. 손대지 않는다.
   · 껍데기(머리말·하위메뉴·꼬리말·퀵바·하단 상담띠)는 전 쪽 공통이라 여기서 건드리지 않는다.

   [원칙]
   크기·행간·자간은 한 줄도 여기서 정하지 않는다. px·소수점 크기, !important, nth-child 보정,
   transform:scale, overflow:hidden, 인라인 style, JS 강제는 쓰지 않는다.
   이 파일에 있는 규칙은 아래 1절 **레이아웃 한 건**뿐이다.
   ========================================================================== */

/* ── 1. 이전글·다음글 줄이 두 줄로 밀려 원본 배치가 깨지던 것 ──────────────
   css/sub.css 143행:
     .read .nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
   두 링크의 폭이 한국어 길이에 맞춰져 있다. 1920px 실측:
     ko  이전글 343px + gap 14 + 다음글 350px = 707px  ≤ .read 1000px → 한 줄(왼쪽·오른쪽)
     en  이전글 667px + gap 14 + 다음글 482px = 1163px >  .read 1000px → flex-wrap 이 걸려
         두 줄로 쪼개지고 '다음글'이 오른쪽 끝을 떠나 왼쪽에 붙었다(ko 에는 없는 배치 변화).
   BRIEF '긴 영문 처리 순서' ① 담는 칸 너비 조정 그대로 푼다 —
   두 링크에 각각 **절반 칸**을 주어(flex:1 1 0) 줄바꿈이 링크 **안에서** 일어나게 한다.
   글자 크기는 건드리지 않고, 줄이 늘어난 만큼 .read .nav 높이가 자연히 늘어난다.
   :last-child 는 '오른쪽 링크'라는 구조를 가리키는 것이지 특정 문구 보정이 아니다
   (sub.css 가 space-between 으로 두 링크를 좌·우로 놓는 것과 같은 뜻).

   ≤820 에서는 한국어도 칸이 좁아 두 줄로 내려간다(390 실측: ko 이전글 343 + 다음글 350 >
   .read 350 → 두 줄). 원본이 두 줄인 폭까지 한 줄로 만들면 오히려 원본과 달라지므로
   사이트 자신의 게시판 분기점(css/sub.css 208행 @media max-width:820)과 같은 821px 위에서만 건다. */
/* [ir10-navrow] */
@media (min-width:821px){
  html#tgi-doc[data-tgi-lang="id"][data-tgi-page="intro_report_read_10"] .read .nav{flex-wrap:nowrap}
  html#tgi-doc[data-tgi-lang="id"][data-tgi-page="intro_report_read_10"] .read .nav > a{flex:1 1 0;min-width:0}
  html#tgi-doc[data-tgi-lang="id"][data-tgi-page="intro_report_read_10"] .read .nav > a:last-child{text-align:right}
}