@layer components {
  .work-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; }
  .work-chip {
    display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px;
    font-size: 13px; color: var(--foreground);
    background: var(--jx-ok-soft); border: 1px solid color-mix(in oklch, var(--jx-ok) 30%, transparent);
    border-radius: 999px;
  }
  .work-chip svg { color: var(--jx-ok); }
  .work-chip-sep { color: var(--muted-foreground); }
}