/* Elementi comuni a tutte le pagine */
nav.menu{display:flex;gap:22px}
nav.menu a{font-size:14.5px;text-decoration:none;color:var(--inchiostro);padding-block:4px;border-bottom:1.5px solid transparent}
nav.menu a:hover,nav.menu a.attivo{border-bottom-color:var(--verde-foglia)}
.menu-btn{display:none;align-items:center;background:none;border:1.5px solid var(--salvia);color:var(--verde-profondo);font:inherit;font-size:13.5px;font-weight:700;padding:8px 12px;border-radius:2px;cursor:pointer}
@media (max-width:1040px){
  nav.menu{display:none}
  .menu-btn{display:inline-flex}
  header.top.aperto nav.menu{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--carta);border-bottom:1px solid var(--bordo);padding:6px 20px 14px;box-shadow:0 12px 24px -18px rgba(34,48,31,.5)}
  header.top.aperto nav.menu a{padding:13px 0;border-bottom:1px solid var(--bordo);font-size:16px}
}
footer{background:var(--carta-alt);padding-block:38px 34px;border-top:1px solid var(--bordo)}
.avvertenza{font-size:12.5px;color:var(--grigio);max-width:84ch;line-height:1.6;margin:0}
.legale{margin-top:20px;padding-top:18px;border-top:1px solid var(--bordo);font-size:12.5px;color:var(--grigio);display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between}
.legale a,.link-cookie{color:var(--grigio);text-decoration:underline;text-underline-offset:2px}
.legale a:hover,.link-cookie:hover{color:var(--verde-foglia)}
.link-cookie{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.altre a{display:inline-block;border:1px solid var(--salvia);color:var(--verde-profondo);font-size:13.5px;padding:7px 13px;border-radius:2px;text-decoration:none}
.altre a:hover{background:var(--salvia-tenue)}
.briciole a{color:var(--grigio);text-decoration:none}.briciole a:hover{color:var(--verde-foglia)}
img{max-width:100%}

/* Banner cookie: rifiutare è facile quanto accettare (linee guida Garante, 10/6/2021) */
.cb{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--carta-alt);border-top:2px solid var(--verde-profondo);padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px -22px rgba(34,48,31,.5);font-family:var(--testo)}
.cb-dentro,.cb-pannello{width:100%;max-width:1000px;margin:0 auto}
.cb-dentro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
.cb h2{font-family:var(--display);font-size:19px;color:var(--verde-profondo);margin:0}
.cb p{margin:8px 0 0;font-size:14.5px;color:var(--grigio);max-width:70ch;line-height:1.55}
.cb p a{color:var(--verde-foglia);font-weight:700}
.cb-scelte{display:flex;flex-wrap:wrap;gap:9px}
.cb-scelte .btn{padding:11px 18px;font-size:14.5px}
.cb-x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:24px;line-height:1;color:var(--grigio);cursor:pointer;padding:6px 9px}
.cb-pannello{margin-top:16px;border-top:1px solid var(--bordo);padding-top:12px}
.cb-voce{display:flex;gap:13px;align-items:flex-start;padding-block:11px;border-bottom:1px solid var(--bordo)}
.cb-voce input{margin-top:4px;width:18px;height:18px;accent-color:var(--verde-foglia);flex:none}
.cb-voce b{display:block;font-size:15px;color:var(--verde-profondo)}
.cb-voce span{display:block;font-size:13.5px;color:var(--grigio);margin-top:2px}
@media (max-width:760px){.cb-dentro{grid-template-columns:1fr;gap:14px}.cb-scelte .btn{flex:1 1 auto}}

/* Griglie: numero di colonne sempre divisore del numero di schede, niente celle vuote */
.canali,.quando{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.canali,.quando{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.canali,.quando{grid-template-columns:1fr}}
.gruppi{grid-template-columns:repeat(3,minmax(0,1fr))}
.gruppi:has(> .gruppo:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.gruppi,.gruppi:has(> .gruppo:nth-child(2):last-child){grid-template-columns:1fr}}
.collegati ul{grid-template-columns:1fr}
.canale.fermo:hover{background:var(--verde-profondo)}
@media (prefers-color-scheme: dark){.canale.fermo:hover{background:var(--salvia-tenue)}}
.canale a.v{color:inherit;text-decoration:none;display:block}
.canale a.v:hover{text-decoration:underline;text-underline-offset:3px}
.gruppi:has(> .gruppo:only-child){grid-template-columns:1fr}
.cat.ordina{grid-column:1/-1}