/* ============================================================
   스누성형외과 한국어 타이포그래피 기준 v1 (2026-09-20) — 한국어 30페이지 공통(그누보드 tail.sub html_end 래핑)
   근거 문서: /design-guide/typo-standard/
   범위: html[lang="ko"] 본문(header#hd·#gnb·#gnb2·.quick·#ft·#ft2 제외). 다른 7개 언어(별도 디렉터리)는 링크되지 않는다.
   원칙: 줄바꿈은 손이 아니라 규칙으로 — 제목은 균형(balance), 본문은 고아 방지(pretty),
        짧은 강조·조사·가운뎃점·의존어는 묶음째 이동(nowrap), 폰에서는 손으로 넣은 <br> 을 무시한다.
   이 사이트의 사다리: 글자가 전부 em 이고 1000px 이하에서 body 가 11px(!important) 로 내려간다(PC 16px) →
   본문 dl/dd(1.25~1.5em) 가 폰에서 13.8~16.5px. 제목(dt 3~4.6em)은 그대로 두고 본문 요소에만 하한을 건다.
   서체(Pretendard)·색·굵기(fwL 300 / fwS 600)는 바꾸지 않는다. 브레이크포인트는 사이트의 mobile.css 와 같은 1000px.
   ============================================================ */
html[lang="ko"]{ --t-body-min:16px; --t-aux-min:15px; --t-note-min:13.5px }

/* ── 공통 조판 ── */
html[lang="ko"] #wrapper :is(p,li,dd,dl,td,figcaption,blockquote){ word-break:keep-all; overflow-wrap:break-word; text-wrap-style:pretty }
html[lang="ko"] #wrapper :is(h1,h2,h3,h4,dt,.subTitile02 dt,.mainTitle dt){ word-break:keep-all; text-wrap-style:balance }
html[lang="ko"] #wrapper :is(b,strong){ text-wrap-style:balance }

/* ── 인라인 강조·묶음 ── */
/* 이 사이트는 dl span / dd span 을 사진 위 배지(absolute·height 44px·배경)로 쓴다 → 묶음 span 은 그 규칙에서 빼서 글 흐름 안에 둔다 */
html[lang="ko"] #wrapper :is(dl,dd,dt,li,p) :is(.nb,.tx){ position:static !important; display:inline !important; width:auto !important; height:auto !important; background:none !important; bottom:auto !important; padding:0 !important; margin:0 !important; font:inherit !important; color:inherit !important; line-height:inherit !important; text-align:inherit !important }
html[lang="ko"] #wrapper :is(p,li,dd,dl) :is(b,strong).u{ white-space:nowrap }
html[lang="ko"] #wrapper :is(p,li,dd,dl) :is(b,strong).u-long{ white-space:normal }
html[lang="ko"] #wrapper :is(li,dd) > :is(b,strong).u:first-child{ white-space:normal }
html[lang="ko"] #wrapper .nb{ white-space:nowrap }
html[lang="ko"] #wrapper .tx{ min-width:0 }

/* 제목(dt) 안에 놓인 캡션 p 의 손 줄바꿈은 제목의 것 — 폰에서도 유지. 진료안내 칸(li 257px 고정)은 전화번호가 낱말 단위로 넘어가 한 줄 늘면 넘치므로 내용에 맞춤 */
html[lang="ko"] #wrapper dt br.mb-br{ display:inline !important }
html[lang="ko"] #wrapper .hours_box02 li{ height:auto !important; min-height:0 }

/* ── 1000px 이하(body 11px): 본문 하한·손 줄바꿈 무시 ── */
@media (max-width:1000px){
  html[lang="ko"] #wrapper br.mb-br{ display:none !important }
  /* 본문급: 항목 설명(dl/dd/li/td/p) — 제목(dt)·헤더·푸터·퀵·버튼은 제외. 1em = 부모(body 11px) 라 max() 가 16px 로 고정된다 */
  html[lang="ko"] #wrapper :where(dd,li > dl,ol > dl,.inner > dl,.subTitile02 > dl,td,p):where(:not(#hd *,#gnb *,#gnb2 *,#ft *,#ft2 *,.quick *,[class*=btn],[class*=btn] *,.pagination *,dt *)){ font-size:max(var(--t-body-min),1em); line-height:1.6 }
  html[lang="ko"] #wrapper :is(dl.fs20,dl.fs21,dl.fs22,dl.fs23,dl.fs24,dd.fs20,dd.fs22,dd.fs24){ font-size:max(var(--t-body-min),1em) }
  html[lang="ko"] #wrapper :is(dl.fs25,dl.fs26,dd.fs26){ font-size:max(1.0625rem,1em) }   /* 리드 17 */
  /* 폰 전용 라벨(dt.mobile)·작은 안내 */
  html[lang="ko"] #wrapper :is(dt.mobile,.brno small,small){ font-size:max(var(--t-aux-min),1em) }
  /* 커진 글자에 상자를 맞춘다: 카드 목록(li 144px·ul 604px·_Box 604px)과 dl 이 px 로 고정돼 있어 글이 넘친다 → 내용에 맞춰 늘어난다 */
  html[lang="ko"] #wrapper .inner :is(ul,li,dl,[class*="_Box"]):not(#hd *,#gnb *,#ft *,#ft2 *,.quick *){ height:auto !important; min-height:0 }
  /* 표(td 안 글자) */
  html[lang="ko"] #wrapper td, html[lang="ko"] #wrapper td b{ font-size:max(var(--t-aux-min),1em) }
}