/* Pages de comparaison de l'écran « confirmation » : navigation entre ses trois variantes.
   Outil neutre, mêmes couleurs que assets/viewer.css. Candidat à remonter dans viewer.css. */
.vw-variants { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.vw-variants-label { font-size: 13px; font-weight: 700; color: var(--vw-muted); margin-right: 4px; }
.vw-variants a {
  display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px;
  border: 1px solid var(--vw-line); border-radius: 999px; background: var(--vw-surface);
  font-size: 14px; font-weight: 600; color: var(--vw-ink); text-decoration: none;
}
.vw-variants a:hover { border-color: var(--vw-accent); }
.vw-variants a[aria-current="page"] { background: var(--vw-accent); border-color: var(--vw-accent); color: #fff; }
.vw-variants small { font-weight: 400; opacity: .8; margin-left: 4px; }
.vw-noavant { font-size: 13px; color: var(--vw-muted); padding: 2px 0 0; }