/* ── 최소 레이아웃 (심플 유지, 원본 테마 안 따라감) — 사이트 공통, 손댈 필요 없음 ── */
body {
  font-family: -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: #1a1a1a;
  line-height: 1.7;
  margin: 0;
  background: #fff;
}
.page-wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 20px 64px;
}
header.site-header {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 24px;
}
header.site-header a {
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.2rem;
}
article h1 {
  font-size: 1.6rem;
  line-height: 1.35;
  margin: 0 0 8px;
}
.meta {
  color: #888;
  font-size: 0.85rem;
  margin: 0 0 20px;
}
/* 대표이미지(article > img, .entry-content 밖)까지 포함해서 전역으로 걸어야 함 —
   안 그러면 생성된 썸네일(보통 1200px대 고정폭)이 본문 폭을 그대로 뚫고 나가서
   모바일에서 옆으로 드래그되는 문제가 생김 (실제로 fithealthfirst.com에서 발생, 2026-09-04). */
img {
  max-width: 100%;
  height: auto;
}
.entry-content img {
  border-radius: 6px;
}
.entry-content p {
  margin: 0 0 1.1em;
}
ul.post-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.post-list li {
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  gap: 8px;
}
ul.post-list a {
  color: #1a1a1a;
  text-decoration: none;
  flex: 1;
  min-width: 0;
}
ul.post-list a:hover {
  color: #d52acc;
}
ul.post-list .cat {
  font-size: 0.72rem;
  padding: 2px 7px;
  border-radius: 10px;
  background: #f0f0f0;
  color: #555;
  white-space: nowrap;
  flex-shrink: 0;
}
ul.post-list .date {
  color: #aaa;
  font-size: 0.82rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.meta a {
  color: #d52acc;
  text-decoration: none;
}
.site-description {
  color: #666;
  font-size: 0.95rem;
  margin: -4px 0 20px;
}
.meta a:hover {
  text-decoration: underline;
}
/* Hugo 내장 _internal/pagination.html이 찍어내는 마크업(ul.pagination > li.page-item > a.page-link) */
.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 32px 0 0;
}
.pagination .page-item .page-link {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #eee;
  border-radius: 6px;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 0.9rem;
}
.pagination .page-item.active .page-link {
  background: #d52acc;
  border-color: #d52acc;
  color: #fff;
}
.pagination .page-item.disabled .page-link {
  color: #ccc;
  border-color: #f5f5f5;
}

/* 애드센스 광고 슬롯 CLS(레이아웃 시프트) 대응 — 광고가 비동기로 늦게 로드되면서
   자리를 나중에 차지하면 이미 읽고 있던 본문이 훅 밀려버리는 문제가 있음(구글
   자체 가이드에서도 "광고 자리 미리 확보"를 CLS 대응으로 권장). 광고 스크립트나
   수익엔 전혀 손 안 대고 순수 레이아웃 예약만 하는 거라 광고 정책/수익 리스크 없음.
   실제 서빙되는 광고 크기에 따라 필요하면 이 값 조정할 것. */
ins.adsbygoogle {
  min-height: 250px;
}

/* ═══════════════════════════════════════════════════════════════
   여기부터는 이 사이트 고유의 본문 스타일입니다.
   실제 워드프레스 글 페이지를 curl로 받아서 <style id="wp-custom-css">
   (또는 그에 준하는 테마 커스텀 CSS) 내용을 그대로 이 아래에 붙여넣으세요.
   TODO: nongsanote.com 실제 글 페이지에서 커스텀 CSS 확인 후 교체
   ═══════════════════════════════════════════════════════════════ */