body {
  max-width: 680px;
  margin: 0 auto;
  padding: 48px 20px;
  font-family: -apple-system, "Apple SD Gothic Neo", sans-serif;
  font-size: 17px;
  line-height: 1.8;
  color: #222;
  background: #fff;
  /* 푸터를 화면 맨 아래에 붙이기 */
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main { flex: 1; }

a { color: inherit; }

header { margin-bottom: 64px; }
.logo { font-weight: 700; text-decoration: none; }

.intro { color: #999; font-size: 14px; margin: 2px 0 0; }

/* 메인: 카테고리 섹션 */
.category { margin-bottom: 56px; }
.category h2 { font-size: 18px; margin: 0 0 12px; }
.category h2 a { text-decoration: none; }

/* 글 목록 (메인, 카테고리 페이지 공통) */
.post-list { list-style: none; padding: 0; margin: 0; }
.post-list li { display: flex; gap: 16px; margin: 6px 0; }
.post-list time { flex-shrink: 0; font-variant-numeric: tabular-nums; line-height: 1.8; padding-top: 2px; }
.post-list a { text-decoration: none; }
.post-list a:hover { text-decoration: underline; }

.more { margin: 8px 0 0; font-size: 15px; }
.more a { color: #999; text-decoration: none; }
.more a:hover { color: #222; }
.empty { color: #999; font-size: 15px; margin: 0; }

/* 글 페이지: 날짜 · 카테고리 */
.post-meta { margin: 0; font-size: 14px; color: #999; }
.post-meta a { color: #999; }

time { font-size: 14px; color: #999; }
h1 { font-size: 28px; line-height: 1.4; margin: 4px 0 32px; }

footer { margin-top: 96px; font-size: 14px; color: #999; }