.article-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.article-card { display: block; color: inherit; text-decoration: none; }
.article-card:hover, .article-card:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.article-publisher { color: var(--muted); }
.article-card h2 { font-size: 1.25rem; }
.recipe-tag { display: inline-block; border: 1px solid currentColor; border-radius: 20px; padding: 2px 10px; margin: 3px; }
[data-article-query], [data-article-subject] { display: block; max-width: 100%; margin-block: 8px 16px; }