
.contenuto-gut {
  /* Typography */
  --h1-size: 32px;
  --h2-size: 26px;
  --h3-size: 22px;
  --h4-size: 18px;

  --heading-weight: 500;
  --heading-weight-light: 400;
  --heading-line-height: 1.3;
  --heading-letter-spacing: -0.02em;

  /* Spacing */
  --flow-space: 20px;
  --heading-top-space: 32px;
  --heading-bottom-space: 12px;
  --list-item-space: 8px;
  --list-indent: 1.2em;
}

/* Reset */
.contenuto-gut > * {
  margin: 0;
}

/* Spazio verticale base tra elementi */
.contenuto-gut > * + * {
  margin-top: var(--flow-space);
}

/* Headings */
.contenuto-gut h1,
.contenuto-gut h2,
.contenuto-gut h3,
.contenuto-gut h4 {
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
}

.contenuto-gut h1 {
  font-size: var(--h1-size);
  font-weight: var(--heading-weight);
}

.contenuto-gut h2 {
  font-size: var(--h2-size);
  font-weight: var(--heading-weight);
}

.contenuto-gut h3 {
  font-size: var(--h3-size);
  font-weight: var(--heading-weight-light);
}

.contenuto-gut h4 {
  font-size: var(--h4-size);
  font-weight: var(--heading-weight-light);
}

/* Più spazio prima degli headings */
.contenuto-gut > * + h1,
.contenuto-gut > * + h2,
.contenuto-gut > * + h3,
.contenuto-gut > * + h4 {
  margin-top: var(--heading-top-space);
}

/* Meno spazio dopo gli headings */
.contenuto-gut h1 + *,
.contenuto-gut h2 + *,
.contenuto-gut h3 + *,
.contenuto-gut h4 + * {
  margin-top: var(--heading-bottom-space);
}

/* Liste */
.contenuto-gut ul,
.contenuto-gut ol {
  padding-left: var(--list-indent);
}

.contenuto-gut li + li {
  margin-top: var(--list-item-space);
}

.contenuto-gut li p {
  margin: 0;
}






.EPDicon {
  color: var(--black);
}

body.brx-is-dark .EPDicon {
  color: var(--white);
}