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%}.card-media{display:block;overflow:hidden;border-radius:var(--blob-1);border:2px solid var(--rule-strong);margin-bottom:var(--space-4);background:var(--paper-tint)}.card-media img{aspect-ratio:3 / 2;object-fit:cover;width:100%}:scope:nth-of-type(3n+2) .card-media{border-radius:var(--blob-2)}:scope:nth-of-type(3n+3) .card-media{border-radius:var(--blob-3)}.card-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card-title a{color:var(--ink);text-decoration:none}.card-title a:hover{color:var(--accent)}.card-date{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--ink-dim)}.card-desc{margin:0;color:var(--ink-soft);font-size:var(--text-sm);line-height:1.6}}