/* Pretendard (Korean-first) + JetBrains Mono */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.css");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");

:root {
  --md-text-font: "Pretendard Variable", "Pretendard",
    -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI",
    "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --md-code-font: "JetBrains Mono", ui-monospace, SFMono-Regular,
    "SF Mono", Consolas, "Liberation Mono", monospace;
}

/* Body typography — slightly taller line-height for Korean legibility */
.md-typeset {
  font-size: 0.82rem;
  line-height: 1.78;
  letter-spacing: -0.003em;
  word-break: keep-all;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  margin-top: 2.4em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

.md-typeset h3 {
  margin-top: 1.8em;
}

/* Blog feed — give each post a card-like container */
article.md-post {
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
  background: var(--md-default-bg-color);
  transition: border-color 140ms ease, box-shadow 140ms ease,
    transform 140ms ease;
}

article.md-post:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.md-post__header {
  gap: 0.75rem;
  margin-bottom: 0.35rem;
  font-size: 0.72rem;
}

.md-post__title {
  margin: 0.2rem 0 0.5rem;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.35;
}

.md-post__content > p:first-child {
  margin-top: 0.25rem;
  color: var(--md-default-fg-color--light);
}

.md-post__action {
  margin-top: 0.75rem;
  font-weight: 600;
}

/* Category / tag badges a touch softer */
.md-typeset .md-tag {
  border-radius: 999px;
  font-weight: 500;
}

/* Blockquote — thinner but more saturated rule */
.md-typeset blockquote {
  border-left-width: 3px;
  color: var(--md-default-fg-color--light);
}

/* Code blocks — slightly denser, preserve mono feel */
.md-typeset code {
  font-size: 0.78em;
  border-radius: 0.25rem;
}

.md-typeset pre > code {
  font-size: 0.78em;
  line-height: 1.65;
}

/* Tables — slightly larger type for scanability + row hover */
.md-typeset table:not([class]) {
  font-size: 0.78rem;
}

.md-typeset table:not([class]) tbody tr:hover {
  background: var(--md-default-fg-color--lightest);
}

/* Header / nav — tighter weight */
.md-header__title,
.md-tabs__link {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Dark mode — a hair darker background for contrast */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: hsl(222, 12%, 9%);
}

/* mkdocs-material 블로그 플러그인은 categories: ["v10", "v10 exp-expert"]에서
   compound 카테고리("v10 exp-expert", "v10 exp-critic", ...)도 sidebar nav의
   "카테고리" 섹션에 모두 펼쳐 노출한다. 결과적으로 6 버전 × 4–5 섹션 = 30+
   항목으로 nav가 어수선해지는데, 페이지 내 섹션 필터 버튼이 같은 역할을
   대신하므로 nav 측에서는 버전 단위(v5/v6/.../v10)만 남기고 (version, section)
   조합 항목은 숨긴다. URL 자체는 그대로 살아 있어 카드/버튼 링크는 정상 동작. */
.md-nav__item:has(> a[href*="/blog/category/"][href$="/exp-expert/"]),
.md-nav__item:has(> a[href*="/blog/category/"][href$="/exp-critic/"]),
.md-nav__item:has(> a[href*="/blog/category/"][href$="/exp-designer/"]),
.md-nav__item:has(> a[href*="/blog/category/"][href$="/lab-leader/"]),
.md-nav__item:has(> a[href*="/blog/category/"][href$="/reporter/"]) {
  display: none;
}