/* 글꼴 한 곳(10/31, 대표님 "전체적으로 타이포 관점에서 완성도가 낮아서 전체 완성도가 너무 낮아보임"):
   예전엔 본문 Gowun Dodum(굵기 하나뿐)이라 강조할 때마다 다른 글꼴 Jua로 바꿔 위계를 냈고, 작은 글씨의 Jua가 뭉개져 보였음.
   이제 한 가족 안에서 굵기로 위계. --ft 본문, --fh 제목과 이름과 버튼, --fhw 그 굵기. 글꼴을 바꿀 땐 여기만.
   11/2 대표님 "다양한 두께가 있는 끝이 둥근 폰트있나?" → 비교(docs/font-1102.html) b "추천대로": 나눔스퀘어라운드(400, 700, 800, app/fonts-r.css),
   제목은 800. 글꼴에 없는 글자는 Pretendard(app/fonts-p.css). 500은 400으로, 600은 700으로 그려짐 */
:root {
  --ft: "NanumSquareRound", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --fh: var(--ft); --fhw: 800;
}
html { letter-spacing: -0.01em; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; }
/* 줄바꿈(10/31 대표님 "전체적으로 textwrap에 전혀 신경을 안쓴것 같음"): 한국어는 낱말 중간에서 끊지 않고(keep-all, 아주 긴 낱말만 끊음),
   짧은 글(제목, 버튼, 선택지, 안내 한두 줄, 알림)은 줄 길이를 고르게(balance), 문단과 말풍선은 마지막 줄에 한 낱말만 남지 않게(pretty) */
html { word-break: keep-all; overflow-wrap: break-word; }
h1, h2, h3, h4, h5, button, label, figcaption, small, .chip, .chips button, .tip, .sys span, .toast, .gtoast, .callrow, .call span, [class*="sub"], [class*="fine"], [class*="hint"] { text-wrap: pretty; }
p, li, dd, blockquote, .b, .msg .b, .ln .t { text-wrap: pretty; }
/* 일본어 화면(11/3 세 언어): 가나와 한자는 Zen Maru Gothic(둥근 고딕, SIL OFL, app/fonts-z.css, 본문 500 제목 700), 라틴 글자도 같은 글꼴.
   영어 화면은 나눔스퀘어라운드 라틴 글자 그대로. 줄바꿈은 낱말 단위가 아니라 언어 기본(keep-all은 한국어용) */
html.l-ja {
  --ft: "Zen Maru Gothic", "NanumSquareRound", "Hiragino Maru Gothic ProN", "Hiragino Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --fh: var(--ft); --fhw: 700; letter-spacing: 0;
}
/* 11/11 영어 화면의 "…"가 나눔스퀘어라운드에서 한국식으로 가운데에 떠 "···"처럼 보였음: 이 글자 하나만 Pretendard(라틴은 Inter 꼴, 줄 아래에 붙음) */
@font-face { font-family: "TkEll"; font-style: normal; font-display: swap; font-weight: 45 920; src: url(fonts/p/86.woff2) format("woff2-variations"); unicode-range: U+2026; }
html.l-en { --ft: "TkEll", "NanumSquareRound", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif; --fh: var(--ft); }
html.l-ja, html.l-ja body { word-break: normal; line-break: strict; }
html.l-en, html.l-en body { word-break: normal; letter-spacing: 0; }
/* 일본어는 낱말 사이 띄어쓰기가 없어서 keep-all이면 줄이 안 바뀌고 넘침: 모든 요소에서 보통 줄바꿈 + 일본어 금칙(、。가 줄 앞에 안 옴) */
html.l-ja *, html.l-ja *::before, html.l-ja *::after { word-break: normal !important; line-break: strict; }
html.l-ja { font-feature-settings: "palt" 1; } /* 가나 글자 폭을 글자 모양대로(전각 그대로면 띄엄띄엄해 보임) */
html.l-en p a[href^="tel:"], html.l-en span a[href^="tel:"], html.l-ja p a[href^="tel:"], html.l-ja span a[href^="tel:"] { white-space: nowrap; } /* 전화번호가 줄 가운데서 안 끊기게 */