/* ChiBri - pagine esca (30/09/2026): modulo, calcolatore. Usa le variabili di style.css. */
.trappola, .calcolatore { background: rgba(255,255,255,0.03); border: 1px solid var(--line); border-radius: 18px; padding: 26px; margin: 22px 0 8px; }
.trappola .griglia, .calcolatore .griglia { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.trappola .largo { grid-column: 1 / -1; }
.trappola .field select, .calcolatore .field input { width: 100%; }
.calcolatore .griglia { grid-template-columns: repeat(3, 1fr); }
.calcolatore small { color: var(--text-3); font-size: 0.78rem; line-height: 1.45; }
.calcolatore .risultato { display: grid; gap: 4px; text-align: center; margin: 10px 0 4px; padding: 20px; border-radius: 14px;
  background: var(--accent-dim); border: 1px solid rgba(79,124,255,0.35); }
.calcolatore .risultato strong { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.1;
  background: linear-gradient(96deg, var(--accent) 0%, var(--accent-2) 92%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.calcolatore .risultato span { color: var(--text-2); }
.trappola .esca { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.trappola .invio { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 22px; }
.trappola .esito { margin: 0; font-size: 0.92rem; }
.trappola .esito.ok { color: var(--accent-2); }
.trappola .esito.errore { color: #FF8A8A; }
.trappola button[disabled] { opacity: 0.6; cursor: wait; }
.trappola .informativa { margin-top: 18px; color: var(--text-3); font-size: 0.82rem; line-height: 1.55; }
.trappola .informativa summary { cursor: pointer; color: var(--text-2); }
.spunte { list-style: none; padding-left: 0; }
.spunte li { position: relative; padding-left: 28px; margin-bottom: 10px; }
.spunte li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--accent-2); font-weight: 700; }
@media (max-width: 720px) {
  .trappola .griglia, .calcolatore .griglia { grid-template-columns: 1fr; }
  .trappola, .calcolatore { padding: 18px; }
}