:root{--lampada:#2C7A5B;--lampada-tenue:#E3EFE8;--ottone:#8A6A2E}
@media (prefers-color-scheme:dark){:root{--lampada:#6FC29C;--lampada-tenue:#1F3A2E;--ottone:#C9A660}}

.largo{max-width:1080px;margin:0 auto;padding:0 26px}
.testa-bilancia{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:34px 0 8px}
.testa-bilancia h1{font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-.02em;max-width:14ch;margin:0 0 16px}
.lede{font-size:19px;color:var(--inchiostro-2);max-width:42ch}
.garanzie{font:500 14px var(--sans);color:var(--inchiostro-3);margin-top:14px}

.scena{width:100%;max-width:460px;margin:0 auto}
.scena svg{width:100%;height:auto;overflow:visible;display:block}
.scena .linea{stroke:var(--inchiostro);stroke-width:2.5;fill:none;stroke-linecap:round}
.scena .ottone{fill:var(--ottone)}
.scena .piatto-fondo{fill:var(--carta);stroke:var(--inchiostro);stroke-width:2.5}
.scena .etichetta-piatto{font:600 15px var(--sans);fill:var(--inchiostro);text-anchor:middle}
.scena .icona{stroke:var(--lampada);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
#bTrave{transform-box:view-box;transform-origin:230px 64px;transition:transform .28s ease-out}
#bPiattoS,#bPiattoD{transition:transform .28s ease-out}

.pannello-b{border:1px solid var(--riga);border-radius:20px;padding:22px clamp(16px,3vw,30px) 26px;margin:22px 0 10px;font-family:var(--sans)}
.pannello-b .b-testa{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.pannello-b h2{font-family:var(--serif);font-size:26px;margin:0}
#bContatore{font-size:14px;color:var(--inchiostro-3)}
.b-domande{display:grid;grid-template-columns:1fr 1fr;gap:6px 34px}
.b-domanda{border:0;padding:14px 0 6px;min-width:0}
.b-domanda legend{font-size:16px;font-weight:600;color:var(--inchiostro);margin-bottom:10px;display:flex;gap:10px;align-items:baseline}
.b-num{font-variant-numeric:tabular-nums;color:var(--inchiostro-3);font-weight:500;min-width:1ch}
.b-scelte{display:flex;flex-wrap:wrap;gap:8px}
.b-scelte button{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid var(--riga);background:transparent;
  color:var(--inchiostro);font:500 15px var(--sans);cursor:pointer;text-align:left;transition:background-color .15s ease-out,border-color .15s ease-out}
.b-scelte button:hover{border-color:var(--inchiostro-3)}
.b-scelte button:active{transform:scale(.98)}
.b-scelte button[aria-pressed="true"]{background:var(--lampada-tenue);border-color:var(--lampada);color:var(--inchiostro)}
.b-scelte button:focus-visible{outline:2px solid var(--blu);outline-offset:2px}

.b-esito{margin-top:18px;padding-top:18px;border-top:1px solid var(--riga);font-family:var(--serif)}
.b-esito .b-attesa{color:var(--inchiostro-3);font-size:18px}
.b-verdetto{font-size:26px;line-height:1.2;margin-bottom:8px}
.b-esito[data-esito="biblioteca"] .b-verdetto,.b-esito[data-esito="compagnia"] .b-verdetto{color:var(--lampada)}
.b-motivi{margin:12px 0 0 1.1em;color:var(--inchiostro-2);font-size:18px}
.b-motivi li{margin:4px 0}
.b-azione{margin-top:16px}

.confronto{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:16px;margin:14px 0 6px}
.confronto th,.confronto td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-bottom:1px solid var(--riga)}
.confronto thead th{font-weight:600;color:var(--inchiostro-2);font-size:14px}
.confronto tbody th{font-weight:600;width:22%;color:var(--inchiostro)}
.confronto td{color:var(--inchiostro-2);width:39%}

@media (max-width:820px){
  .testa-bilancia{grid-template-columns:1fr;gap:10px;padding-top:24px}
  .scena{max-width:360px}
  .b-domande{grid-template-columns:1fr}
}
@media (max-width:560px){
  .confronto thead{display:none}
  .confronto tr{display:block;padding:10px 0;border-bottom:1px solid var(--riga)}
  .confronto th,.confronto td,.confronto tbody th{display:block;width:auto;border:0;padding:3px 0}
  .confronto td::before{content:attr(data-col) ": ";font-weight:600;color:var(--inchiostro)}
}
@media (prefers-reduced-motion:reduce){#bTrave,#bPiattoS,#bPiattoD{transition:none}}

.largo > .wrap{margin-left:0}