/* ============================================================
   『AI가 두려운 당신에게 — 정책 노트』 전용 테마
   기본 Material 느낌을 지우고 편집물(에디토리얼) 톤으로 재구성.
   - 본문: Pretendard / 제목: Noto Serif KR
   - 따뜻한 종이색 배경 + 차분한 청록 액센트
   ============================================================ */

:root {
  --font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
               "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  /* 제목까지 전부 Pretendard로 통일 */
  --font-serif: var(--font-sans);
}

/* ---- 색 팔레트 (라이트) ---- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #14366b;   /* 딥 네이비 블루 */
  --md-primary-fg-color--light: #1e4d94;
  --md-primary-fg-color--dark:  #0d2547;
  --md-accent-fg-color:         #2563eb;   /* 선명한 블루 액센트 */
  --md-default-bg-color:        #ffffff;   /* 순백 배경 */
  --md-default-fg-color:        #1f2328;
  --md-default-fg-color--light: #4a463f;
  --md-typeset-a-color:         #14366b;
}

/* ---- 색 팔레트 (다크) ---- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0d2547;
  --md-accent-fg-color:         #4d8bf0;
  --md-default-bg-color:        #16181a;
  --md-typeset-a-color:         #6aa8f5;
}

/* ---- 전역 폰트 ---- */
body, input, .md-typeset {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.003em;
}

/* ============================================================
   상단 헤더: Material 특유의 색 블록을 덜어내고 얇은 바로
   ============================================================ */
.md-header {
  background-color: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
[data-md-color-scheme="slate"] .md-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.md-header__title {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 0.95rem;
  margin-left: 0.6rem;  /* 로고 제거 후 좌측 여백 보정 */
}
/* 헤더 로고(기본 Material 아이콘) 제거 */
.md-header__button.md-logo { display: none; }
/* 헤더 검색창을 배경에 자연스럽게 */
.md-search__form {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  border-radius: 999px;
}
[data-md-color-scheme="slate"] .md-search__form {
  background-color: rgba(255, 255, 255, 0.08);
}
.md-search__input::placeholder { color: var(--md-default-fg-color--light); }

/* 상단 탭바(쓰는 경우)도 종이색으로 */
.md-tabs { background-color: var(--md-default-bg-color); color: var(--md-default-fg-color); }

/* ============================================================
   본문 타이포그래피: 긴 글을 읽기 위한 설정
   ============================================================ */
.md-grid { max-width: 64rem; }          /* 살짝 좁혀 가독성 */

.md-typeset {
  font-size: 0.82rem;
  line-height: 1.95;
  color: var(--md-default-fg-color);
}
.md-content__inner { margin-top: 1.2rem; }

.md-typeset h1 {
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 1.85rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--md-default-fg-color);
  margin-bottom: 1.4rem;
}
.md-typeset h2 {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 1.3rem;
  margin-top: 2.6rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
[data-md-color-scheme="slate"] .md-typeset h2 { border-top-color: rgba(255, 255, 255, 0.08); }
.md-typeset h3 { font-family: var(--font-serif); font-weight: 600; font-size: 1.1rem; }

.md-typeset p { margin: 1.1em 0; }

/* 정책 노트 본문의 소제목은 굵은 문단으로 들어옴 → 또렷하게 */
.md-typeset p > strong:only-child {
  display: inline-block;
  font-family: var(--font-serif);
  font-size: 1.05em;
  color: var(--md-primary-fg-color);
  margin-top: 0.6em;
}
[data-md-color-scheme="slate"] .md-typeset p > strong:only-child { color: var(--md-accent-fg-color); }

/* 인용 */
.md-typeset blockquote {
  border-left: 3px solid var(--md-accent-fg-color);
  color: var(--md-default-fg-color--light);
  font-style: normal;
}

/* 링크 밑줄을 은은하게 */
.md-typeset a { text-decoration: none; border-bottom: 1px solid rgba(20, 54, 107, 0.25); }
.md-typeset a:hover { color: var(--md-accent-fg-color); border-bottom-color: var(--md-accent-fg-color); }

/* ============================================================
   사이드바 내비게이션: 더 조용하게
   ============================================================ */
.md-nav { font-size: 0.72rem; }
.md-nav__title { font-family: var(--font-serif); }
.md-nav__link--active { color: var(--md-accent-fg-color); font-weight: 600; }
.md-nav__item .md-nav__link:hover { color: var(--md-accent-fg-color); }

/* ============================================================
   홈 히어로 (index.md 의 .hero 블록)
   ============================================================ */
.hero {
  margin: 0.5rem 0 2.5rem;
  padding: 2.6rem 0 2.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
[data-md-color-scheme="slate"] .hero { border-bottom-color: rgba(255, 255, 255, 0.08); }
.hero__eyebrow {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--md-accent-fg-color);
  font-weight: 700;
  margin-bottom: 0.8rem;
}
/* h1로 렌더되므로 .md-typeset h1 규칙을 이기도록 명시도 보강 */
.md-typeset h1.hero__title,
.hero__title {
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin: 0 0 1rem;
}
/* 히어로 제목의 퍼머링크(¶) 숨김 */
.hero__title .headerlink { display: none; }
.hero__lead {
  font-size: 0.9rem;
  line-height: 1.9;
  color: var(--md-default-fg-color--light);
  max-width: 38rem;
}

/* 홈 목록: 카드 그리드 */
.note-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 0.9rem;
  margin: 1.5rem 0;
}
.note-card {
  display: block;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.6rem;
  background: #f7f9fc;   /* 흰 배경 위에서 카드가 살짝 떠 보이도록 */
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
[data-md-color-scheme="slate"] .note-card {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
}
.md-typeset .note-card { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* 링크 밑줄 규칙 상쇄 */
.note-card:hover {
  border-color: var(--md-accent-fg-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.note-card__num {
  font-family: var(--font-serif);
  font-size: 0.72rem;
  color: var(--md-accent-fg-color);
  font-weight: 700;
}
.note-card__title {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0.25rem 0 0.45rem;
  color: var(--md-default-fg-color);
  line-height: 1.45;
}
.note-card__q {
  font-size: 0.72rem;
  line-height: 1.6;
  color: var(--md-default-fg-color--light);
}

/* ============================================================
   표: 정책 자료용으로 또렷하고 단정하게
   ============================================================ */
.md-typeset table:not([class]) {
  font-size: 0.74rem;
  line-height: 1.7;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: none;
}
.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: #fff;
  font-family: var(--font-serif);
  font-weight: 600;
  border: none;
}
.md-typeset table:not([class]) td {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  vertical-align: top;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-top-color: rgba(255, 255, 255, 0.1);
}
/* 짝수 행 옅은 음영 */
.md-typeset table:not([class]) tr:nth-child(even) > td,
.md-typeset table:not([class]) tbody tr:nth-child(even) {
  background-color: rgba(37, 99, 235, 0.04);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.03);
}

/* 푸터를 단정하게 */
.md-footer-meta { background-color: var(--md-primary-fg-color--dark); }
.md-footer { background-color: var(--md-primary-fg-color); }