/* ============================================================
   탱글성형외과 한국어 타이포그래피 기준 v1 (2026-09-20) — /ko 정적 페이지 공통(tools/typo_static.php 적용, 검수 대표 58장)
   근거 문서: /design-guide/typo-standard/
   범위: html[lang="ko"] 본문(헤더·GNB·퀵·푸터·팝업 제외).
   원칙: 줄바꿈은 손이 아니라 규칙으로 — 제목은 균형(balance), 본문은 고아 방지(pretty),
        짧은 강조·조사·가운뎃점·의존어는 묶음째 이동(nowrap), 폰에서는 손으로 넣은 <br> 을 무시한다.
   글자 하한은 CSS 가 아니라 typo-floor.js 가 건다(모바일 ≤820px): psd2html 산출물이라 페이지마다 다른 클래스에 px 크기(11~14px·굵기 300)를
   박아 두어 공통 선택자가 없다. 문장 16 · 짧은 글 15 · 라벨 13.5px. PC(1288px 고정 보드)는 크기를 건드리지 않는다.
   서체(IBM Plex Sans KR·Hahmlet·Fraunces, 구형 NanumGothic·S-Core Dream)·색·굵기는 바꾸지 않는다.
   ============================================================ */
html[lang="ko"]{ --t-body-min:16px; --t-aux-min:15px; --t-note-min:13.5px }

/* ── 공통 조판(전 폭) — 좌표 보드 축소 글자([style*="--sx"])는 제외 ── */
html[lang="ko"] body :is(p,li,dd,figcaption,blockquote,td):not([style*="--sx"]){ word-break:keep-all; overflow-wrap:break-word; text-wrap-style:pretty }
html[lang="ko"] body :is(h1,h2,h3,h4,summary,dt,.subject,.tit,[class$="-h1"],[class$="-h2"],[class$="-h3"],[class$="__t"],[class$="-t"]):not([style*="--sx"]){ word-break:keep-all; text-wrap-style:balance }
html[lang="ko"] body :is(b,strong){ text-wrap-style:balance }

/* ── 인라인 강조·묶음 ── */
html[lang="ko"] body :is(p,li,dd) :is(b,strong).u{ white-space:nowrap }
html[lang="ko"] body :is(p,li,dd) :is(b,strong).u-long{ white-space:normal }
html[lang="ko"] body :is(li,dd) > :is(b,strong).u:first-child{ white-space:normal }
html[lang="ko"] body .nb{ white-space:nowrap }
html[lang="ko"] body .tx{ min-width:0 }
html[lang="ko"] body :is([class*="ellipsis"],.subject,.hashtag,.meta,.tv-d,.gcard h4) .nb{ white-space:inherit }   /* 2줄 고정 상자의 제목은 묶지 않는다 */

/* ── 폰(≤820px): 손 줄바꿈 무시 ── */
@media (max-width:820px){
  html[lang="ko"] body br.mb-br{ display:none !important }
}