/* News-only responsive rules, served separately to avoid stale shared CSS. */
.xl-news-featured-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 520px;
  margin: 22px auto;
  border-radius: var(--xl-radius-sm);
  object-fit: contain;
}

@media (max-width: 767px) {
  .xl-news-page {
    width: min(calc(100% - 24px), var(--xl-container));
    max-width: 100%;
    padding-inline: 0;
  }

  .xl-news-card,
  .xl-news-article {
    padding: 16px;
  }

  .xl-news-body {
    font-size: 1rem;
    line-height: 1.7;
  }
}