/*
 * Rótulo de tema documentado.
 *
 * Antes era uma pílula preenchida (chip). O `AGENTS.md` §6 pede justamente o
 * contrário — "evitar checkmarks de qualidade, semáforos, bolinhas de status,
 * chips excessivos e cardificação indiscriminada" — então o rótulo passa a ser
 * texto editorial com um traço fino embaixo, não um selo.
 *
 * Isso também elimina um risco real: uma pílula colorida lida como "selo de
 * qualidade"/"aprovado naquele tema", e tema aqui significa apenas que existe
 * evidência documentada — nunca endosso, nota ou posição.
 *
 * A cor não carrega significado: o rótulo sempre traz o nome do tema por
 * extenso ("nenhuma informação importante dependente apenas de cor").
 */
.qv-tag {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(22, 121, 182, 0.35);
  color: var(--blue-strong);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

a.qv-tag:hover,
a.qv-tag:focus-visible {
  border-bottom-color: var(--blue-strong);
  color: var(--blue-dark);
}

/* Contador de temas não exibidos ("+2"). Sem cor de destaque: é informação
   de contagem, não um tema a mais. */
.qv-tag--more {
  border-bottom-color: transparent;
  color: var(--muted);
  font-weight: 600;
}

/* Lista de rótulos: separação por espaço, sem empilhar caixas. */
.qv-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}