/* ============================================================
   매일의 지평 — 커스텀 폰트 (Pretendard 본문 + 명조 제목)
   Hugo ananke 테마용. static/css/custom.css 로 두고
   테마 레이아웃에서 불러오거나, ananke의 custom CSS 방식을 따른다.
   ============================================================ */

/* Pretendard (본문용, 깔끔한 고딕) — CDN */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

/* Nanum Myeongjo (제목용, 지적인 명조) — 구글 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/* 본문 전체 기본 폰트 */
body,
p, li, td, th, blockquote,
.article-content,
.f3, .f4, .f5, .measure {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont,
    'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
  letter-spacing: -0.01em;
}

/* 본문 가독성: 줄 간격과 글자 크기 */
.article-content,
.article-content p,
article p {
  line-height: 1.85;
  font-size: 1.12rem;
  word-break: keep-all;   /* 한글 단어 단위 줄바꿈 — 어색한 끊김 방지 */
}

/* 제목류: 명조체로 지적인 느낌 */
h1, h2, h3, h4,
.title, .f1, .f2,
article h1, article h2, article h3 {
  font-family: 'Nanum Myeongjo', 'Pretendard', serif !important;
  letter-spacing: -0.01em;
  word-break: keep-all;
}

/* 본문 소제목 여백을 조금 넉넉히 (읽기 흐름) */
article h2 { margin-top: 2.2em; margin-bottom: 0.6em; }
article h3 { margin-top: 1.6em; margin-bottom: 0.4em; }

/* figure 캡션(이미지 출처 표기)을 작고 흐리게 */
figcaption {
  font-size: 0.85rem;
  color: #888;
  text-align: center;
  margin-top: 0.4em;
  font-family: 'Pretendard', sans-serif;
}

/* 이미지가 본문 폭에 맞게, 가운데 정렬 */
article img {
  display: block;
  margin: 1.6em auto;
  max-width: 100%;
  border-radius: 4px;
}

/* ============================================================
   헤더 — 로고 왼쪽, 메뉴 오른쪽
   ============================================================ */

/* 로고+메뉴 감싸는 div를 항상 flex + 전체폭 + 양끝정렬 */
header nav > div.flex-l,
header nav > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

/* 확실히 하기 위해: 메뉴 블록을 오른쪽으로 밀기 */
header nav > div > div.flex-l,
header nav > div > div:last-child {
  margin-left: auto !important;
}

/* 로고 이미지 크기 */
header nav img {
  width: auto !important;
  max-width: none !important;
  height: 48px !important;
}

header nav ul { margin: 0; }