.main-page__title {
  margin-block-end: 30px;
  text-align: center;
  /* consistent with the theme's section titles (20px / 500 / 0.2em / upper) */
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

@media (min-width: 960px) {
  .main-page__title {
    margin-block-end: 20px;
  }
}

/* ====== Page body typography ======
   The global `.rte` reset zeroes paragraph margins and the theme's raw heading
   styles render in-content headings oversized. Restore a readable rhythm and
   give in-content headings the brand's uppercase, letter-spaced treatment
   (consistent with policy pages and the rest of the theme). */
.main-page__content.rte {
  font-size: 14px;
  line-height: 1.7;
  color: rgb(var(--color-text));
}
.main-page__content.rte p {
  margin-block: 0 1em;
}
.main-page__content.rte > :first-child {
  margin-block-start: 0;
}
.main-page__content.rte > :last-child {
  margin-block-end: 0;
}
.main-page__content.rte ul,
.main-page__content.rte ol {
  padding-inline-start: 1.4em;
  margin-block: 0 1em;
  list-style-position: outside;
}
.main-page__content.rte ul { list-style-type: disc; }
.main-page__content.rte ol { list-style-type: decimal; }
.main-page__content.rte li {
  margin-block-end: 0.35em;
}
.main-page__content.rte :is(h1, h2, h3, h4, h5, h6) {
  margin-block: 1.6em 0.6em;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: center;
}
.main-page__content.rte :is(h1, h2, h3) {
  font-size: 18px;
}
.main-page__content.rte :is(strong, b) {
  font-weight: 600;
}
/* Images span the full content column (cancel any inline width/height the
   migrated HTML carries) and get vertical breathing room. */
.main-page__content.rte img {
  display: block;
  width: 100%;
  height: auto;
  margin-block: 1.5em;
}
.main-page__content.rte :is(p, figure) > img {
  margin-block: 0;
}
.main-page__content.rte figure {
  margin: 1.5em 0;
}
.main-page__content.rte a {
  color: #6a6a6a;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.main-page__content.rte a:hover {
  opacity: 0.7;
}