/* accid-pill.css — THE ONE DISPLAY PILL (Shawn, 2026-10-13).
   Drawn by accid-pill.js (AccidPill.term). Its colour is its term's: var(--term)
   from [data-term] in the project's terms.css. The filter bar's own toggle
   (.afb-pill.selected) is in accid-filter.css. */
.accid-term-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.accid-term-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 9px;
  border: 1.5px solid var(--term);
  border-radius: 14px;
  color: var(--term);
  background: transparent;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  transition: opacity .15s;
}
.accid-term-pill:hover { opacity: .8; }
.accid-term-pill-count { font-weight: 500; opacity: .75; }
/* The term-colour reader's probe (accid-term-color.js color()): canvas and
   SVG pages read its computed colour, so light-dark() is already resolved. */
.accid-term-probe { color: var(--term); }