.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-family: "Barlow", "Noto Sans TC", "Segoe UI", sans-serif;
  color: var(--npf-text-primary);
  letter-spacing: -0.01em;
}

.md-typeset h1 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  line-height: 1.18;
  margin-bottom: 0.7em;
}

.md-typeset h2 {
  font-size: clamp(1.45rem, 2.4vw, 1.95rem);
  line-height: 1.24;
  margin-top: 1.8em;
  margin-bottom: 0.6em;
}

.md-typeset h3 {
  font-size: clamp(1.15rem, 1.8vw, 1.35rem);
  line-height: 1.3;
}

.md-typeset p,
.md-typeset li {
  color: var(--npf-text-secondary);
  line-height: 1.72;
}

.md-typeset :not(pre) > code {
  background: color-mix(in srgb, var(--npf-surface-2) 85%, transparent);
  border: 1px solid var(--npf-border);
  color: var(--npf-text-primary);
  border-radius: 0.35rem;
  padding: 0.15em 0.4em;
  font-size: 0.85em;
}

.md-typeset pre,
.md-typeset pre code {
  font-family: "JetBrains Mono", "Roboto Mono", Consolas, monospace;
}

.md-tabs__link,
.md-nav__link,
.md-footer,
.md-footer-meta {
  font-family: "Barlow", "Noto Sans TC", "Segoe UI", sans-serif;
}

.npf-brand-next,
.npf-brand-pdf {
  font-family: "Barlow", "Noto Sans TC", "Segoe UI", sans-serif;
  display: inline-block;
}

.npf-brand-next {
  font-weight: 600;
  transform: skewX(-2.5deg);
  letter-spacing: -0.3px;
}

.npf-brand-pdf {
  font-weight: 200;
  letter-spacing: 0.5px;
}