/* COSA DICE LA RICERCA — tre livelli con peso visivo decrescente, come decrescente e'
    la forza della prova: gli studi diretti sono card cliccabili, la famiglia sono chip,
    la semplice citazione e' una riga piccola in fondo. */
 .ev .ev-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;
  color:var(--muted);margin:14px 0 8px}
 .ev .ev-h:first-of-type{margin-top:0}
 .ev .ev-h b{color:var(--blu);font-size:13px}
 .ev-l{display:flex;flex-direction:column;gap:8px}
 .ev-s{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;background:var(--card);
  border:1px solid var(--border);border-left:3px solid var(--blu);border-radius:10px;
  padding:10px 13px;text-decoration:none;color:inherit;transition:border-color .13s,transform .13s}
 .ev-s:hover{border-color:var(--blu);transform:translateX(2px)}
 .ev-a{grid-row:span 2;align-self:center;font-weight:800;color:var(--blu);font-size:13px}
 .ev-t{font-size:13.5px;font-weight:600;line-height:1.35}
 .ev-r{font-size:11.5px;color:var(--muted)}
 .ev-cs{display:flex;flex-wrap:wrap;gap:8px}
 .ev-c{background:rgba(60,80,45,.10);border:1px solid rgba(60,80,45,.28);color:var(--text);
  border-radius:999px;padding:6px 13px;font-size:13px;text-decoration:none;font-weight:600}
 .ev-c:hover{background:rgba(60,80,45,.18)}
 .ev-c b{color:var(--leo);margin-left:4px}
 .ev-n{font-size:12px;color:var(--muted);margin-top:8px;font-style:italic;line-height:1.5}
 .ev-cit{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);
  font-size:12.5px;color:var(--muted);line-height:1.5}
 .ev-cit b{color:var(--text)}
.wrap{max-width:1120px;margin:0 auto;padding:28px 20px 60px}
.al-hero{background:linear-gradient(135deg,rgba(60,80,45,.10),rgba(60,80,45,.03));border:1px solid var(--border);border-radius:18px;padding:34px 30px;margin-bottom:22px}
.al-hero .eye{font-size:13px;font-weight:700;color:var(--leo-dk);margin-bottom:8px}
.al-hero h1{font-size:30px;margin:0 0 8px}
.al-hero p{color:var(--muted);max-width:70ch;margin:0}
.al-tools{margin:18px 0 6px}
.al-tools input{width:100%;padding:13px 16px;border:1px solid var(--border-hi);border-radius:12px;font:inherit;font-size:15px;background:var(--card)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{border:1px solid var(--border-hi);background:var(--card);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
.chip.on{background:var(--leo-dk);border-color:var(--leo-dk);color:#fff}
.count{color:var(--muted);font-size:13.5px;margin:14px 2px}
.al-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.al-stats .s{background:rgba(255,255,255,.75);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--text)}
 @keyframes fadeUp{from{opacity:0;transform:translateY(14px) rotate(var(--rot, -0.3deg))}to{opacity:1;transform:translateY(0) rotate(var(--rot, -0.3deg))}}
 @keyframes barfill{from{width:0}}
 .agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}
 .acard{--rot:-0.3deg;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--text);opacity:0;animation:fadeUp .5s cubic-bezier(.2,.7,.2,1) forwards;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,border-color .2s;box-shadow:0 2px 8px rgba(33,50,20,.06)}
 .acard:nth-child(even){--rot:0.4deg}
.acard:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 22px 44px rgba(33,50,20,.18)}
.acard .cover{position:relative;height:86px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.acard:hover .cover{transform:scale(1.06)}
.acard .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 45%,rgba(0,0,0,.14))}
.acard .cemoji{font-size:44px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25));z-index:1}
.acard .csem{position:absolute;top:9px;right:10px;z-index:2;font-size:13px;background:rgba(255,255,255,.88);border-radius:999px;padding:3px 7px;box-shadow:0 2px 6px rgba(0,0,0,.14)}
.acard .cstars{position:absolute;left:12px;bottom:8px;z-index:2;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.acard .cstars .st{font-size:13px;letter-spacing:1px}
.acard .cstars .lb{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;opacity:.9;margin-top:2px}
.acard .tag{font-size:10.5px;font-weight:800;color:var(--leo-dk);text-transform:uppercase;letter-spacing:.06em;margin:12px 15px 0}
.acard h3{margin:3px 15px 2px;font-size:16.5px;text-transform:capitalize}
.acard .meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 15px 14px;font-size:12.5px;color:var(--muted)}
.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700}
.badge.ok{background:#e5f6e0;color:#256b16}.badge.mod{background:#fdf2d7;color:#8a6400}
.badge.lim{background:#fde5e2;color:#a12315}.badge.nd{background:#eff1ee;color:#6e7668}
.badge.ig-basso{background:#e5f6e0;color:#256b16}.badge.ig-medio{background:#fdf2d7;color:#8a6400}.badge.ig-alto{background:#fde5e2;color:#a12315}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0}
/* scheda: banner-hero col gradiente del gruppo (stessa famiglia visiva delle card) */
.al-banner{position:relative;border-radius:22px;padding:34px 32px 30px;margin:4px 0 16px;color:#fff;overflow:hidden;box-shadow:0 14px 34px rgba(33,50,20,.16)}
.al-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%,rgba(0,0,0,.16))}
.al-banner .bemoji{position:absolute;right:-14px;bottom:-24px;font-size:150px;opacity:.2;transform:rotate(-8deg);filter:saturate(.9)}
.al-banner .bgr{position:relative;z-index:1;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.92}
.al-banner h1{position:relative;z-index:1;font-size:clamp(28px,4vw,40px);margin:6px 0 4px;text-transform:capitalize;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.al-banner .bstars{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:6px}
.al-banner .bstars .st{font-size:19px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.al-banner .bstars .vl{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.22);border-radius:999px;padding:4px 11px;backdrop-filter:blur(3px)}
.al-badges{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 20px}
.sez{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin:14px 0}
.sez h2{font-size:17px;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.mac{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.mac .m{background:rgba(60,80,45,.06);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}
.mac .m b{display:block;font-size:20px}.mac .m span{font-size:12px;color:var(--muted)}
.bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 26px}
.bar{display:grid;grid-template-columns:150px 1fr 26px;align-items:center;gap:10px;font-size:13px}
.bar .tr{height:8px;border-radius:99px;background:#eef1ec;overflow:hidden}
.bar .fl{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--leo),var(--leo-dk));animation:barfill .9s cubic-bezier(.2,.7,.2,1)}
.bar.cattivo .fl{background:linear-gradient(90deg,#e69a4e,#cf5330)}
.bar b{text-align:right;font-size:12.5px}
table.nut{width:100%;border-collapse:collapse;font-size:13.5px}
table.nut td{padding:6px 8px;border-bottom:1px solid var(--border)}
table.nut td:last-child{text-align:right;font-weight:600}
.due-col{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
@media(max-width:640px){.due-col{grid-template-columns:1fr}.bar{grid-template-columns:120px 1fr 26px}}
.regola{border-left:3px solid var(--border-hi);padding:8px 14px;margin:10px 0;font-size:14px}
.regola.alta{border-color:#cf5330}.regola.media{border-color:#e8a80c}.regola.informativa{border-color:var(--leo)}
.regola b{display:block;margin-bottom:2px}.regola span{color:var(--muted);font-size:13px}
.plist{display:flex;flex-wrap:wrap;gap:8px}
.plist a,.plist .p{display:inline-block;background:rgba(60,80,45,.07);border:1px solid var(--border);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;text-transform:capitalize}
.plist a:hover{border-color:var(--leo-dk);color:var(--leo-dk)}
.plist .voto{color:var(--muted);font-weight:500;font-size:12px}
.rlist a{display:block;padding:8px 2px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:14px}
.rlist a:hover{color:var(--leo-dk)}
.rlist .pasto{font-size:11.5px;font-weight:700;color:var(--leo-dk);text-transform:uppercase;margin-right:8px}
.fonte{font-size:12px;color:var(--muted);margin-top:10px}
details.amin summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--leo-dk);margin-top:8px}
.torna{display:inline-block;margin-bottom:14px;font-size:13.5px;font-weight:600;color:var(--leo-dk);text-decoration:none}
.dis{background:rgba(60,80,45,.06);border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-size:12.5px;color:var(--muted);margin-top:16px}

/* 14/09/2026, passo H.1-bis: cio' che prima stava negli attributi style="".
   La CSP servita non li applica piu' (style-src-attr 'none'). */
.acard .cover,.al-banner{background:linear-gradient(140deg,hsl(var(--h),58%,52%),hsl(calc(var(--h) + 22),56%,36%))!important}
.acard{animation-delay:calc(var(--rit,0) * 40ms)!important}
.nota-muta{color:var(--muted)!important;font-size:14px!important}
.h2-nota{font-weight:400!important;font-size:13px!important;color:var(--muted)!important}
.h2-piccolo{font-size:14px!important}