/* Article animations - Staggered entrance and smooth transitions */
/* Feature: Modern Article Cards WP03 - T007 */

/* Card Entrance Animation - Staggered reveal on page load */
@keyframes cardEnter {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.article-card {
  animation: cardEnter 400ms cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

/* Stagger delays (50ms intervals for smooth cascade effect) */
.article-card:nth-child(1) { animation-delay: 0ms; }
.article-card:nth-child(2) { animation-delay: 50ms; }
.article-card:nth-child(3) { animation-delay: 100ms; }
.article-card:nth-child(4) { animation-delay: 150ms; }
.article-card:nth-child(5) { animation-delay: 200ms; }
.article-card:nth-child(6) { animation-delay: 250ms; }
.article-card:nth-child(7) { animation-delay: 300ms; }
.article-card:nth-child(8) { animation-delay: 350ms; }
.article-card:nth-child(9) { animation-delay: 400ms; }
.article-card:nth-child(10) { animation-delay: 450ms; }
.article-card:nth-child(11) { animation-delay: 500ms; }
.article-card:nth-child(12) { animation-delay: 550ms; }
.article-card:nth-child(13) { animation-delay: 600ms; }
.article-card:nth-child(14) { animation-delay: 650ms; }
.article-card:nth-child(15) { animation-delay: 700ms; }
.article-card:nth-child(16) { animation-delay: 750ms; }
.article-card:nth-child(17) { animation-delay: 800ms; }
.article-card:nth-child(18) { animation-delay: 850ms; }
.article-card:nth-child(19) { animation-delay: 900ms; }
.article-card:nth-child(20) { animation-delay: 950ms; }

/* Reduced Motion Support - Accessibility first */
@media (prefers-reduced-motion: reduce) {
  .article-card {
    animation: none;
  }
}