.article-tags .tag,
.post-card__tags .tag,
.tag-index__list .tag {
  display:inline-flex;
  align-items:center;
  min-height:1.8rem;
  padding:.2rem .65rem;
  border:1px solid var(--design-border);
  border-radius:999px;
  background:var(--design-surface-muted);
  color:var(--design-secondary);
  font-size:var(--design-small-size);
  line-height:1.2;
  text-decoration:none;
}

.article-tags .tag:hover,
.post-card__tags .tag:hover,
.tag-index__list .tag:hover,
.article-tags .tag:focus-visible,
.post-card__tags .tag:focus-visible,
.tag-index__list .tag:focus-visible {
  background:var(--design-surface);
  color:var(--design-primary);
  text-decoration:underline;
}

.post-card__tags { display:flex; flex-wrap:wrap; gap:.4rem; margin:.25rem 0 1rem; }
.tag-archive__count { color:var(--design-text-muted); margin:0 0 1.5rem; }
.tag-archive__nav { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.tag-index__list { display:flex; flex-wrap:wrap; gap:.65rem; margin:1.5rem 0 0; padding:0; list-style:none; }
.tag-index__list li { display:flex; align-items:center; gap:.35rem; }
.tag-index__list span { color:var(--design-text-muted); font-size:var(--design-small-size); }