/* Scoped to the article-card component via [data-component="article-card"]. */

.article-card                  { padding: 1.25rem 0; border-bottom: 1px solid #eee; }
.article-card-title            { margin: 0 0 0.25rem; font-size: 1.2rem; }
.article-card-title a          { text-decoration: none; color: #222; }
.article-card-title a:hover    { color: #0066cc; }

.article-card-meta             { color: #999; font-size: 0.85rem; margin-bottom: 0.25rem; }
.article-card-author           { color: #555; }

.article-card-excerpt          { color: #555; margin-bottom: 0.5rem; }

.article-card-tags             { list-style: none; padding: 0; display: flex; gap: 0.5rem; font-size: 0.8rem; }
.article-card-tags a           { color: #888; text-decoration: none; }
.article-card-tags a:hover     { color: #0066cc; }