/* ============================================================================
   MindFin 한국어 조판 기본값 (2026-10-05)
   모든 페이지 <head> 맨 끝에서 로드한다(117개 HTML + 서버 렌더 Q&A).
   규칙을 이 파일 한 곳에서만 관리한다 — 페이지마다 따로 넣지 않는다.

   왜 필요한가
   브라우저 기본값은 한글을 글자 사이 어디서나 끊는다 → "고점에 사 / 고".
   한국어는 띄어쓰기(어절) 단위로 끊어야 자연스럽다. 기존에는 keep-all이
   .mf-page 등 93곳에 조각조각 걸려 있어, 빠진 곳에서만 어색하게 끊겼다.
   ============================================================================ */

/* ① 어절 단위로만 줄을 바꾼다.
   ② 어절 하나가 칸보다 길 때(URL·긴 영문)만 예외로 끊어 넘침을 막는다. */
html {
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* ③ 제목·본문 모두 pretty — 앞에서부터 어절 단위로 채우고, 마지막 줄에
      한 단어만 남는 것만 막는다("…저점에 / 파는가" 방지).
   ⚠️ balance를 쓰지 않는다 (2026-10-05 실측 — 같은 페이지 360px 비교).
      balance는 위아래 줄 길이만 맞추느라 문법 경계를 무시한다:
        "왜 나는 고점에 / 사고 저점에 파는가"      ← 목적어와 동사를 가름
        "유형을 아는 것과 바꾸는 / 건 다른 얘기예요" ← 꾸밈말과 의존명사를 가름
        "내 투자 / 성향은 알았는데,"               ← 명사구를 가름
      pretty는 넷 다 자연스러웠다("왜 나는 고점에 사고 / 저점에 파는가").
   미지원 브라우저는 이 규칙을 무시하고 ①②만 적용된다(점진적 향상). */
h1, h2, h3, h4,
.mf-display, .mf-h1, .mf-h2, .mf-h3,
p, li, dd, dt, figcaption, blockquote, td, th,
.mf-sub, .mf-caption {
    text-wrap: pretty;
}

/* ⑤ 의미 단위 묶음 — 이 안에서는 줄을 바꾸지 않는다.
   핵심 카피(히어로 제목·부제)를 구(句) 단위로 끊고 싶을 때만 쓴다.
   예: <span class="ko-nb">왜 나는 매번</span> <span class="ko-nb">고점에 사고</span>
   ⚠️ 묶음 하나가 320px 화면 폭을 넘지 않게 짧게 — 넘으면 가로로 삐져나간다. */
.ko-nb {
    white-space: nowrap;
}