:root{
  --navy:#1F3A5F; --navy-2:#2C4E7A; --navy-3:#101F33;
  --ink:#1a2233; --grigio:#5c6675; --linea:#e3e8f0;
  --fondo:#ffffff; --fondo-2:#f5f7fa; --oro:#b07d2a; --oro-2:#d9b36a;
  --verde:#2e7d5b; --rosso:#b3423f;
  --oliva:#5e8a3c; --arancio:#c05f2a;   /* i due gradini intermedi della fiducia */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:16px/1.65 -apple-system,"Segoe UI",Roboto,Inter,sans-serif;color:var(--ink);background:var(--fondo)}
a{color:var(--navy);text-decoration:none}
.cont{max-width:860px;margin:0 auto;padding:0 24px}
h1,h2,h3.serif{font-family:Georgia,"Times New Roman",serif;font-weight:700}
.occhiello{font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--oro);margin-bottom:14px}
.bott{display:inline-block;background:var(--navy);color:#fff;border-radius:10px;padding:14px 28px;font-weight:600;border:0;font-size:16px;cursor:pointer;transition:all .15s}
.bott:hover{background:var(--navy-2);transform:translateY(-1px)}
.bott.chiaro{background:#fff;color:var(--navy)}
.bott.ghost{background:transparent;color:var(--navy);border:1.5px solid var(--linea)}
.bott.piccolo{padding:9px 16px;font-size:14px;border-radius:8px}
.bott.verde{background:var(--verde)}
.bott.rosso-g{background:transparent;color:var(--rosso);border:1.5px solid #e8d3d2}
.bott.rosso-g:hover{background:#fdf7f7}
.bott[disabled]{opacity:.45;cursor:default;transform:none}

header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea);z-index:10}
.barra{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1080px;margin:0 auto;padding:0 24px}
.logo{font-weight:800;font-size:19px;color:var(--navy);display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.logo .testo{display:inline-block;line-height:1;color:var(--navy)}
.logo .testo span{color:var(--oro)}
.menu{display:flex;gap:24px;align-items:center;font-size:12.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;white-space:nowrap}
.menu a:not(.bott){color:#4a5768}
.menu a:not(.bott):hover{color:var(--navy)}
.menu a.attiva{color:var(--oro)}
@media(max-width:760px){.menu a:not(.bott){display:none}}

.hero{background:radial-gradient(1000px 480px at 75% -10%,rgba(217,179,106,.16),transparent 60%),linear-gradient(165deg,#0D1B2E 0%,#14273D 55%,#1B3352 100%);color:#fff;padding:74px 0 78px;text-align:center}
.hero .occhiello{color:var(--oro-2)}
.hero h1{font-size:clamp(29px,4.6vw,46px);line-height:1.14;max-width:780px;margin:0 auto}
.hero h1 em{font-style:italic;color:var(--oro-2)}
.hero p{font-size:17px;color:#c4d1e2;max-width:640px;margin:20px auto 0}
.hero .atti{display:flex;gap:10px;justify-content:center;margin-top:28px;flex-wrap:wrap;font-size:13px}
.hero .atti span{border:1px solid rgba(217,179,106,.4);color:var(--oro-2);border-radius:999px;padding:6px 14px}

#gioco{padding:56px 0 90px;min-height:60vh}
.progresso{display:flex;gap:8px;margin-bottom:34px;justify-content:center}
.tacca{width:36px;height:5px;border-radius:3px;background:var(--linea);transition:background .3s}
.tacca.fatta{background:var(--oro)}
.tacca.attiva{background:var(--navy)}

.caso{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:38px;box-shadow:0 8px 40px rgba(16,30,54,.08);opacity:0;transform:translateY(14px);animation:entra .45s forwards}
@keyframes entra{to{opacity:1;transform:none}}
.caso .num{font-size:12.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro);margin-bottom:10px}
.caso h2{font-size:clamp(21px,3vw,26px);line-height:1.25;margin-bottom:10px}
.caso .storia{color:var(--grigio);font-size:15.5px;margin-bottom:24px}
.opzioni{display:grid;gap:13px}
.opzione{text-align:left;background:#fbfcfe;border:1.5px solid var(--linea);border-radius:14px;padding:18px 20px;font:inherit;font-size:15px;cursor:pointer;transition:all .15s;line-height:1.55}
.opzione:hover{border-color:var(--navy);background:#fff;transform:translateX(4px)}
.opzione b{display:block;margin-bottom:3px;color:var(--navy)}

.pensiero{text-align:center;padding:56px 20px}
.pensiero .riga{font-size:16px;color:var(--grigio);margin:12px 0;opacity:0;animation:entra .4s forwards}
.pensiero .riga b{color:var(--navy)}

.blocco{opacity:0;animation:entra .5s forwards;margin-bottom:26px}
.profilo{background:linear-gradient(165deg,#0D1B2E 0%,#14273D 55%,#1B3352 100%);border-radius:20px;color:#fff;padding:36px}
.profilo .occhiello{color:var(--oro-2)}
.profilo h2{color:#fff;font-size:23px;margin-bottom:18px}
.criterio{display:flex;gap:14px;padding:13px 0;border-top:1px solid rgba(255,255,255,.14);font-size:15px;line-height:1.55;color:#dbe5f0}
.criterio .n{color:var(--oro-2);font-family:Georgia,serif;font-weight:700;font-size:18px;flex-shrink:0;width:20px}
.criterio .fonte{display:block;margin-top:5px;font-size:12px;color:#8fa3bd}
.criterio .fonte .chip{background:rgba(217,179,106,.14);border-left:2px solid var(--oro-2);color:var(--oro-2);padding:1px 7px;border-radius:0 5px 5px 0;font-weight:600}
.criterio.corretto{background:rgba(217,179,106,.08);border-radius:10px;padding-left:10px;padding-right:10px}
.criterio.corretto .chip-corr{background:var(--oro-2);color:#14273D;border-radius:5px;padding:1px 7px;font-weight:700}
.criterio.nuovo .chip-nuovo{background:rgba(94,197,153,.18);border-left:2px solid #5ec599;color:#8fe0bb;padding:1px 7px;border-radius:0 5px 5px 0;font-weight:600}
/* il cruscotto: gli stessi numeri che il prodotto vero mette in prima pagina */
.cruscotto{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;margin:4px 0 22px}
.tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px}
.tile .n{font-family:Georgia,serif;font-size:26px;font-weight:700;color:var(--oro-2);line-height:1}
.tile .e{font-size:12px;color:#9fb2c9;margin-top:6px;line-height:1.45}
.classe{border-top:1px solid rgba(255,255,255,.14);padding:14px 0 4px}
.classe-testata{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.classe-nome{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--oro-2)}
.classe-conta{font-size:12.5px;color:#8fa3bd}
.tacche-classe{display:flex;gap:4px;margin-left:auto}
.tacche-classe i{width:16px;height:5px;border-radius:2px;background:rgba(255,255,255,.16);display:block}
.tacche-classe i.on{background:var(--oro-2)}
.classe.piena .tacche-classe i.on{background:#5ec599}
.riga-crit{display:flex;gap:12px;padding:7px 0;font-size:14.5px;line-height:1.55;color:#dbe5f0}
.riga-crit .k{color:#8fa3bd;font-size:12px;flex:none;width:52px;padding-top:3px}
.riga-crit .k.fresco{color:#8fe0bb}
.nota-classi{margin-top:16px;font-size:12.5px;color:#8fa3bd;line-height:1.65}
.nota-classi b{color:#dbe5f0}

.combinatoria{background:rgba(217,179,106,.08);border:1px solid rgba(217,179,106,.35);border-radius:14px;padding:20px 22px;margin:20px 0 4px}
.combinatoria .conto{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.combinatoria .formula{font-size:13.5px;color:#c9d6e6;letter-spacing:.5px}
.combinatoria .numero{font-family:Georgia,serif;font-size:clamp(30px,4.5vw,42px);font-weight:700;color:var(--oro-2);line-height:1}
.combinatoria .numero-eti{font-family:Georgia,serif;font-size:clamp(19px,2.8vw,26px);font-weight:700;color:var(--oro-2);line-height:1;margin-left:2px}
.combinatoria .eti-c{font-size:11.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--oro-2);margin-bottom:10px}
.combinatoria .nota-c{font-size:13px;color:#8fa3bd;margin-top:10px;line-height:1.65}
.combinatoria .nota-c b{color:#dbe5f0}

.verdetto-card{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:36px;box-shadow:0 8px 40px rgba(16,30,54,.08)}
.verdetto-card .num{font-size:12.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro);margin-bottom:10px}
.verdetto-card h2{font-size:clamp(20px,3vw,24px);margin-bottom:8px}
.verdetto-card .storia{color:var(--grigio);font-size:15px;margin-bottom:20px;border-bottom:1px solid var(--linea);padding-bottom:16px}
.verdetto-riga{font-family:Georgia,serif;font-size:clamp(19px,2.6vw,24px);color:var(--navy);margin-bottom:14px}
.spiega{font-size:15px;line-height:1.75}
.spiega p{margin-bottom:11px}
.cita{background:#f6f2e8;border-left:3px solid var(--oro);padding:2px 8px;border-radius:0 6px 6px 0;white-space:nowrap;font-size:13px;color:var(--oro);font-weight:600}
.cita.fresca{background:#eaf6f0;border-left-color:var(--verde);color:var(--verde)}
.fiducia{margin-top:18px;font-size:13px;border-top:1px solid var(--linea);padding-top:13px;color:var(--grigio)}
.fiducia b.alta{color:var(--verde)} .fiducia b.media{color:var(--oro)} .fiducia b.bassa{color:var(--rosso)}
.fiducia b.medio-alta{color:var(--oliva)} .fiducia b.medio-bassa{color:var(--arancio)}
.azioni-verdetto{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.azioni-verdetto .esito{font-size:13.5px;font-weight:600}
.azioni-verdetto .esito.ok{color:var(--verde)}

/* la fiducia dichiarata: il cardine del prodotto, quindi in testa e non in coda */
.fascia-fiducia{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:15px 20px;border-radius:12px;font-size:13.5px;font-weight:700;letter-spacing:.4px}
.fascia-fiducia .pallini{display:flex;gap:5px;flex:none}
.fascia-fiducia .pallini i{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.22;display:block}
.fascia-fiducia .pallini i.on{opacity:1}
/* il salto di fiducia dopo l'astensione e' il momento piu' istruttivo della
   demo, e senza una spiegazione sembra un numero che si muove da solo */
.salto-fiducia{background:#f0f6e8;border-left:4px solid var(--oliva);border-radius:0 10px 10px 0;padding:13px 17px;margin:-6px 0 18px;font-size:13.5px;line-height:1.65;color:var(--grigio)}
.salto-fiducia b{color:var(--ink)}
/* la spiegazione conta quanto il livello: va a capo, e si legge */
.fascia-fiducia .che{flex-basis:100%;margin-top:4px;font-weight:700;font-size:15.5px;color:currentColor;letter-spacing:0;line-height:1.45}
/* il tetto: stessa riga, ma un gradino sotto per peso — e' la condizione,
   non la misura */
.fascia-fiducia .che .tetto{font-weight:600;font-size:14px;opacity:.75}
.fascia-fiducia.alta{background:#eaf6f0;color:var(--verde)}
.fascia-fiducia.medio-alta{background:#f0f6e8;color:var(--oliva)}
.fascia-fiducia.media{background:#fdf6e9;color:var(--oro)}
.fascia-fiducia.medio-bassa{background:#fdf1e8;color:var(--arancio)}
.fascia-fiducia.bassa{background:#fdf0ef;color:var(--rosso)}
.guida-fiducia{background:var(--fondo-2);border-left:4px solid var(--navy);border-radius:0 14px 14px 0;padding:20px 24px;font-size:14.5px;line-height:1.7;color:var(--grigio)}
.guida-fiducia b{color:var(--ink)}
.guida-fiducia .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:999px;padding:2px 10px;margin:0 1px}
.guida-fiducia .tag.alta{background:#eaf6f0;color:var(--verde)}
.guida-fiducia .tag.medio-alta{background:#f0f6e8;color:var(--oliva)}
.guida-fiducia .tag.media{background:#fdf6e9;color:var(--oro)}
.guida-fiducia .tag.medio-bassa{background:#fdf1e8;color:var(--arancio)}
.guida-fiducia .tag.bassa{background:#fdf0ef;color:var(--rosso)}
.tensione{background:#fdf6e9;border-left:3px solid var(--oro);border-radius:0 12px 12px 0;padding:14px 18px;margin:14px 0 0;font-size:14px;line-height:1.7;color:#6b5527}
.tensione b{color:var(--oro)}

.astensione-box{background:#fdf9f2;border:2px solid var(--oro-2);border-radius:16px;padding:26px;margin-top:18px;box-shadow:0 6px 24px rgba(176,125,42,.13)}
.astensione-box .eti{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--oro);margin-bottom:8px}
.astensione-box .titolone{font-family:Georgia,serif;font-size:clamp(21px,3vw,27px);color:var(--oro);line-height:1.25;margin-bottom:12px}
.astensione-box p{font-size:14.5px;line-height:1.7;margin-bottom:14px}
.astensione-box .opzioni{margin-top:6px}
/* la prova puo' finire qui, se non si vuole rispondere: senza questo, chi si
   ferma all'astensione non trova nessun pulsante e resta senza uscita */
.fondo-astensione{margin-top:18px;padding-top:15px;border-top:1px solid rgba(176,125,42,.3);display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13.5px;color:var(--grigio);line-height:1.6}
.fondo-astensione span{flex:1;min-width:240px}

.disaccordo-box{background:#fdf7f7;border:1.5px solid #e8d3d2;border-radius:16px;padding:24px;margin-top:16px}
.disaccordo-box .eti{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--rosso);margin-bottom:8px}
.disaccordo-box p{font-size:14.5px;line-height:1.7;margin-bottom:14px}
.banner-corretto{background:#eaf6f0;border-left:3px solid var(--verde);border-radius:0 10px 10px 0;padding:12px 16px;font-size:14px;margin-bottom:16px;color:#1d5c42}

/* la scheda del messaggio, dentro ogni caso, sotto i criteri che l'hanno scritto */
/* le schede per muoversi fra i tre casi */
/* il passaggio dal profilo ai casi */
.avvio{text-align:center;margin:30px auto 10px;max-width:620px;opacity:0;animation:entra .5s .2s forwards}
.avvio-testo{font-size:16px;line-height:1.7;color:var(--grigio);margin-bottom:22px}
.avvio-testo b{color:var(--ink)}
.schede-lato{display:flex;gap:8px;flex:none;flex-wrap:wrap}
.schede{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}
.schede-bottoni{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.scheda{display:flex;align-items:center;gap:9px;background:#fff;border:1.5px solid var(--linea);border-radius:12px;padding:11px 16px;font:inherit;font-size:14px;cursor:pointer;transition:all .15s;color:var(--grigio)}
.scheda:hover{border-color:var(--navy);color:var(--ink)}
.scheda.attiva{border-color:var(--navy);background:#f7f9fc;color:var(--ink);box-shadow:0 2px 10px rgba(16,30,54,.07)}
.scheda .n-caso{font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--oro)}
.scheda .tit-caso{font-weight:600}
.scheda .pallino{width:9px;height:9px;border-radius:50%;flex:none}
.scheda .pallino.alta{background:var(--verde)} .scheda .pallino.medio-alta{background:var(--oliva)} .scheda .pallino.media{background:var(--oro)} .scheda .pallino.medio-bassa{background:var(--arancio)} .scheda .pallino.bassa{background:var(--rosso)}
.scheda .segno{color:var(--verde);font-weight:700}
.rifai-piccolo{background:transparent;border:1.5px solid var(--linea);border-radius:10px;padding:10px 15px;font:inherit;font-size:13.5px;color:var(--grigio);cursor:pointer;flex:none}
.rifai-piccolo:hover{border-color:var(--navy);color:var(--navy)}
.navigazione{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}
@media(max-width:640px){.scheda .tit-caso{display:none}.schede-bottoni{flex:none}}

/* ============================================================ il report PDF
   Niente librerie e niente richieste di rete: la pagina dichiara che nulla
   esce dal browser, e caricare un generatore di PDF da un CDN renderebbe
   quella frase falsa nel pannello di rete di chiunque la controlli. Si usa
   la stampa del browser («Salva come PDF»), con un foglio disegnato apposta. */
#report{display:none}
@media print{
  @page{size:A4;margin:15mm 14mm}
  html,body{background:#fff!important}
  body>*{display:none!important}
  body>#report{display:block!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.rp-foglio{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1d2b3a;font-size:10.2pt;line-height:1.55}
.rp-testata{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2.5px solid var(--navy);padding-bottom:7px;margin-bottom:17px}
.rp-marchio{font-size:15pt;font-weight:800;letter-spacing:-.3px;color:var(--navy)}
.rp-marchio span{color:var(--oro)}
.rp-data{font-size:8.4pt;color:#7a8b9c;letter-spacing:.3px}
.rp-titolo{font-family:Georgia,serif;font-size:23pt;line-height:1.12;color:var(--navy);margin:0 0 6px;font-weight:400}
.rp-occhiello{font-size:8.2pt;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro);margin:0 0 16px}
.rp-cappello{background:#f5f7fa;border-left:3px solid var(--oro);padding:10px 15px;font-size:9.4pt;color:#4a5a6b;margin:0 0 19px;line-height:1.55}
.rp-sez{margin-bottom:17px;break-inside:avoid}
.rp-sez h2{font-family:Georgia,serif;font-size:13pt;font-weight:400;color:var(--navy);margin:0 0 3px;padding-bottom:5px;border-bottom:1px solid #dde4ec}
.rp-sez .rp-sub{font-size:8.6pt;color:#8595a5;margin:0 0 11px}
.rp-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.rp-tile{border:1px solid #dde4ec;border-radius:7px;padding:11px 13px;background:#fbfcfd}
.rp-tile .n{font-family:Georgia,serif;font-size:21pt;color:var(--navy);line-height:1}
.rp-tile .n small{font-size:11pt;color:#9fb2c9}
.rp-tile .e{font-size:8pt;color:#6b7c8d;margin-top:4px;line-height:1.35}
.rp-tab{width:100%;border-collapse:collapse;font-size:9.2pt}
.rp-tab th{text-align:left;font-size:7.6pt;letter-spacing:1.1px;text-transform:uppercase;color:#8595a5;font-weight:700;padding:0 8px 6px 0;border-bottom:1px solid #dde4ec}
.rp-tab td{padding:6px 8px 6px 0;border-bottom:1px solid #eef2f6;vertical-align:top}
.rp-tab tr:last-child td{border-bottom:0}
.rp-tab .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.rp-badge{display:inline-block;font-size:7.4pt;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:20px;padding:2px 8px;white-space:nowrap}
.rp-badge.alta{background:#eaf6f0;color:var(--verde)}
.rp-badge.medio-alta{background:#f0f6e8;color:var(--oliva)}
.rp-badge.media{background:#fdf6e9;color:var(--oro)}
.rp-badge.medio-bassa{background:#fdf1e8;color:var(--arancio)}
.rp-badge.bassa{background:#fdf0ef;color:var(--rosso)}
.rp-badge.si{background:#eaf6f0;color:var(--verde)}
.rp-badge.no{background:#f0f3f7;color:#7a8b9c}
.rp-pall{display:inline-flex;gap:2.5px;vertical-align:middle;margin-right:5px}
.rp-pall i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.2;display:block}
.rp-pall i.on{opacity:1}
/* senza queste il currentColor eredita il testo della cella e i cinque
   pallini escono tutti blu scuro: il gradino si vedrebbe solo nel numero */
.rp-pall.alta{color:var(--verde)}
.rp-pall.medio-alta{color:var(--oliva)}
.rp-pall.media{color:var(--oro)}
.rp-pall.medio-bassa{color:var(--arancio)}
.rp-pall.bassa{color:var(--rosso)}
.rp-lista{margin:9px 0 0;padding:0;list-style:none}
.rp-lista li{padding:6.5px 0 6.5px 26px;border-bottom:1px solid #eef2f6;position:relative;font-size:9.2pt;line-height:1.5;break-inside:avoid}
.rp-lista li:last-child{border-bottom:0}
.rp-lista li .rp-i{position:absolute;left:0;top:8px;width:18px;height:18px;border-radius:50%;background:#fdf6e9;color:var(--oro);font-size:8pt;font-weight:700;display:flex;align-items:center;justify-content:center}
.rp-nota{font-size:8.6pt;color:#7a8b9c;line-height:1.55;margin-top:9px}
.rp-nota b{color:#4a5a6b}
.rp-limiti{background:#f5f7fa;border-radius:8px;padding:14px 17px}
.rp-limiti h2{border-bottom-color:#dde4ec}
.rp-pie{margin-top:20px;padding-top:9px;border-top:1px solid #dde4ec;display:flex;justify-content:space-between;font-size:7.8pt;color:#9fb2c9}

/* la prova cieca: la previsione sta nel DOM PRIMA della scelta — coperta,
   non assente. Chi apre il codice la trova gia' scritta, ed e' la prova che
   non e' stata cucita addosso alla risposta. */
.cieca-intro{text-align:center;max-width:640px;margin:0 auto 26px}
.cieca-intro .occhiello{color:var(--oro)}
.cieca-intro h2{font-size:clamp(22px,3.2vw,29px);line-height:1.25;margin-bottom:12px}
.cieca-intro p{color:var(--grigio);font-size:15.5px;line-height:1.7}
.busta{border:2px dashed var(--oro-2);border-radius:16px;padding:22px 24px;background:#fdf9f2;margin:0 0 24px}
.busta .sigillo{font-size:11.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--oro);margin-bottom:12px}
.busta .contenuto{font-family:Georgia,serif;font-size:19px;line-height:1.5;color:var(--navy)}
.busta.coperta .contenuto{filter:blur(7px);user-select:none;pointer-events:none}
.busta .nota-busta{margin-top:12px;font-size:12.5px;color:#8a7440;line-height:1.6}
.esito{border-radius:16px;padding:24px;margin-bottom:22px}
.esito.preso{background:#eaf6f0;border:1.5px solid var(--verde)}
.esito.mancato{background:#fdf0ef;border:1.5px solid var(--rosso)}
.esito.astenuto{background:#fdf6e9;border:1.5px solid var(--oro)}
.esito .titolone{font-family:Georgia,serif;font-size:clamp(21px,3vw,28px);line-height:1.25;margin-bottom:12px}
.esito.preso .titolone{color:var(--verde)} .esito.mancato .titolone{color:var(--rosso)} .esito.astenuto .titolone{color:var(--oro)}
.esito p{font-size:15px;line-height:1.75;margin-bottom:10px}
.voti{display:grid;gap:8px;margin:16px 0 4px}
.voto{display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:1.6;background:rgba(255,255,255,.6);border-radius:10px;padding:9px 13px}
.voto b{color:var(--navy);flex:none}
.scheda-finale{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:32px;box-shadow:0 8px 40px rgba(16,30,54,.08);margin-bottom:26px}
.scheda-finale h2{font-size:22px;margin-bottom:4px}
.scheda-finale .sotto{color:var(--grigio);font-size:14.5px;margin-bottom:22px}
.misure{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.misura{background:var(--fondo-2);border-radius:14px;padding:16px 18px}
.misura .val{font-family:Georgia,serif;font-size:30px;font-weight:700;color:var(--navy);line-height:1}
.misura .eti{font-size:12.5px;color:var(--grigio);margin-top:6px;line-height:1.5}
.misura.oro .val{color:var(--oro)}
.chiosa{margin-top:20px;font-size:14px;line-height:1.75;color:var(--grigio);border-top:1px solid var(--linea);padding-top:16px}
.chiosa b{color:var(--ink)}

.messaggio{border:1px solid var(--linea);border-radius:14px;margin-top:20px;overflow:hidden;background:#fff}
.testata-msg{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--fondo-2);padding:12px 18px;font-size:13.5px;font-weight:600;color:var(--ink);flex-wrap:wrap;border-bottom:1px solid var(--linea)}
.stato{font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;border-radius:999px;padding:4px 12px}
.stato.bozza{background:#f6f2e8;color:var(--oro)}
.corpo-msg{padding:20px 22px;font-size:15px;line-height:1.8;white-space:pre-line}
.niente-msg{margin-top:16px;padding:14px 18px;background:rgba(176,125,42,.07);border-radius:12px;font-size:14px;line-height:1.7;color:#6b5527}
.contro{background:var(--fondo-2);border-radius:16px;padding:24px}
.contro .eti{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--rosso);margin-bottom:10px}
.contro p{font-size:14.5px;color:var(--grigio);line-height:1.7}
.punchline{margin-top:30px;text-align:center}
.punchline .frase{font-family:Georgia,serif;font-size:clamp(19px,2.6vw,23px);color:var(--navy);max-width:660px;margin:0 auto 22px;line-height:1.45}
.bottoni-finali{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ripeti-nota{margin:14px auto 0;max-width:560px;font-size:13.5px;line-height:1.7;color:var(--grigio)}
.ripeti-nota b{color:var(--oro)}
footer{border-top:1px solid var(--linea);padding:34px 0;font-size:13px;color:var(--grigio)}
footer .cont{max-width:1080px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}


/* barra legale in fondo, uguale su tutte le pagine */
.piede-legale{border-top:1px solid rgba(127,140,160,.28);margin-top:28px;padding-top:18px}
.piede-legale .dentro{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;gap:10px;
  align-items:center;flex-wrap:wrap}
.piede-legale a{display:inline-block;padding:7px 15px;border-radius:8px;
  border:1px solid rgba(127,140,160,.42);color:inherit;font-size:12.5px;font-weight:600;
  letter-spacing:.4px;text-decoration:none;transition:all .15s}
.piede-legale a:hover{border-color:#d9b36a;color:#d9b36a}
.piede-legale .dentro span.marchio-legale{margin-left:auto;font-size:12px;color:inherit;opacity:.75}
@media(max-width:620px){.piede-legale .dentro span.marchio-legale{margin-left:0;width:100%}}