.section-main-article-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  margin-block-start: var(--space-24);
}

.section-main-article-header-title {
  padding-block: var(--space-16);
  text-align: center;

  h1 {
    max-inline-size: unset;
  }
}

.section-main-article-header-image {
  --ar: 16 / 9;

  aspect-ratio: var(--ar, 16 / 9);
  background-color: var(--scheme-background-secondary);
  position: relative;

  img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
}

.section-main-article-content {
  margin-block: var(--space-24);
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}

.section-main-article-content :is(h1, h2, h3, h4, h5, h6) {
  max-inline-size: unset;
}