@layer genr.component {
  .news-detail__media {
    width: 100%;
    max-width: var(--width-md);
    margin-inline: auto;
    margin-bottom: 2rem;
  }

  .news-detail__text {
    width: 100%;
    max-width: var(--width-sm);
    margin-inline: auto;
    padding-inline: 1.5rem;

    @media (width > 1280px) {
      padding-inline: 0;
    }
  }

  .news-detail__footer {
    width: 100%;
    max-width: var(--width-sm);
    margin-inline: auto;
  }
}