:is(.main-page__content, .main-article__content) {
  width: 100%;
  max-width: var(--content-page-max-width, 900px);
  margin-inline: auto;
  font-size: 16px;
  line-height: 1.75;
}

:is(.main-page__content, .main-article__content) > :first-child {
  margin-block-start: 0;
}

:is(.main-page__content, .main-article__content) > :last-child {
  margin-block-end: 0;
}

:is(.main-page__content, .main-article__content) > * + * {
  margin-block-start: 1em;
}

:is(.main-page__content, .main-article__content) :where(p, ul, ol, dl) {
  margin-block: 0;
}

:is(.main-page__content, .main-article__content) :where(p, ul, ol, dl) + :where(p, ul, ol, dl) {
  margin-block-start: 1em;
}

:is(.main-page__content, .main-article__content) :where(h1, h2, h3, h4, h5, h6) {
  margin-block: 1.8em 0.65em;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

:is(.main-page__content, .main-article__content) :where(h1, h2, h3, h4, h5, h6):first-child {
  margin-block-start: 0;
}

:is(.main-page__content, .main-article__content) h1 {
  font-size: clamp(30px, 3.2vw, 38px);
}

:is(.main-page__content, .main-article__content) h2 {
  font-size: clamp(26px, 2.7vw, 32px);
}

:is(.main-page__content, .main-article__content) h3 {
  font-size: clamp(22px, 2.2vw, 26px);
}

:is(.main-page__content, .main-article__content) h4 {
  font-size: clamp(19px, 1.8vw, 22px);
}

:is(.main-page__content, .main-article__content) h5 {
  font-size: 18px;
}

:is(.main-page__content, .main-article__content) h6 {
  font-size: 16px;
}

:is(.main-page__content, .main-article__content) :where(h1, h2, h3, h4, h5, h6) + :where(p, ul, ol, dl) {
  margin-block-start: 0;
}

:is(.main-page__content, .main-article__content) :where(ul, ol) {
  display: grid;
  row-gap: 0.4em;
  padding-inline-start: 1.5em;
}

:is(.main-page__content, .main-article__content) :where(ul, ol) :where(ul, ol) {
  margin-block-start: 0.4em;
}

:is(.main-page__content, .main-article__content) :where(figure, blockquote, table, video, object),
:is(.main-page__content, .main-article__content) :where(p, div) > img:only-child {
  margin-block: 1.6em;
}

:is(.main-page__content, .main-article__content) blockquote {
  padding: 1em 1.25em;
  border-inline-start: 3px solid currentColor;
  background: rgba(var(--color-text), 0.05);
}

:is(.main-page__content, .main-article__content) blockquote > :first-child {
  margin-block-start: 0;
}

:is(.main-page__content, .main-article__content) blockquote > :last-child {
  margin-block-end: 0;
}

:is(.main-page__content, .main-article__content) :where(iframe[src*="youtube"], iframe[src*="youtu.be"], iframe[src*="vimeo"]) {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin-block: 1.6em;
}

:is(.main-page__content, .main-article__content) figcaption {
  margin-block-start: 0.5em;
  color: rgba(var(--color-text), 0.65);
  font-size: 0.875em;
  font-style: italic;
  text-align: center;
}

:is(.main-page__content, .main-article__content) table {
  width: 100%;
}

:is(.main-page__content, .main-article__content) :where(th, td) {
  padding: 0.75em;
  border: 1px solid rgba(var(--color-text), 0.15);
  text-align: start;
}

@media (max-width: 749px) {
  :is(.main-page__content, .main-article__content) {
    font-size: 15px;
    line-height: 1.7;
  }

  :is(.main-page__content, .main-article__content) :where(h1, h2, h3, h4, h5, h6) {
    margin-block-start: 1.55em;
  }

  :is(.main-page__content, .main-article__content) h1 {
    font-size: 30px;
  }

  :is(.main-page__content, .main-article__content) h2 {
    font-size: 25px;
  }

  :is(.main-page__content, .main-article__content) h3 {
    font-size: 21px;
  }

  :is(.main-page__content, .main-article__content) h4 {
    font-size: 18px;
  }
}