.fragment-heading-text-colored a {
	color: inherit;
}

.component-heading,
.component-paragraph {
  /* Line heights: tighter for large headings, more open for small headings */
  --component-h1-line-height: 1.1 !important;
  --component-h2-line-height: 1.15 !important;
  --component-h3-line-height: 1.2 !important;
  --component-h4-line-height: 1.3 !important;
  --component-h5-line-height: 1.35 !important;
  --component-h6-line-height: 1.4 !important;

  /* Fluid sizes: mobile -> desktop */
  --component-h1-size: clamp(1.875rem, 1.4rem + 1.6vw, 2.25rem) !important;
  --component-h2-size: clamp(1.65rem,   1.2rem + 1.1vw, 1.875rem) !important;
  --component-h3-size: clamp(1.25rem,  1.1rem + 0.7vw, 1.5rem) !important;
  --component-h4-size: clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem) !important;
  --component-h5-size: clamp(1rem,     0.98rem + 0.2vw, 1.125rem) !important;
  --component-h6-size: clamp(0.9375rem, 0.93rem + 0.1vw, 1rem) !important;

  /* Weights */
  --component-h1-weight: 600 !important;
  --component-h2-weight: 600 !important;
  --component-h3-weight: 500 !important;
  --component-h4-weight: 500 !important;
  --component-h5-weight: 500 !important;
  --component-h6-weight: 500 !important;
}


#main-content h1.component-heading{
  font-size: var(--component-h1-size) !important;
  font-weight: var(--component-h1-weight) !important;
  line-height: var(--component-h1-line-height) !important;
}

#main-content h2.component-heading{
  font-size: var(--component-h2-size) !important;
  font-weight: var(--component-h2-weight) !important;
  line-height: var(--component-h2-line-height) !important;
}

#main-content h3.component-heading{
  font-size: var(--component-h3-size) !important;
  font-weight: var(--component-h3-weight) !important;
  line-height: var(--component-h3-line-height) !important;
}

#main-content h4.component-heading{
  font-size: var(--component-h4-size) !important;
  font-weight: var(--component-h4-weight) !important;
  line-height: var(--component-h4-line-height) !important;
}

#main-content h5.component-heading{
  font-size: var(--component-h5-size) !important;
  font-weight: var(--component-h5-weight) !important;
  line-height: var(--component-h5-line-height) !important;
}

#main-content h6.component-heading{
  font-size: var(--component-h6-size) !important;
  font-weight: var(--component-h6-weight) !important;
  line-height: var(--component-h6-line-height) !important;
}

#main-content .component-paragraph h1{
  font-size: var(--component-h1-size) !important;
  font-weight: var(--component-h1-weight) !important;
  line-height: var(--component-h1-line-height) !important;
}

#main-content .component-paragraph h2{
  font-size: var(--component-h2-size) !important;
  font-weight: var(--component-h2-weight) !important;
  line-height: var(--component-h2-line-height) !important;
}

#main-content .component-paragraph h3{
  font-size: var(--component-h3-size) !important;
  font-weight: var(--component-h3-weight) !important;
  line-height: var(--component-h3-line-height) !important;
}

#main-content .component-paragraph h4{
  font-size: var(--component-h4-size) !important;
  font-weight: var(--component-h4-weight) !important;
  line-height: var(--component-h4-line-height) !important;
}

#main-content .component-paragraph h5{
  font-size: var(--component-h5-size) !important;
  font-weight: var(--component-h5-weight) !important;
  line-height: var(--component-h5-line-height) !important;
}

#main-content .component-paragraph h6{
  font-size: var(--component-h6-size) !important;
  font-weight: var(--component-h6-weight) !important;
  line-height: var(--component-h6-line-height) !important;
}