h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--si-color-black);
  margin-bottom: 0;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  text-decoration: none;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: 28px;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h1 {
  font-weight: var(--si-fw-semibold);
  font-size: var(--si-fs-heading-h1);
  line-height: var(--si-lh-heading-h1);
}

h2,
.h2 {
  font-weight: var(--si-fw-semibold);
  font-size: var(--si-fs-heading-h2);
  line-height: var(--si-lh-heading-h2);
}

h3,
.h3 {
  font-weight: var(--si-fw-semibold);
  font-size: var(--si-fs-heading-h3);
  line-height: var(--si-lh-heading-h3);
}

h4,
.h4 {
  font-weight: var(--si-fw-semibold);
  font-size: var(--si-fs-heading-h4);
  line-height: var(--si-lh-heading-h4);
}

h5,
.h5 {
  font-weight: var(--si-fw-semibold);
  font-size: var(--si-fs-heading-h5);
  line-height: var(--si-lh-heading-h5);
}

h6,
.h6 {
  font-family: var(--si-ff-sans);
  font-weight: var(--si-fw-semibold);
  font-size: var(--si-fs-heading-h6);
  line-height: var(--si-lh-heading-h6);
}

h1.alt {
  font-size: var(--si-fs-heading-h1-alt);
  line-height: var(--si-lh-heading-h1-alt);
}

h2.alt {
  font-size: var(--si-fs-heading-h2-alt);
  line-height: var(--si-lh-heading-h2-alt);
  font-family: var(--si-ff-accent);
  font-weight: var(--si-fw-regular);
}

h2.sidebar-title {
  margin-block-end: var(--si-space-20);
  font-weight: var(--si-fw-semibold);
  font-size: var(--si-fs-heading-h4);
  line-height: var(--si-lh-heading-h4);
}