.tag-list,
.signal-list {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

.tag-list > li,
.signal-list > li {
  margin: 0;
  max-width: 100%;
}

.tag,
.tag-chip,
.signal-chip {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  max-width: 100%;
  border: 1px solid var(--ws-line);
  padding: .55rem .75rem;
  color: var(--ws-ink);
  font-family: var(--ws-font-interface) !important;
  font-size: var(--ws-type-meta);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .08em;
  overflow-wrap: anywhere;
  text-decoration: none;
  text-transform: none;
}

.tag:hover,
.tag:focus-visible {
  border-color: var(--ws-ink);
  text-decoration: underline;
}

.tag-collection + .tag-collection {
  margin-top: 1.75rem;
}

.tag-collection h3 {
  font-family: var(--ws-font-interface) !important;
  font-size: var(--ws-type-small) !important;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
