/* ================================================
   BRAND PUBLIC — 한글 줄바꿈 개선 (원본에 없던 파일)
   ================================================

   ⚠️ 이 파일은 bp-base.css 와 성격이 다르다. bp-base.css 는 워드프레스를 걷어내며
      사라진 것을 "되살리는" 레이어라 원본과 같아지는 것이 목적이지만, 이 파일은
      원본보다 "낫게" 만드는 의도적 개선이다. 따라서 원본과 픽셀 단위로 일치하지
      않게 된다 (2026-07-19, 사이트 전체 적용 결정).

   원본 사이트에는 word-break 설정이 아예 없다. 기본값(normal)에서 한글은 어절 개념이
   없어 글자 단위로 잘리므로, 화면이 좁아지면 "브랜드퍼블릭입니 / 다" 처럼 낱말 중간이
   끊긴다. 폭이 넓은 데스크톱에서는 잘 드러나지 않다가 모바일에서 두드러진다.

   해결은 CSS 한 겹으로 끝난다. 페이지마다 <br> 을 손보는 방식은 화면 폭이 바뀔 때마다
   다시 어긋나므로 택하지 않았다 (원본의 <br> 은 대부분 문장 경계라 그대로 둬도 된다).
   ================================================ */

/* 한글은 어절 단위로 끊는다.
   break-word 를 함께 두는 이유: keep-all 만 걸면 띄어쓰기 없는 아주 긴 문자열
   (URL, 영문 연속어)이 어디서도 못 끊겨 가로로 넘친다. 그때만 예외적으로 자른다. */
body,
.bp-content,
h1, h2, h3, h4, h5, h6,
p, li, dt, dd, figcaption, label, button, a {
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 제목은 줄 길이를 고르게 나눈다.
   좁은 화면에서 제목이 두 줄이 될 때 "브랜드 성장을 위한 맞춤 / 서비스" 처럼
   마지막 줄에 한 단어만 남는 것을 막는다. 지원하지 않는 브라우저는 무시한다. */
h1, h2, h3,
.hero-title,
.section-title,
.cta-title,
.notfound-title,
.terms-title {
    text-wrap: balance;
}

/* 본문은 마지막 줄에 단어 하나만 떨어지는 것(고아 단어)을 피한다. */
p,
li,
.section-desc,
.cta-desc,
.notfound-desc {
    text-wrap: pretty;
}