h1, h2, h3, h4 {
  position: relative;
  margin-top: 0;
  font-weight: bold;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child {
  margin-bottom: 0;
}
h1.has-underline, h2.has-underline, h3.has-underline, h4.has-underline {
  display: inline-block;
}
h1, h2 {
  font-weight: bold;
}
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
  display: none;
}
.has-underline {
  padding-bottom: 15px;
}
.has-underline::after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  border-radius: 2px;
}
.has-underline.underline-extra-small::after {
  width: 100%;
  max-width: 50px;
}
.has-underline.underline-small::after {
  width: 60%;
  max-width: 150px;
}
.has-underline.underline-medium::after {
  width: 80%;
}
.has-underline.underline-wider::after {
  width: 112.5%;
}
.text-center .has-underline::after {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.text-center .has-underline.underline-wider::after {
  left: -12.5%;
  width: 125%;
}
.controller.inverted:not(.has-banner):not(.ignore-invert-underlines) .has-underline::after {
  background: white;
}