/* Component: Category Badge --------------------------------------------- */

.ts-category-badge {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-text-inverse);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  padding: 0.25em 0.85em;
  border-radius: var(--radius-pill);
  margin-bottom: var(--space-3);
}
.ts-category-badge:hover { color: var(--color-text-inverse); opacity: 0.92; }

/* 카테고리별 색 (slug 매칭) */
.ts-category-badge[href*="/category/food"] { background: var(--color-cat-food); }
.ts-category-badge[href*="/category/kids"] { background: var(--color-cat-kids); }