/* Heading levels were corrected so every page has a single <h1> (Oct 2026).
   These rules keep each changed element looking exactly as it did before. */

/* Hero titles: were <div class="herotitle">, now <h1> */
h1.herotitle {
  margin-top: 0;
}

/* Former <h1> section titles (publication years, "Soci Onorari", privacy sections), now <h2> */
h2.heading-2,
h2.section-title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Bitter, serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
}

h2.heading-2 {
  margin-top: 10px;
}

/* Former <h4> sub-headings on the legal pages, now <h3> */
h3.subsection-title {
  text-align: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

/* Former empty <h2> used as bottom spacing on the legal notice */
.legal-spacer {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

@media screen and (max-width: 767px) {
  .legal-spacer {
    margin-bottom: 5px;
    font-size: 29px;
  }
}