x-article-card{display:contents}@scope (x-article-card) to (:scope :is(x-article-card,x-base,x-footer,x-nav)>*){:scope{display:block}.card{display:flex;flex-direction:column;height:100%;padding-top:var(--space-4);border-top:1px solid var(--rule-strong)}.card-media{display:block;overflow:hidden;margin-bottom:var(--space-4);background:var(--paper-tint)}.card-media img{aspect-ratio:4 / 3;object-fit:cover;width:100%}.card-title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.card-title a{color:var(--ink);text-decoration:none}.card-title a:hover{color:var(--accent)}.card-desc{margin:0;color:var(--ink-soft);font-size:var(--text-base);line-height:1.5}}