.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.chip {
  background: var(--primary-soft); color: var(--primary-dark);
  padding: 7px 14px; border-radius: 999px; font-weight: 600; font-size: 0.9rem;
  cursor: pointer; border: none; font-family: inherit;
}
.chip:hover { background: var(--primary); color: #fff; }