/* Chip (BRAND.md 6.17): service labels on case cards; as a button in the work filter. */
.ws-chip{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border:1px solid var(--ws-fg-dim);
  border-radius:var(--ws-radius-chip);
  background:none;
  font-family:var(--ws-font-body);
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  color:var(--ws-fg-muted);
  white-space:nowrap;
}
button.ws-chip{
  min-height:32px;
  padding:6px 14px;
  font-size:13px;
  color:var(--ws-fg);
  transition:background-color var(--ws-ease), border-color var(--ws-ease), color var(--ws-ease);
}
button.ws-chip:hover{ border-color:var(--ws-fg); }
button.ws-chip[aria-pressed="true"]{
  background:var(--ws-fg);
  border-color:var(--ws-fg);
  color:var(--ws-bg);
}

/* Chips as links (filter bar, "Services used" on case studies). */
a.ws-chip{
  min-height:32px;
  padding:6px 14px;
  font-size:13px;
  color:var(--ws-fg);
  text-decoration:none;
  transition:background-color var(--ws-ease), border-color var(--ws-ease), color var(--ws-ease);
}
a.ws-chip:hover{ border-color:var(--ws-fg); color:var(--ws-fg); }

/* A row of chips. */
.ws-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.ws-chips + .ws-section-header{ margin-top:var(--ws-space-6); }