/**
 * @file
 * Shared responsive grid for Views content listing cards.
 */

.view-content--events,
.view-content--news {
  margin-top: 1rem;
}

/* Blazy sets .view--blazy to display:block, removing Olivero's grid gap. */
.view:has(.view-content--events) .view-footer,
.view:has(.view-content--news) .view-footer {
  margin-block-start: var(--sp2);
}

.content-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}

@media (max-width: 768px) {
  .content-cards-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}