/* ─── Tag Pills ──────────────────────────────────────────────────────────────── */
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
}

.tag-pill {
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  font-size: 0.75rem;
  font-weight: 500;
  background: var(--cream-dark);
  color: var(--ink-soft);
  border: 1px solid rgba(26, 26, 46, 0.1);
  transition:
    background var(--transition),
    color var(--transition);
}

.tag-pill:hover {
  background: var(--amber-light);
  color: var(--amber-dark);
  border-color: var(--amber);
}