.recommended-topics-title {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: var(--fw-semibold);
  margin-bottom: var(--sp-3);
}
.recommended-topics-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
}
.topic-chip {
  font-family: var(--font-ui);
  font-size: 13px;
  padding: var(--sp-2) var(--sp-3);
  background: var(--color-surface);
  border-radius: var(--radius-pill);
  color: var(--color-text);
  cursor: pointer;
}
.topic-chip:hover { background: var(--color-hover); }