/* News page. The prototype's news.html carried no page <style> block — the
   card styles all live in crayon.css. This file holds only the WordPress-era
   additions: category tag pills, the now-linked card titles, and pagination
   (all three absent from the prototype, where tags were plain text and
   read-more links went nowhere). Pill shape matches .dog-tag in crayon.css. */

.news-meta .tag {
  border: 2px solid var(--ink); border-radius: 999px;
  padding: 3px 10px; margin-top: -4px;
  background: var(--paper); color: var(--ink);
}
.news-meta .tag-news   { background: var(--soft-blue); }
.news-meta .tag-appeal { background: var(--soft-red); }
.news-meta .tag-event  { background: var(--soft-green); }

.news-card h3 a { color: inherit; text-decoration: none; }
.news-card h3 a:hover { text-decoration: underline; text-decoration-thickness: 3px; text-decoration-color: var(--yellow); }

.news-pagination {
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: 14px; margin-top: 48px;
}