/* ===== 트렌드나침반 — 모던 블로그 디자인 보정 ===== */

/* 가독성: 줄간격/자간 (한글 본문) */
.md-typeset {
  line-height: 1.78;
  letter-spacing: -0.003em;
}
.md-typeset p { margin: 0.95em 0; }

/* 제목 가중치/자간 */
.md-typeset h1 { font-weight: 800; letter-spacing: -0.02em; }
.md-typeset h2 { font-weight: 700; letter-spacing: -0.01em; margin-top: 2.2em; }
.md-typeset h3 { font-weight: 700; }

/* 본문 이미지: 둥근 모서리 + 은은한 그림자 + 가운데 정렬 폭 */
.md-typeset img {
  border-radius: 14px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.10);
}

/* 인용/admonition 살짝 부드럽게 */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
  border-width: 0 0 0 4px;
}

/* ===== 홈 피드: 글을 카드로 ===== */
.md-post--excerpt {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 18px;
  padding: 1.6rem 1.9rem;
  margin-bottom: 1.6rem;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.md-post--excerpt:hover {
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.11);
  transform: translateY(-3px);
  border-color: var(--md-primary-fg-color);
}
.md-post--excerpt .md-post__title,
.md-post--excerpt .md-post__title > * {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
/* 카드 안 본문 이미지는 그림자 빼서 가볍게 */
.md-post--excerpt .md-typeset img { box-shadow: none; }

/* 메타(날짜·읽는 시간) 톤다운 */
.md-post__meta,
.md-post .md-meta {
  color: var(--md-default-fg-color--light);
  font-size: 0.74rem;
}

/* "계속 읽기" 강조 */
.md-post__action a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 600;
}

/* 카테고리/태그 칩: pill 형태 */
.md-tag {
  border-radius: 999px;
  font-size: 0.7rem;
}

/* 홈 인트로 문단을 살짝 크게 (리드 텍스트 느낌) */
.md-content__inner > p:first-of-type {
  font-size: 1.05rem;
  color: var(--md-default-fg-color--light);
}

/* 콘텐츠 최대폭 약간 넓혀 블로그 느낌 */
.md-grid { max-width: 64rem; }

/* ===== 헤더: 딥 그라디언트 (인디고 → 바이올렛) ===== */
.md-header {
  background: linear-gradient(90deg, #4338ca 0%, #6d28d9 55%, #7c3aed 100%);
  box-shadow: 0 2px 14px rgba(67, 56, 202, 0.25);
}
.md-header[data-md-state="shadow"],
.md-header--shadow {
  box-shadow: 0 4px 22px rgba(67, 56, 202, 0.38);
}
/* 헤더 높이: 상하 여백 ~6px 추가 */
.md-header__inner {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
/* 브랜드 타이포 + 로고와 명칭 간격 좁히기 */
.md-header__button.md-logo {
  padding-right: 0.1rem;
  margin-right: -0.3rem;
}
.md-header__title {
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 1.15rem;
  margin-left: 0;
}
.md-header__title .md-header__topic:first-child {
  margin-left: 0;
}
/* 탭 영역도 투명하게(있을 경우) */
.md-tabs {
  background: transparent;
  background: linear-gradient(90deg, #6d28d9 0%, #7c3aed 100%);
}
/* 검색창: 반투명 화이트 pill (열기 전) */
.md-search__form {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  transition: background 0.2s ease;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.md-search__form:hover { background: rgba(255, 255, 255, 0.26); }
/* 검색 열렸을 때는 Material 기본(흰 배경) 유지 */
[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
  background: var(--md-default-bg-color);
}