.pill {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 1rem;
  padding: 0.35em 0.85em;
  border-radius: var(--radius-pill);
}
.pill-static { background: var(--surface-1); border: 1px solid var(--border-soft); color: var(--bland); }
.tag-with-icon { display: flex; flex-wrap: wrap; gap: 0.5em; align-items: center; font-family: var(--font-mono); }
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: var(--bland);
  mask-image: var(--icon-src);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}