@media (min-width: 768px) and (max-width: 999px) {
  .articles-hero,
  .articles-search-section,
  .articles-featured,
  .articles-listing {
    width: min(100% - 48px, 980px);
  }

  .articles-hero {
    padding: 44px 0 26px;
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .articles-title {
    max-width: 820px;
    font-size: 58px;
  }

  .articles-intro {
    max-width: 780px;
    font-size: 17px;
  }

  .articles-hero-media,
  .articles-hero-media img {
    min-height: 340px;
  }

  .articles-search-field {
    grid-template-columns: 38px minmax(0, 1fr) 144px;
  }

  .featured-card {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .featured-placeholder img {
    min-height: 260px;
  }

  .featured-copy {
    padding: 26px 16px 18px;
  }

  .featured-copy h2 {
    font-size: 34px;
  }

  .articles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .article-card-media {
    height: 200px;
  }

  .article-card-body {
    min-height: 254px;
  }
}