/* VIBEST — solo quello che gli strumenti a liste (prezzi, domande, kit) hanno in più rispetto a
   /strumenti/strumento.css e /strumenti/hashtag/hashtag.css (che danno campo, suggerimenti e mestieri rapidi). */

.risultato .sotto-risultato { color: #cfcfd8; font-size: 0.95em; line-height: 1.55; margin: 0 0 16px; }

/* Una voce = una riga con nome e prezzo (minimo e massimo), sotto la nota. */
.voce { padding: 12px 14px; margin: 0 0 10px; border-radius: 12px; background: rgba(10,5,35,0.62); border: 1px solid rgba(122,0,255,0.35); }
.voce-testa { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.voce-testa strong { color: #fff; font-size: 1em; }
.voce-prezzo { font-family: 'Orbitron', sans-serif; font-size: 0.82em; color: var(--ciano); letter-spacing: 0.5px; white-space: nowrap; }
.voce-nota { margin: 6px 0 0; color: #a9a9b8; font-size: 0.86em; line-height: 1.45; }
.voce-n { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-right: 8px;
  border-radius: 999px; font-family: 'Orbitron', sans-serif; font-size: 0.68em; background: var(--ciano); color: #05020f; font-weight: 800; }

/* Le domande: si toccano per segnarle fatte. */
.domande { margin: 0; padding: 0; list-style: none; counter-reset: d; }
.domande li { position: relative; padding: 12px 14px 12px 46px; margin: 0 0 8px; border-radius: 12px; cursor: pointer; color: #fff; line-height: 1.45;
  background: rgba(10,5,35,0.62); border: 1px solid rgba(122,0,255,0.35); counter-increment: d; transition: opacity 0.15s, border-color 0.15s; }
.domande li::before { content: counter(d); position: absolute; left: 12px; top: 12px; width: 22px; height: 22px; border-radius: 999px;
  display: flex; align-items: center; justify-content: center; font-family: 'Orbitron', sans-serif; font-size: 0.7em; background: rgba(255,255,255,0.10); color: #cfcfd8; }
.domande li:nth-child(-n+3)::before { background: var(--ciano); color: #05020f; font-weight: 800; }
.domande li.fatta { opacity: 0.45; text-decoration: line-through; border-color: rgba(43,255,154,0.5); }
.domande li.fatta::before { content: '✓'; background: #2BFF9A; color: #05020f; }

.nota-ht { display: none; }
.risultato .btn-copia { margin-top: 12px; }

/* Anteprima scritta nell'HTML delle pagine mestiere (quella che legge Google): le prime tre voci. */
.lista-statica ul, .lista-statica ol { margin: 0; padding: 0 0 0 1.4em; color: #cfcfd8; line-height: 1.7; }
.lista-statica li::marker { color: var(--ciano); font-family: 'Orbitron', sans-serif; font-size: 0.8em; }