.de {
  font-size: 0.875em;
}
.de__h1 {
  font-weight: 700;
  margin: 0.5em 0;
  font-size: 1.75em;
  line-height: 1.25;
}
.de__h2 {
  font-weight: 700;
  margin: 0.5em 0;
  font-size: 1.375em;
  line-height: 1.3;
}
.de__h3 {
  font-weight: 700;
  margin: 0.5em 0;
  font-size: 1.25em;
  line-height: 1.4;
}
.de__h4 {
  font-weight: 700;
  margin: 0.5em 0;
  font-size: 1.1875em;
  line-height: 1.4;
}
.de__h5 {
  font-weight: 700;
  margin: 0.5em 0;
  font-size: 1.125em;
  line-height: 1.4;
}
.de__h6 {
  font-weight: 700;
  margin: 0.5em 0;
  font-size: 1.0625em;
  line-height: 1.4;
}
.de__a {
  color: var(--pg-color-main);
  text-decoration: underline;
}
.de__ol li::marker {
  color: var(--pg-color-main);
  font-weight: bold;
}
.de__ul {
  position: relative;
  list-style-type: none;
}
.de__ul li::before {
  content: "\e122";
  display: inline-block;
  font-family: var(--pg-font-family-awesome);
  font-weight: 800;
  color: var(--pg-color-main);
  font-size: 0.75em;
  margin-left: -1.5em;
  position: absolute;
  margin-top: 0.25em;
}
.de__blockquote .de__p {
  position: relative;
  color: color-mix(in hsl, var(--pg-color-paragraph), transparent 50%);
  padding: 0.625em 0.9375em 0.625em 1.875em;
}
.de__blockquote .de__p::before {
  font-size: 1.2em;
  position: absolute;
  font-family: var(--pg-font-family-awesome);
  content: "\f10d";
  left: 0;
  font-weight: 900;
}
.de__wide {
  margin: 1em -3rem;
  background-color: var(--pg-color-main-very-light);
  padding: 2em;
}
.de__important {
  position: relative;
  background-color: var(--pg-color-main-very-light);
  color: var(--pg-color-main);
  padding: 0.625em 0.9375em 0.625em 1.875em;
}
.de__important::before {
  position: absolute;
  content: "";
  display: block;
  width: 0.3em;
  border-radius: 0.4em;
  background-color: var(--pg-color-main);
  height: calc(100% - 1.25em);
  left: 0.75em;
}
.de__red {
  color: var(--pg-color-danger);
}