/* ============================================================
   에이펙스성형외과 한국어 타이포그래피 기준 v1 (2026-09-20) — 한국어 66페이지 × PC·모바일 템플릿 공통
   근거 문서: /design-guide/typo-standard/
   범위: html[lang="ko"] 본문(GNB·상단바·서브메뉴·퀵·푸터·로그인·팝업 제외). 다른 10개 언어는 링크되지 않는다.
   원칙: 줄바꿈은 손이 아니라 규칙으로 — 제목은 균형(balance), 본문은 고아 방지(pretty),
        짧은 강조·조사·가운뎃점·의존어는 묶음째 이동(nowrap), 폰에서는 손으로 넣은 <br> 을 무시한다.
   글자 하한은 CSS 가 아니라 typo-floor.js 가 건다: 페이지마다 다른 클래스에 px 크기를 박아 두어
   (한 페이지 font-size 규칙 86개) 공통 선택자가 없기 때문. 문장 16 · 짧은 글 15 · 라벨 13.5px.
   서체(Pretendard·Noto Sans KR·나눔명조)·색·굵기·PC 고정폭(1288px)은 바꾸지 않는다. 브레이크포인트 767px(모바일 템플릿).
   ============================================================ */
html[lang="ko"]{ --t-body-min:16px; --t-aux-min:15px; --t-note-min:13.5px }

/* ── 공통 조판: 낱말 단위, 문단은 고아 방지, 제목은 균형 ── */
html[lang="ko"] body :is(p,li,dd,figcaption,blockquote,td){ word-break:keep-all; overflow-wrap:break-word; text-wrap-style:pretty }
html[lang="ko"] body :is(h1,h2,h3,h4,h5,.title,.subject,.t1,.tit,[class$="-tit"],[class$="__tit"],[class$="-title"],[class$="__title"],[class$="-h"],[class$="__h"]){ 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(.text_ellipsis1,.text-ellipsis-line1,[class*="ellipsis"]) .nb{ white-space:inherit }   /* 한 줄 말줄임 제목은 그대로 */

/* ── 폰(≤767px, 모바일 템플릿): 손 줄바꿈 무시 — 본문 문단은 br_mobile(폰 전용) 도 규칙에 맡긴다 ── */
@media (max-width:767px){
  html[lang="ko"] body br.mb-br{ display:none !important }
  /* 커진 글자에 상자를 맞춘다: 고정 높이(px)로 잡힌 목록 항목(ol/ul > li 23px)과 띠 배너([class$="-banner"] 80px)는 내용에 맞춰 늘어난다 */
  html[lang="ko"] #contents :is(ol,ul) > li{ height:auto }
  html[lang="ko"] #contents #main :is([class*="-banner"],[class*="-band"]){ height:auto !important; min-height:0 }   /* 사이트 규칙(#sec .wrap .s08-banner) 보다 높은 명시도 */
}
/* PC 좌표 보드(.stage, 절대배치 li/p 가 픽셀 높이에 맞춰짐)는 사이트 줄바꿈 그대로 — keep-all·묶음이 줄을 늘려 상자를 넘친다 */
html[lang="ko"] #contents .stage :is(p,li,dd,figcaption){ word-break:normal; overflow-wrap:normal; text-wrap-style:auto }
html[lang="ko"] #contents .stage .nb{ white-space:normal }