/* ============================================================
   강남닥터우성형외과 한국어 타이포그래피 기준 v1 (2026-09-20) — ko 25페이지 공통(PHP, page_head() 문서 버퍼)
   근거 문서: /design-guide/typo-standard/
   범위: html[lang="ko"] 본문(.hdr·.hdr-fx·.lnb·.gnb-i·모바일 바/서랍/푸터·퀵 제외).
   원칙: 줄바꿈은 손이 아니라 규칙으로 — 제목은 균형(balance), 본문은 고아 방지(pretty),
        짧은 강조·조사·가운뎃점·의존어는 묶음째 이동(nowrap), 폰에서는 손으로 넣은 <br> 을 무시한다.
   이 사이트는 PC 가 PSD 좌표 보드(절대배치, #board)이고 900px 이하는 흐름 엔진(board_flow)·모바일 정적본으로 다시 편다.
   실측(360px): 흐름 본문(.tx·.ms-p·.ms-qa-row .v·.lst p·.in p)이 10.8~14px, 표 13px, 약관 14px → 900px 이하에서만 하한을 건다
   (PC 보드는 좌표에 글이 맞춰져 있어 크기를 건드리지 않는다). 서체·색·굵기는 바꾸지 않는다.
   ============================================================ */
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):not(.pg .tx){ word-break:keep-all; overflow-wrap:break-word; text-wrap-style:pretty }
html[lang="ko"] body :is(h1,h2,h3,h4,summary,dt,.ms-sub,.tt){ 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"] .pg .tx .nb, html[lang="ko"] .pg .tx .u{ white-space:inherit }   /* pre 텍스트 안에서는 묶음 무의미 */
/* PC(901px↑) 좌표 보드(#board): 글이 좌표 상자에 맞춰져 있어 keep-all·고아 방지·묶음이 줄을 늘리면 상자를 넘친다 → PC 에서는 사이트 줄바꿈 그대로.
   900px 이하는 같은 #board 를 흐름 엔진이 다시 펴므로 규칙을 그대로 쓴다 */
@media (min-width:901px){
  html[lang="ko"] #board :is(p,li,dd,figcaption,td){ word-break:normal; overflow-wrap:normal; text-wrap-style:auto }
  html[lang="ko"] #board .nb{ white-space:normal }
  html[lang="ko"] #board :is(b,strong).u{ white-space:normal }
}

/* ── 900px 이하(흐름 레이아웃·모바일 정적본): 하한·손 줄바꿈 무시 ── */
@media (max-width:900px){
  html[lang="ko"] body br.mb-br{ display:none !important }
  html[lang="ko"] body :is(.ms-p,.ms-qa-row .v,.lst > p,.in > p,.ms-sa,.ms-ccard p,.ms-chk p,.ms-ncard p,.legal p,.legal li,li > p,.wrap p.rv,.mo-hero p,.pcband p,p.ms-s,.ba .lock,.ms-ba p.lg){ font-size:max(var(--t-body-min),1em); line-height:1.6 }
  /* 예외: 흐름 페이지(main.pg)의 .tx 는 psd2html 산출물(white-space:pre, 손 줄바꿈이 박힌 고정폭 상자)이라 하한·묶음을 걸면 상자를 넘친다 → 사이트 값 그대로 */
  html[lang="ko"] .pg .tx{ font-size:inherit; font-size:revert }
  html[lang="ko"] body :is(td,th,.lst p.s,.lg-sub,p.ln,p.tt,.ms-pill span){ font-size:max(var(--t-aux-min),1em) }
  html[lang="ko"] body .ms-sub{ font-size:max(1.0625rem,1em) }   /* 소제목은 본문보다 작지 않게(17) */
  html[lang="ko"] body :is(section.ms-sec > p:not([class]),.ms-note,small){ font-size:max(var(--t-note-min),1em) }
}
