:root {
  --h1-size: 2.25rem !important;
}

.db-post__body .gh-content h1,
.db-post__body .gh-content h2,
.db-post__body .gh-content h3 {
  margin: 0 0 20px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: var(--db-text-strong) !important;
  scroll-margin-top: calc(var(--db-header-height) + 24px) !important;
}

.db-post__body .gh-content h1 {
  font-size: 28px !important;
  letter-spacing: -0.14px !important;
}

.db-post__body .gh-content h2 {
  font-size: 24px !important;
  letter-spacing: -0.12px !important;
}

.db-post__body .gh-content h3 {
  font-size: 22px !important;
  letter-spacing: -0.11px !important;
}

.db-post__body .gh-content h1:not(:first-child) {
  margin-top: 58px !important;
}

@media (min-width: 48rem) {
  .db-post__body .gh-content h1 {
    font-size: 36px !important;
    letter-spacing: -0.18px !important;
  }

  .db-post__body .gh-content h2 {
    font-size: 32px !important;
    letter-spacing: -0.16px !important;
  }

  .db-post__body .gh-content h3 {
    font-size: 28px !important;
    letter-spacing: -0.14px !important;
  }
}

@media (min-width: 120rem) {
  .db-post__body .gh-content h1 {
    font-size: 40px !important;
    letter-spacing: -0.2px !important;
  }

  .db-post__body .gh-content h2 {
    font-size: 36px !important;
    letter-spacing: -0.18px !important;
  }

  .db-post__body .gh-content h3 {
    font-size: 30px !important;
    letter-spacing: -0.15px !important;
  }

  .db-post__body .gh-content h1:not(:first-child) {
    margin-top: 72px !important;
  }
}