/* Étiquettes de relecture, posées par scripts/annotations.js.
   Compactes : des pilules sur une ou deux lignes, jamais une liste verticale. */
body.otoko_enquete .otoko-annot .otoko-tags {
  display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px;
}
body.otoko_enquete .otoko-annot .otoko-tag {
  font-family: var(--ot-corps); font-size: .8rem; line-height: 1.25;
  padding: 5px 11px; border-radius: 999px;
  border: 1px solid var(--ot-trait); background: transparent;
  color: var(--ot-texte-2); cursor: pointer;
  transition: border-color .12s, background .12s, color .12s;
}
body.otoko_enquete .otoko-annot .otoko-tag:hover {
  border-color: var(--ot-lavande-encre); color: var(--ot-texte);
}
body.otoko_enquete .otoko-annot .otoko-tag:focus-visible {
  outline: 2px solid var(--ot-lavande-encre); outline-offset: 2px;
}
body.otoko_enquete .otoko-annot .otoko-tag.actif {
  background: var(--ot-lavande-voile); border-color: var(--ot-lavande-encre);
  color: var(--ot-lavande-encre); font-weight: 600;
}