/* 책 느낌 글꼴 (시안)
   명조는 Noto Serif KR, 고딕은 Noto Sans KR, 캐치프레이즈는 Instrument Serif, 홈 칸 제목은 꾸불림이에요.
   마음에 안 들면 index.html 에서 fonts-book.css 줄 하나만 지우면 원래대로 돌아가요. */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700;900&family=Noto+Sans+KR:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap");

/* 홈 칸 제목용: 배달의민족 꾸불림 (눈누) */
@font-face {
  font-family: 'KkuBulLim';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/BMkkubulimTTF-Regular.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
}

:root { --title: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }

body, .dm-chat, input, textarea, button, select {
  font-family: "Noto Serif KR", "Nanum Myeongjo", serif;
}
body { line-height: 1.95; letter-spacing: -0.01em; }

/* 제목: 책의 장 제목처럼 굵은 고딕 */
h1, h2 { font-weight: 700; letter-spacing: -0.02em; }
.list li > a:first-child, .cal-title, .side-card h2, .dm-msg-name { font-weight: 700; }
.weather-temp { font-weight: 500; }
#nav a { letter-spacing: 0; }

/* 날짜·작성자 같은 작은 글씨: 책의 영문 부제처럼 작은 산세리프 */
.meta, .cal-week, .weather-meta, .day-list .meta {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-size: .8rem; letter-spacing: .01em;
}

/* 글 본문은 책처럼 줄 간격을 넉넉하게 */
article .post-body { line-height: 2.05; }
.dm-desc { line-height: 2.05; }
.dm-bubble { line-height: 1.85; }

/* ---------- 2차 조정 ---------- */
/* 제목용 명조: Noto Serif KR 굵게 */
:root { --title-serif: "Noto Serif KR", "Nanum Myeongjo", serif; }

/* 1. 댓글 칸은 80% 크기로 */
article + section > h2 { font-size: 1.16rem; }
#comment textarea, #comment button { font-size: .8em; }

/* 2. 홈 화면 제목(부엉이장·교환 일기·캘린더·오늘의 날씨·새 글 쓰기)은 명조 */
.home-card h1, .side-card h2, a.new-post, .cal-title {
  font-family: var(--title-serif); font-weight: 700; letter-spacing: -0.01em;
}

/* 3. 캐릭터 캐치프레이즈는 화려한 타이틀 글씨, 설명글은 조금 작게 */
.dm-name { font-family: "Instrument Serif", var(--title-serif); font-weight: 400; font-size: 3rem; letter-spacing: 0; line-height: 1.15; }
.dm-desc { font-size: 1rem; }

/* 4. 에피소드 제목·대화 이름은 명조, 대화 글씨는 조금 작게 */
.dm-ep-heading, .dm-msg-name, .dm-ep-caption { font-family: var(--title-serif); font-weight: 700; letter-spacing: -0.01em; }
.dm-bubble { font-size: .9rem; }
.dm-narration { font-size: .84rem; }

/* ---------- 3차 조정 ---------- */
/* 홈: 새 글 쓰기 버튼과 글 목록은 75% 크기로 */
.home-card a.new-post, .home-card .list { font-size: .75em; }
.home-card .list li > a:first-child { font-size: .9rem; }
.post-item-title a { font-weight: 700; }
.home-card .post-item-title a { font-size: .9rem; }
.home-card .post-item .badge { font-size: .7rem; }
.home-card .list .meta { font-size: .65rem; }
/* 글 본문은 살짝 작게 */
article .post-body { font-size: 1.02rem; }

/* 홈: 위쪽 메뉴와 아래 칸들 사이를 조금 더 띄워요 */
body.home #app { padding-top: 26px !important; }

/* ---------- 4차 조정 ---------- */
/* 홈 화면 칸 제목(부엉이장·교환 일기·캘린더·오늘의 날씨)만 꾸불림 */
body.home .home-card h1, body.home .side-card h2 { font-family: 'KkuBulLim', var(--title-serif); font-weight: normal; letter-spacing: 0; }

/* ---------- 5차 조정 ---------- */
/* 홈 말고 다른 화면(부엉이장·교환 일기·글 보기 등)도 위쪽 메뉴와 양피지 칸 사이를 띄워요 */
body:not(.home):not(.dearme) #app { margin-top: 50px; }