/* Improve editorial rich-text spacing without affecting sitewide utility lists. */
.article__body .main__content ul,
.article__body .main__content ol,
.event__body .main__content ul,
.event__body .main__content ol {
  margin-bottom: 1.33rem;
  padding-left: 1.5rem;
}

.article__body .main__content li + li,
.event__body .main__content li + li {
  margin-top: 0.22rem;
}

.article__body .main__content ul ul,
.article__body .main__content ul ol,
.article__body .main__content ol ul,
.article__body .main__content ol ol,
.event__body .main__content ul ul,
.event__body .main__content ul ol,
.event__body .main__content ol ul,
.event__body .main__content ol ol {
  margin-bottom: 0;
  margin-top: 0.44rem;
  padding-left: 1.5rem;
}

.article__body .main__content .align-center,
.article__body .main__content .align-left,
.article__body .main__content .align-right,
.article__body .main__content figure,
.article__body .main__content picture,
.article__body .main__content .embedded-entity,
.article__body .main__content .remote-video-default__thumbnail,
.event__body .main__content .align-center,
.event__body .main__content .align-left,
.event__body .main__content .align-right,
.event__body .main__content figure,
.event__body .main__content picture,
.event__body .main__content .embedded-entity,
.event__body .main__content .remote-video-default__thumbnail {
  max-width: 100%;
}

.article__body .main__content .remote-video-default__thumbnail,
.event__body .main__content .remote-video-default__thumbnail {
  justify-content: center;
}

.article__body .main__content .align-center > *,
.article__body .main__content .align-left > *,
.article__body .main__content .align-right > *,
.article__body .main__content .embedded-entity > *,
.article__body .main__content .remote-video-default__thumbnail > *,
.event__body .main__content .align-center > *,
.event__body .main__content .align-left > *,
.event__body .main__content .align-right > *,
.event__body .main__content .embedded-entity > *,
.event__body .main__content .remote-video-default__thumbnail > * {
  max-width: 100%;
  min-width: 0;
}

.article__body .main__content img,
.event__body .main__content img {
  height: auto;
  max-width: 100%;
}

@media (max-width: 599px) {
  .article__content.main__content > .article__image,
  .event__content.main__content > .event__image {
    max-width: 100%;
    width: 100%;
  }

  .article__body .main__content .align-left,
  .article__body .main__content .align-right,
  .event__body .main__content .align-left,
  .event__body .main__content .align-right {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}