/* ===== 마루 부리 — 읽기 전용 본문 서체 =====
   네이버가 '본문 읽기'용으로 만든 명조. 부리(세리프)가 얕아 화면에서 뭉개지지 않는다.
   UI(버튼·목록·메타·숫자·입력창)는 Pretendard를 그대로 두고, 사용자가 자리 잡고
   읽는 본문에만 적용한다. → "UI는 고딕, 읽을거리는 명조"

   이 파일은 읽기 페이지(커뮤니티 글 상세 / 뉴스 상세 / 매거진 레터)에서만 link 한다.
   다른 페이지에서는 폰트를 아예 내려받지 않는다.

   Regular(400)·Bold(700) 두 자소만 선언 — 각 ~270KB.
   font-display:swap 이므로 폰트가 도착하기 전에는 Pretendard로 즉시 렌더되고,
   도착하면 바꿔 그린다(빈 화면 없음). */

@font-face {
  font-family: 'Maru Buri';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/MaruBuri/MaruBuri-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Maru Buri';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/MaruBuri/MaruBuri-Bold.woff2') format('woff2');
}

/* ── 적용 대상: '읽는' 본문만 ──
   자간(letter-spacing)은 고딕만큼 좁히지 않는다. 명조는 획이 가늘어서
   Pretendard용으로 잡아둔 -.09em 같은 값을 그대로 쓰면 글자가 붙어 보인다. */
.cp-post-body,                      /* 커뮤니티 글 본문 */
.ed-content,                        /* 뉴스 상세 본문 (p는 font-family:inherit) */
.ed-dek,                            /* 뉴스 상세 리드문 */
.pick-story p,                      /* 매거진 레터 — 꼭지 본문 */
.pick-summary li,                   /* 매거진 레터 — 오늘의 요약 */
.pick-message p {                   /* 매거진 레터 — 맺음말 인용 */
  font-family: var(--font-serif);
  letter-spacing: -0.005em;
}

/* 본문 안이라도 UI 성격의 요소는 고딕으로 되돌린다.
   버튼·입력창·코드·배지에 명조가 걸리면 조작 요소로 안 읽힌다. */
.cp-post-body button, .cp-post-body input, .cp-post-body select, .cp-post-body textarea,
.cp-post-body code, .cp-post-body pre,
.ed-content button, .ed-content code, .ed-content pre {
  font-family: var(--font-sans);
  letter-spacing: normal;
}