/* community_photo.css → th (sys.php 변환본) */
/* ============================================================================
   community_photo (리얼포토 목록) — 영문판 전용 **역할 연결표** (2026-09-22)

   render.php 가 이 파일을 맨 마지막에 싣는다(공통 → fontfix → 쪽 인라인 → intl → img → 여기).
   선택자는 전부 html#tgi-doc[data-tgi-lang="th"][data-tgi-page="community_photo"] 아래라
   같은 클래스를 쓰는 다른 영문 쪽에는 닿지 않는다.

   [이 쪽의 사정]
   · 이 쪽에는 css/fontfix/community_photo.css 가 **없다**(psd2html 좌표 조각 .tg-fr 이 없는
     게시판 쪽이라 애초에 만들어지지 않았다). 그래서 "fontfix 를 지워 레이아웃이 함께 사라지는"
     문제는 이 쪽에 존재하지 않는다 — 지울 기존 규칙도, 되살릴 레이아웃 규칙도 없다.
   · 껍데기(머리말·꼬리말·sub-hero·subnav·퀵바·.pager·.tabs)는 전 쪽 공통이라 여기서 건드리지
     않는다. 남은 문제는 보고서의 "총괄 요청" 에 적었다.
   · 여기서 잇는 것은 **이 쪽에만 보이는 사진첩 카드 속 글**뿐이다.
     (.bna .info 와 .bna .ph .tag 는 시술 쪽 .mod-bna 에서 display:none / 숨김이라 실제로 보이는
      곳은 이 목록뿐이다 — css/sub.css 499·509 행)

   [원칙]
   크기·행간·자간은 한 줄도 여기서 정하지 않는다. 전부 _i18n/en-system.css 의 등급 변수를
   가리키기만 한다 → 같은 등급이면 어느 쪽·어느 구역이든 computed style 이 같고,
   ≤1024 에서는 변수가 스스로 바뀌므로 화면 크기별 규칙을 따로 두지 않는다.
   px·소수점 크기, !important, nth-child 보정, transform:scale, overflow:hidden 은 쓰지 않는다.
   ========================================================================== */

/* ── 0. 게시판 안에서만 fit.js 의 글자 크기 강제를 잠근다 ──────────────────
   fit.js 는 넘치는 요소를 **요소마다 제각기** 줄인다(인라인 !important). 그러면 아래에서 등급으로
   맞춰 둔 18장의 카드가 사진 길이에 따라 13.2px·12.4px 처럼 갈린다.
   크기·자간·행간만 잠그고 넓히기·자리 옮기기·줄바꿈은 그대로 돈다.
   머리말·꼬리말·퀵바는 전 쪽 공통 동작이라 잠그지 않는다 — 범위를 .board 안으로 한정한다. */
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="community_photo"] .board{--tgi-fs:on}

/* ── 1. body — 목록 위 안내문 ─────────────────────────────────────────────
   한국어 원본과 같은 문단. css/sub.css 166 행의 15px 는 영문 사다리(54/46/40/32/26/20/18/16/14)
   밖이라 본문 등급으로 잇는다. 굵기·색·상자(배경·모서리·안쪽 여백)는 원본 그대로 둔다. */
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="community_photo"] .board .notice-box{
  font-size:var(--en-body-size);
  line-height:var(--en-body-lh);
  letter-spacing:var(--en-body-ls);
}

/* ── 2. caption — 카드 안 작은 글 ─────────────────────────────────────────
   · .info          작성자 이름 (sub.css 74 행 13px)
   · .ph .lock      사진 위 잠금 안내 "Can be viewed after member login" (sub.css 69 행 12.5px)
   · .ph .tag       Before/After 라벨 "BEFORE → AFTER" (sub.css 72 행 11.5px)
   셋 다 사다리 밖 크기였다. 가장 가까운 사다리 칸인 caption(PC 14 / 폰 13)으로 잇는다.
   .tag 는 역할로 보면 Before/After 라벨(--en-ba-size 16px)이지만 한국어 원본이 11.5px 이라
   16px 은 라벨이 사진의 40% 를 덮는다 → 원본에 더 가까운 caption 을 쓴다(총괄 판단 요청).
   굵기는 선언하지 않는다 — .tag 의 600(강조)·.lock b 의 Oswald 는 원본 디자인이라 그대로 둔다.
   자리(absolute 좌표)·색·배경·모서리도 원본 그대로다. */
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="community_photo"] .board .bna .info,
html#tgi-doc[data-tgi-lang="th"][data-tgi-page="community_photo"] .board .bna .ph .lock{
  font-family:var(--en-sans); font-size:var(--en-caption-size);
  line-height:var(--en-caption-lh); letter-spacing:normal}
/* [2026-09-22 총괄] 아래 규칙들은 _i18n/en-system.css 의 공통 부품 절로 올라갔다 —
   같은 선택자를 두 곳에 두지 않기 위해 이 파일에서 **삭제**했다(값이 같아 화면 변화 없음): .board .bna .ph .tag */