.channel-list-tabs-nav + .channel-news-grid,
.channel-list-tabs-nav + .channel-list-empty {
  margin-top: clamp(28px, 3vw, 40px);
}

.channel-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px 48px;
  width: 100%;
  min-height: 0;
  grid-auto-rows: 1fr;
  align-items: stretch;
  margin-top: clamp(28px, 3vw, 40px);
}

.channel-news-grid .news-card {
  --news-card-media-ratio: 0.8fr;
  aspect-ratio: 8 / 9;
}

.channel-news-grid .news-card[data-io] {
  --news-card-shadow-rest: none;
  --io-extra-transition-property: box-shadow;
  --io-extra-transition-duration: 0.2s;
  --io-extra-transition-easing: ease;
  --io-extra-transition-delay: 0ms;
}

.channel-news-grid .news-card[data-io].is-shadow-visible {
  --news-card-shadow-rest: var(--ui-shadow-elevated);
}

@media (max-width: 1199.98px) {
  .channel-news-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 32px;
  }

  .channel-news-grid .news-card {
    height: auto;
    aspect-ratio: auto;
    grid-template-rows: auto auto;
  }

  .channel-news-grid .news-card__media {
    height: clamp(148px, 38vw, 188px);
  }
}