/* --- Force heading scale inside JTD content --- */
/* Stronger selector than .main-content h* */
html body #main-content main h1 {
  font-size: clamp(2.2rem, 2.2rem + 1.8vw, 3.2rem) !important;
  line-height: 1.2;
  font-weight: 800;
}

html body #main-content main h2 {
  font-size: clamp(1.7rem, 1.5rem + 1.2vw, 2.2rem) !important;
  line-height: 1.2;
  font-weight: 800;
  border-bottom: 1px solid #D8DEE4;
  padding-bottom: .3em;
  margin-top: 3rem;
  margin-bottom: 16px;
}

html body #main-content main h3 {
  font-size: clamp(1.35rem, 1.2rem + .8vw, 1.75rem) !important;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0;
}

/* The problem child: #### */
html body #main-content main h4,
html body .main-content h4 {
  font-size: clamp(1.15rem, 1.05rem + .5vw, 1.35rem) !important;
  line-height: 1.3;
  font-weight: 600;
  color: #475569;
  border: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 1.75rem;
  margin-bottom: .6rem;
}

/* Keep paragraphs tight after headings */
#main-content main h1 + p,
#main-content main h2 + p,
#main-content main h3 + p,
#main-content main h4 + p {
  margin-top: 0;
}