/* 1. 웹폰트 불러오기 (Pretendard) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* 2. 전체 전역 설정 및 배경색 지정 */
body {
  margin: 0;
  padding: 0;
  background-color: #f8f9fa; /* 밝고 눈이 편안한 회색빛 배경 */
  color: #212529;            /* 차분한 다크 그레이 텍스트 */
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.02em;   /* 가독성을 위한 미세 간격 축소 */
  line-height: 1.6;
}

/* 3. 중앙 정렬 레이아웃 컨테이너 */
.container, 
#content, 
.site-main {
  max-width: 800px;          /* 본문 폭을 가독성 좋은 범위로 제한 */
  margin: 0 auto;
  padding: 40px 20px;
}

/* 4. 카드 형태 리스트 아이템 스타일 (게시판 리스트 적용 시) */
.card-item, 
.board-list .item {
  background-color: #ffffff;
  border-radius: 12px;       /* 부드러운 모서리 */
  padding: 24px;
  margin-bottom: 20px;
  border: 1px solid #e9ecef; /* 은은한 테두리 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); /* 아주 가벼운 그림자 */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 카드 호버(마우스 올렸을 때) 효과 */
.card-item:hover, 
.board-list .item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
}

/* 5. 타이틀 및 텍스트 디테일 */
.card-title, 
.entry-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111111;
  margin-bottom: 8px;
}

.card-summary, 
.entry-summary {
  font-size: 0.95rem;
  color: #495057;            /* 본문 요약문은 조금 연한 색상 */
  line-height: 1.5;
}

/* 링크 스타일 초기화 */
a {
  color: inherit;
  text-decoration: none;
}

/* layout.css 최하단에 추가 */

/* 배경색 및 폰트 강제 적용 */
body {
  background-color: #f8f9fa !important;
  color: #212529 !important;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif !important;
}

/* 본문 영역 최대 너비 및 중앙 정렬 강제 적용 */
#content, .content, #container, .container, main {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}