x-article-card{display:contents}@scope (x-article-card) to (:scope :is(x-article-card,x-base,x-faq,x-footer,x-nav)>*){.card{height:100%}.card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.card-media{aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-tint)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-base) var(--ease)}.card-link:hover .card-media img{transform:scale(1.03)}.card-body{padding-top:var(--space-4)}.card-date{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--ink-dim)}.card-title{margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.card-link:hover .card-title{color:var(--accent)}.card-excerpt{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--ink-soft)}}