/* Tag chips and tag pages. Loaded after style.css. */
.tag-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }

.tag {
  display: inline-block; font-family: var(--mono); font-size: 0.8rem; line-height: 1.4;
  padding: 0.15rem 0.6rem; border: 1px solid var(--rule); border-radius: 3px;
  color: var(--accent); text-decoration: none;
}
.tag::before { content: "#"; color: var(--muted); }
.tag:hover { border-color: var(--accent); background: var(--code-bg); }
.tag .count { color: var(--muted); margin-left: 0.45rem; }

/* Tags under a post in a list: line up with the title column */
.post-row .tag-list { margin: -0.6rem 0 1.1rem 12rem; }

.post-meta .tag-list { margin-top: 0.35rem; }

.page-head h1 .hash { color: var(--muted); }

@media (max-width: 720px) {
  .post-row .tag-list { margin-left: 0; }
}