x-article-card{display:contents}@scope (x-article-card) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){.card{display:flex;flex-direction:column;height:100%;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--panel-bg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-raised)}.card-media{aspect-ratio:16 / 9;background:var(--surface-ui)}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.card-date{font-size:var(--text-sm);color:var(--text-soft)}.card-title{font-size:var(--text-xl);line-height:1.3;letter-spacing:var(--tracking-snug);margin:0}.card-summary{margin:0;font-size:var(--text-base);color:var(--text-body)}.card-more{margin-top:auto;padding-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--purple)}.card:hover .card-more{text-decoration:underline}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}}