/* Editorial cards never wrap, including when older grid styles are cached. */
.editorial-features .feature-banners {
  display: flex;
  flex-wrap: nowrap;
  grid-auto-flow: column;
  gap: var(--featured-gap, 12px);
  overflow-x: auto;
  scroll-snap-type: x proximity;
}

.editorial-features .feature-banners > .editorial-feature-card {
  flex: 0 0 calc((100% - var(--featured-gap, 12px)) / 2);
}

@media (min-width: 841px) {
  .editorial-features .feature-banners > .editorial-feature-card {
    flex-basis: calc((100% - 3 * var(--featured-gap, 12px)) / 4);
  }
}