.rich-content {
  color: var(--dia-front-color-text);
  background: var(--dia-front-color-surface);
}
.rich-content__inner {
  box-sizing: border-box;
  padding-block: var(--dia-front-space-56) var(--dia-front-space-120);
  width: calc(100% - 2 * var(--dia-front-container-gutter));
  margin-inline: auto;
}
@media (min-width: 62rem) {
  .rich-content__inner {
    width: calc(100% - 4 * var(--dia-front-layout-grid-column-width));
  }
}
.rich-content__body {
  overflow-wrap: break-word;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  line-height: var(--dia-front-line-height-body);
}
.rich-content__body :where(h2, h3, h4, h5, h6) {
  margin: 0;
  color: var(--dia-front-color-heading);
  font-family: var(--dia-front-font-heading);
  font-weight: var(--dia-front-font-weight-heading);
  line-height: var(--dia-front-line-height-heading);
}
.rich-content__body :where(h2) {
  font-size: var(--dia-front-font-size-card-title-large);
}
.rich-content__body :where(h3, h4) {
  font-size: var(--dia-front-font-size-card-title);
}
.rich-content__body :where(h2, h3, h4, h5, h6, p, ul, ol, blockquote, table) + :where(h2, h3, h4, h5, h6, p, ul, ol, blockquote, table) {
  margin-block-start: var(--dia-front-space-24);
}
.rich-content__body :where(h2) + :where(h2),
.rich-content__body :where(p, ul, ol, blockquote, table) + :where(h2) {
  margin-block-start: var(--dia-front-space-56);
}
.rich-content__body :where(a) {
  color: var(--dia-front-color-action);
  text-underline-offset: var(--dia-front-space-4);
}
.rich-content__body :where(a:focus-visible) {
  outline: var(--dia-front-space-4) solid var(--dia-front-color-focus);
  outline-offset: var(--dia-front-space-4);
}
.rich-content__body :where(ul, ol):not(.swiper-wrapper, .menu, .sub-menu, .dropdown-menu) {
  margin-inline: 0;
  padding-inline: 0;
}
.rich-content__body :where(ul, ol):not(.swiper-wrapper, .menu, .sub-menu, .dropdown-menu) > li + li {
  margin-block-start: var(--dia-front-space-12);
}
.rich-content__body :where(ol):not(.swiper-wrapper, .menu, .sub-menu, .dropdown-menu) {
  padding-inline-start: 1.5em;
  list-style-position: outside;
}
.rich-content__body :where(ul):not(.swiper-wrapper, .menu, .sub-menu, .dropdown-menu) {
  list-style: none;
}
.rich-content__body :where(ul):not(.swiper-wrapper, .menu, .sub-menu, .dropdown-menu) > li {
  position: relative;
  padding-inline-start: var(--dia-front-space-24);
}
.rich-content__body :where(ul):not(.swiper-wrapper, .menu, .sub-menu, .dropdown-menu) > li::before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: calc((1lh - var(--dia-front-space-8)) / 2);
  width: var(--dia-front-space-8);
  height: var(--dia-front-space-8);
  background-color: var(--dia-front-color-mint);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
  content: "";
  pointer-events: none;
}
.rich-content__body :where(li > :is(p, ul, ol) + :is(p, ul, ol)) {
  margin-block-start: var(--dia-front-rich-list-paragraph-gap, var(--dia-front-space-24));
}
.rich-content__body :where(table) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.rich-content__body :where(h5, h6) {
  font-size: var(--dia-front-font-size-card-title-small);
}
.rich-content__body :where(figure, .wp-block-group, .wp-block-columns) {
  margin: 0;
  max-width: 100%;
}
.rich-content__body :where(img, video, iframe) {
  display: block;
  max-width: 100%;
}
.rich-content__body :where(img, video) {
  height: auto;
}
.rich-content__body :where(figure, .wp-block-group, .wp-block-columns) + *,
.rich-content__body * + :where(figure, .wp-block-group, .wp-block-columns) {
  margin-block-start: var(--dia-front-space-24);
}
.rich-content__body :where(figcaption, .wp-caption-text) {
  margin-block-start: var(--dia-front-space-8);
  font-size: var(--dia-front-font-size-caption);
}
.rich-content__body :where(blockquote) {
  padding-inline-start: var(--dia-front-space-24);
  border-inline-start: var(--dia-front-space-4) solid var(--dia-front-color-action);
}
.rich-content__body :where(blockquote > * + *) {
  margin-block-start: var(--dia-front-space-8);
}
@media (max-width: 61.9375rem) {
  .rich-content__body :where(h2) {
    font-size: var(--dia-front-font-size-card-title);
  }
}
.rich-content__body :where(h1) {
  margin: 0;
  font-size: var(--dia-front-font-size-card-title-large);
}
.rich-content__body :where(h1) + :where(h2, h3, h4, h5, h6, p, ul, ol, blockquote, table) {
  margin-block-start: var(--dia-front-space-24);
}
.rich-content__body :where(p, ul, ol, blockquote, table) + :where(h1) {
  margin-block-start: var(--dia-front-space-56);
}
.rich-content__body :where(section ~ section) > :where(h1, h2, h3, h4, h5, h6):first-child {
  margin-block-start: var(--dia-front-space-56);
}

@media (min-width: 62rem) {
  .rich-content:first-child .rich-content__inner {
    padding-block-start: var(--dia-front-space-144);
  }
}
@media (max-width: 61.9375rem) {
  .rich-content__inner {
    padding-block: var(--dia-front-space-40) var(--dia-front-space-88);
  }
  .rich-content__body :where(h1) {
    font-size: var(--dia-front-font-size-card-title);
  }
}
