/* =====================================================================
   Tema delle guide (11-set-2026). Caricato per ultimo in ogni pagina con
   .lp-cant e nella pagina dei Primi Dodici (body.pd12).
   1) Lettura per chi ha 45-65 anni: vale in chiaro e in scuro.
   2) Colori chiari solo per chi ha il dispositivo in chiaro (il default):
      chi ha la modalita' scura vede le guide come prima.
   3) Nello scuro, solo i contrasti che non reggevano 7:1.
   "html body" davanti: deve vincere sugli stili scritti dentro le pagine.
   ===================================================================== */

/* ---- 1. lettura, in chiaro e in scuro ---- */
.lp-cant .logo picture,.pd12 picture{display:contents}
html body .lp-cant .kicker{font-size:14.5px;letter-spacing:.1em}
html body .lp-cant .crumb{font-size:13px}
html body .lp-cant .faq p{font-size:17px;line-height:1.6}
html body .lp-cant .btn{font-size:15px;letter-spacing:.04em;min-height:48px}
html body .lp-cant .nav-cta{font-family:var(--fd);font-size:15px;letter-spacing:-.005em;text-transform:none;font-weight:700}
html body .lp-cant .reassure{font-family:var(--fb);font-size:15px}
html body .lp-cant .foot{font-size:15px}
html body .lp-cant .tab{font-size:16px}
html body .lp-cant .tab thead th,html body .lp-cant article table:not(.tab) thead th,html body .lp-cant .salprev th{font-size:13px;letter-spacing:.08em}
html body .lp-cant .limit li,html body .lp-cant .dl p,html body .lp-cant .hubv span,html body .lp-cant .indice li{font-size:16px}
html body .lp-cant .dl a{font-size:15px}
html body .lp-cant .indice-k{font-size:13px;letter-spacing:.1em}
html body .lp-cant .tab-stretta caption,html body .lp-cant .salprev caption{font-size:15px}
html body .lp-cant .tab-stretta .tab{font-size:16px}
html body .lp-cant figure.shot figcaption{font-size:15.5px}
html body .lp-cant figure.shot .bar span{font-size:12px}
html body .barra-demo span{font-size:14px}
html body .lp-cant .mcalc label{font-size:13px;letter-spacing:.08em}
html body .lp-cant .mcalc .sub,html body .lp-cant .mcalc .sim,html body .lp-cant .mcalc .warn{font-size:16px}
html body .lp-cant .mcalc .hon,html body .lp-cant .mcalc .out .l{font-size:15px}
/* il numero bianco su arancio dava 2,9:1 */
html body .lp-cant .passi li::before,html body .lp-cant .barra-demo .btn{color:#0F1A24}
@media(min-width:641px){html body .lp-cant .faq p{font-size:18px}}
@media(max-width:900px){html body .lp-cant .tab{font-size:15px}}
@media(max-width:640px){
  html body .lp-cant .tab-stretta .tab,html body .lp-cant figure.shot figcaption{font-size:15px}
}
html body.pd12{font-size:17px}
@media(min-width:641px){html body.pd12{font-size:18px}}
html body.pd12 .eyebrow,html body.pd12 .cond .num{font-size:13px;letter-spacing:.12em}
html body.pd12 .cond p,html body.pd12 .patto-list p,html body.pd12 .contatore .nota{font-size:16px}
html body.pd12 footer{font-size:15px}
html body.pd12 .cta{color:#0F1A24}

/* ---- 2. chiaro, il default: NESSUNA condizione, cosi' vale anche per chi
   non ha dichiarato una preferenza al sistema (la maggior parte). Lo scuro,
   sotto, e' l'eccezione dietro @media(prefers-color-scheme:dark). ---- */
html body{background:#FFFFFF}
html body .lp-cant{--bg:#FFFFFF;--bg-elev:#F5F7FA;--bg-card:#F7F9FB;--accent-text:#853600;--accent-glow:rgba(255,106,0,.14);
  --text:#0F1A24;--text-2:#34495A;--text-3:#3A4F5F;--border:rgba(15,26,36,.10);--border-strong:rgba(15,26,36,.18)}
html body .lp-cant a{border-bottom-color:rgba(133,54,0,.35)}
html body .lp-cant .nav{background:rgba(255,255,255,.94)}
html body .lp-cant article p,html body .lp-cant .checklist li,html body .lp-cant .crit li,html body .lp-cant .inbreve li,
html body .lp-cant .passi li,html body .lp-cant .cmp td{color:#1F2F3B}
html body .lp-cant article b,html body .lp-cant .pull,html body .lp-cant .checklist b,html body .lp-cant .tab tbody th,
html body .lp-cant .tab td.ok,html body .lp-cant .crit b,html body .lp-cant .passi li>b:first-child,
html body .lp-cant .tab tbody th[scope="row"],html body .lp-cant article table:not(.tab) td:first-child,
html body .lp-cant .tab tbody td:first-child,html body .lp-cant .tab-stretta tbody tr.tot th,
html body .lp-cant .tab-stretta tbody tr.tot td,html body .lp-cant .cmp td b{color:#0F1A24}
html body .lp-cant .crit li::before{color:#B84400;opacity:1}
html body .lp-cant .inbreve{background:rgba(15,26,36,.035)}
html body .lp-cant .tab thead th{background:rgba(15,26,36,.035)}
html body .lp-cant figure.shot{box-shadow:0 30px 60px -34px rgba(15,26,36,.4)}
html body .barra-demo{background:rgba(255,255,255,.96)}
html body .lp-cant .btn:focus-visible,html body .lp-cant .nav-cta:focus-visible{outline-color:#0F1A24}
html body .lp-cant .salprev td{color:#1F2F3B;border-bottom-color:rgba(15,26,36,.1)}
html body .lp-cant .salprev th,html body .lp-cant .salprev caption{color:#3A4F5F}
html body .lp-cant .salprev tr.tot td{color:#0F1A24;border-top-color:rgba(15,26,36,.2)}
html body .lp-cant .mcalc{background:#F5F7FA;border-color:rgba(15,26,36,.14)}
html body .lp-cant .mcalc h3,html body .lp-cant .mcalc .sim b{color:#0F1A24}
html body .lp-cant .mcalc .sub,html body .lp-cant .mcalc .sim,html body .lp-cant .mcalc .out .l{color:#34495A}
html body .lp-cant .mcalc label,html body .lp-cant .mcalc .hon{color:#3A4F5F}
html body .lp-cant .mcalc .out{border-top-color:rgba(15,26,36,.12)}
html body .lp-cant .mcalc input,html body .lp-cant .mcalc select{background:#FFFFFF;color:#0F1A24;border-color:rgba(15,26,36,.25)}
html body .lp-cant .mcalc input:focus,html body .lp-cant .mcalc select:focus{outline-color:#853600}
html body .lp-cant .mcalc .out .n{color:#B84400}
html body .lp-cant .mcalc .warn{color:#8A3800}
html body .lp-cant [style*="color:#8595A3"],html body .lp-cant [style*="color:#9CB0BC"]{color:#3A4F5F!important}
html body .lp-cant [style*="rgba(255,138,61,.4)"]{border-bottom-color:rgba(133,54,0,.35)!important}
html body.pd12{--bg:#FFFFFF;--bg-elev:#F5F7FA;--bg-card:#F7F9FB;--bg-card-2:#EEF2F6;--accent-glow:rgba(255,106,0,.14);
  --text:#0F1A24;--text-2:#34495A;--text-3:#3A4F5F;--border:rgba(15,26,36,.10);--border-strong:rgba(15,26,36,.18)}
html body.pd12 .eyebrow,html body.pd12 .cond .num,html body.pd12 .patto-list .segno{color:#853600}
html body.pd12 .serif{color:#B84400!important}

/* ---- 3. scuro: solo per chi ha DICHIARATO al sistema la modalita' scura;
   ripristina i valori originali, con le sole correzioni che non reggevano 7:1 ---- */
@media (prefers-color-scheme: dark){
  html body{background:#0B1319}
  html body .lp-cant{--bg:#0F1A24;--bg-elev:#16242F;--bg-card:#1B2C39;--accent-text:#FF8A3D;--accent-glow:rgba(255,106,0,.22);
    --text:#F5F7FA;--text-2:#9FB0BD;--text-3:#9CB0BC;--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.16)}
  html body .lp-cant a{border-bottom-color:rgba(255,138,61,.35)}
  html body .lp-cant .nav{background:rgba(13,22,31,.92)}
  html body .lp-cant article p,html body .lp-cant .checklist li,html body .lp-cant .crit li,html body .lp-cant .inbreve li,
  html body .lp-cant .passi li,html body .lp-cant .cmp td{color:#E6ECF1}
  html body .lp-cant article b,html body .lp-cant .pull,html body .lp-cant .checklist b,html body .lp-cant .tab tbody th,
  html body .lp-cant .tab td.ok,html body .lp-cant .crit b,html body .lp-cant .passi li>b:first-child,
  html body .lp-cant .tab tbody th[scope="row"],html body .lp-cant article table:not(.tab) td:first-child,
  html body .lp-cant .tab tbody td:first-child,html body .lp-cant .tab-stretta tbody tr.tot th,
  html body .lp-cant .tab-stretta tbody tr.tot td,html body .lp-cant .cmp td b{color:#FFFFFF}
  html body .lp-cant .crit li::before{color:var(--accent);opacity:.55}
  html body .lp-cant .inbreve{background:rgba(255,255,255,.045)}
  html body .lp-cant .tab thead th{background:rgba(255,255,255,.03)}
  html body .lp-cant figure.shot{box-shadow:0 30px 60px -34px rgba(0,0,0,.85)}
  html body .barra-demo{background:rgba(15,26,36,.94)}
  html body .lp-cant .btn:focus-visible,html body .lp-cant .nav-cta:focus-visible{outline-color:#F5F7FA}
  html body .lp-cant .salprev td{color:#C9D5DE;border-bottom-color:rgba(255,255,255,.07)}
  html body .lp-cant .salprev th,html body .lp-cant .salprev caption{color:#9CB0BC}
  html body .lp-cant .salprev tr.tot td{color:#F5F7FA;border-top-color:rgba(255,255,255,.2)}
  html body .lp-cant .mcalc{background:#16242F;border-color:rgba(255,255,255,.14)}
  html body .lp-cant .mcalc h3,html body .lp-cant .mcalc .sim b{color:#F5F7FA}
  html body .lp-cant .mcalc .sub,html body .lp-cant .mcalc .sim,html body .lp-cant .mcalc .out .l{color:#9FB0BD}
  html body .lp-cant .mcalc label,html body .lp-cant .mcalc .hon{color:#9CB0BC}
  html body .lp-cant .mcalc .out{border-top-color:rgba(255,255,255,.1)}
  html body .lp-cant .mcalc input,html body .lp-cant .mcalc select{background:#0F1A24;color:#F5F7FA;border-color:rgba(255,255,255,.18)}
  html body .lp-cant .mcalc input:focus,html body .lp-cant .mcalc select:focus{outline-color:#FF8A3D}
  html body .lp-cant .mcalc .out .n{color:#FF8A3D}
  html body .lp-cant .mcalc .warn{color:#FFB27A}
  html body .lp-cant [style*="color:#8595A3"],html body .lp-cant [style*="color:#9CB0BC"]{color:#9CB0BC!important}
  html body .lp-cant [style*="rgba(255,138,61,.4)"]{border-bottom-color:rgba(255,138,61,.4)!important}
  html body.pd12{--bg:#0F1A24;--bg-elev:#16242F;--bg-card:#1B2C39;--bg-card-2:#20313F;--accent-glow:rgba(255,106,0,.22);
    --text:#F5F7FA;--text-2:#9FB0BD;--text-3:#9CB0BC;--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.16)}
  html body.pd12 .eyebrow,html body.pd12 .cond .num,html body.pd12 .patto-list .segno{color:var(--accent)}
  html body.pd12 .serif{color:var(--accent)}
  /* .st .n resta #B84400 (sopra): la card e' bianca fissa anche nell'originale scuro,
     l'arancio pieno ci dava 2,87:1 anche prima di questo lavoro. */
}