/* Pillar chip */
.bx .pchip {
  width: 30px; height: 30px; border-radius: var(--bx-r);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--bx-font-display); font-size: var(--bx-text); font-weight: 800;
  background: var(--bx-paper-2); color: var(--bx-ink-2);
}
.bx .pchip-stays  { background: rgba(var(--bx-accent-rgb),0.14); color: var(--bx-stays-ink); }
.bx .pchip-wheels { background: rgba(var(--bx-teal-rgb),0.16); color: var(--bx-wheels-ink); }
.bx .pchip-vibes  { background: rgba(var(--bx-amber-rgb),0.16); color: var(--bx-vibes-ink); }
.bx .pchip-pros   { background: rgba(var(--bx-pros-rgb),0.16); color: var(--bx-pros-ink); }
/* Dark surface only deepens the tint fill — the ink token is theme-aware. */
.bx-dark .pchip-stays  { background: rgba(var(--bx-accent-rgb),0.20); }
.bx-dark .pchip-wheels { background: rgba(var(--bx-teal-rgb),0.20); }
.bx-dark .pchip-vibes  { background: rgba(var(--bx-amber-rgb),0.22); }
.bx-dark .pchip-pros   { background: rgba(var(--bx-pros-rgb),0.22); }