/* Blog — category chips */
.cat-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--bg);
  border: 1px solid var(--line);
  font-size: .9rem;
  color: var(--ink-muted);
  cursor: pointer;
  transition: all .2s var(--ease);
  font-family: var(--font-body);
}
.cat-chip:hover { color: var(--ink); border-color: var(--line-strong); }
.cat-chip.active { background: var(--marine); color: #fff; border-color: var(--marine); }
[data-theme="dark"] .cat-chip.active { background: var(--cyan); color: var(--marine-deep); border-color: var(--cyan); }