:root{--nero: #111111;--bianco: #ffffff;--fucsia: #FB0780;--lime: #CCFF00;--fucsia-testo: #D6056B;--chip-news-bg: #3060D0;--chip-news-fg: #ffffff;--chip-talent-bg: #C2410C;--chip-talent-fg: #ffffff;--chip-classifiche-bg: #127886;--chip-classifiche-fg: #ffffff;--chip-focus-bg: #96690A;--chip-focus-fg: #ffffff;--chip-tour-bg: #C42B4F;--chip-tour-fg: #ffffff;--chip-sondaggi-bg: #1B7547;--chip-sondaggi-fg: #ffffff;--chip-viola-bg: #8347C4;--chip-viola-fg: #ffffff;--viola-su-nero: #B18FE3;--chip-neutro-bg: #79706A;--chip-neutro-fg: #ffffff;--grigio-adv: #e9e9e9;--grigio-adv-bordo: #d4d4d4;--grigio-adv-testo: #595959;--grigio-testo: #595959;--grigio-linea: #e0e0e0;--grigio-sfondo: #F7F7F4;--su-nero: #ffffff;--su-nero-secondario: #C9C9C9;--font: "Poppins", Arial, sans-serif;--peso-titoli: 800;--peso-testo: 400;--container: 1280px;--gutter: 16px;--raggio: 4px;--header-h: 64px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-weight:var(--peso-testo);font-size:16px;line-height:1.6;color:var(--nero);background:var(--bianco)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--fucsia-testo)}h1,h2,h3,h4{font-weight:var(--peso-titoli);line-height:1.15;margin:0}p{margin:0 0 1em}ul,ol{margin:0;padding:0;list-style:none}button{font-family:var(--font);cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:absolute;left:-9999px;top:0;background:var(--nero);color:var(--bianco);padding:8px 16px;z-index:200}.skip-link:focus{left:8px;top:8px}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.sezione{padding-block:32px}.titolo-sezione{font-size:24px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:20px}.titolo-sezione:after{content:"";display:block;width:56px;height:6px;margin-top:8px;background:var(--fucsia)}.titolo-sezione--lime:after{background:var(--lime)}.titolo-sezione--ciano:after{background:var(--chip-classifiche-bg)}.titolo-sezione--viola:after{background:var(--chip-viola-bg)}.kicker{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fucsia-testo)}.chip{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1;padding:6px 10px;border-radius:2px}.chip--news{background:var(--chip-news-bg);color:var(--chip-news-fg)}.chip--talent{background:var(--chip-talent-bg);color:var(--chip-talent-fg)}.chip--classifiche{background:var(--chip-classifiche-bg);color:var(--chip-classifiche-fg)}.chip--focus{background:var(--chip-focus-bg);color:var(--chip-focus-fg)}.chip--tour{background:var(--chip-tour-bg);color:var(--chip-tour-fg)}.chip--sondaggi{background:var(--chip-sondaggi-bg);color:var(--chip-sondaggi-fg)}.chip--viola{background:var(--chip-viola-bg);color:var(--chip-viola-fg)}.chip--neutro{background:var(--chip-neutro-bg);color:var(--chip-neutro-fg)}.meta{font-size:13px;color:var(--grigio-testo);text-transform:uppercase;letter-spacing:.04em}.adv{display:flex;align-items:center;justify-content:center;background:var(--grigio-adv);border:1px dashed var(--grigio-adv-bordo);color:var(--grigio-adv-testo);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;overflow:hidden}.adv span{text-align:center;line-height:1.4}.adv--masthead{width:100%;max-width:320px;height:100px;margin:0 auto;display:flex}.adv--masthead-1{margin-top:20px}.adv--masthead-2{margin-top:4px}.adv--300{width:300px;height:300px;margin-inline:auto}.adv--anchor{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:320px;height:100px;z-index:90;border:1px solid var(--grigio-adv-bordo);background:var(--grigio-adv)}.adv--anchor .adv-chiudi{position:absolute;top:2px;right:6px;border:0;background:none;font-size:14px;color:var(--grigio-adv-testo);padding:2px 6px}.header{position:sticky;top:0;z-index:100;background:var(--nero);color:var(--bianco)}.header__inner{display:flex;align-items:center;gap:12px;min-height:var(--header-h)}.logo{display:flex;align-items:center;gap:10px}.logo__vinile{width:84px;height:49px;flex:0 0 auto;border:1px dashed #555555;border-radius:var(--raggio);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--su-nero-secondario);letter-spacing:.08em;text-transform:uppercase}.logo__testo{font-size:19px;font-weight:800;letter-spacing:.01em;white-space:nowrap;color:var(--bianco)}.logo__testo em{font-style:normal;color:var(--fucsia)}.nav{display:none}.nav__lista{display:flex;gap:4px}.nav__lista a{display:block;padding:8px 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bianco);border-bottom:3px solid transparent}.nav__lista a:hover{color:var(--fucsia);border-bottom-color:var(--fucsia)}.header__azioni{margin-left:auto;display:flex;align-items:center;gap:8px}.icona-btn{background:none;border:0;color:var(--bianco);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.icona-btn:hover{color:var(--fucsia)}.hamburger{display:flex;flex-direction:column;gap:5px}.hamburger span{width:22px;height:2px;background:currentColor;display:block;transition:transform .2s ease,opacity .2s ease}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-mobile{display:none;background:var(--nero);border-top:1px solid #2a2a2a;padding:8px var(--gutter) 16px}.menu-mobile.aperto{display:block}.menu-mobile a{display:block;padding:12px 4px;font-size:15px;font-weight:700;text-transform:uppercase;color:var(--bianco);border-bottom:1px solid #2a2a2a}.menu-mobile a:hover{color:var(--fucsia)}.catbar{background:var(--bianco);border-bottom:1px solid var(--grigio-linea);overflow-x:auto;scrollbar-width:none}.catbar::-webkit-scrollbar{display:none}.catbar__lista{display:flex;gap:2px;padding:0 var(--gutter);max-width:var(--container);margin-inline:auto}.catbar__lista a{display:block;padding:10px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:var(--nero);border-bottom:3px solid transparent}.catbar__lista a:hover{color:var(--fucsia-testo);border-bottom-color:var(--fucsia)}.pillbar{position:sticky;top:var(--header-h);z-index:80;background:var(--grigio-sfondo);border-bottom:1px solid var(--grigio-linea);overflow-x:auto;scrollbar-width:none;transition:transform .25s ease}.pillbar::-webkit-scrollbar{display:none}.pillbar.nascosta{transform:translateY(-110%)}.pillbar__lista{display:flex;align-items:center;gap:8px;padding:10px var(--gutter);max-width:var(--container);margin-inline:auto}.pillbar__prefisso{flex:0 0 auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--grigio-testo);margin-right:2px}.pillbar__lista a{flex:0 0 auto;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--nero);background:var(--bianco);border:1px solid var(--grigio-linea);border-radius:999px;padding:7px 14px}.pillbar__lista a:hover{border-color:var(--fucsia);color:var(--fucsia-testo)}.pillbar__lista a.attiva{background:var(--fucsia);border-color:var(--fucsia);color:var(--bianco)}.card{display:flex;flex-direction:column}.card__foto{position:relative;overflow:hidden;border-radius:var(--raggio);background:var(--grigio-sfondo)}.card__foto img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card__foto img{transform:scale(1.04)}.card__foto .chip{position:absolute;left:10px;bottom:10px}.card__corpo{padding-top:10px}.card__titolo{font-size:17px}.card__titolo a{display:block}.card .meta{margin-top:6px;display:block}.condividi{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--grigio-linea);border-bottom:1px solid var(--grigio-linea)}.condividi__etichetta{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--grigio-testo);margin-right:4px}.condividi__btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--grigio-linea);background:var(--bianco);color:var(--nero);display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease}.condividi__btn:hover{background:var(--fucsia);border-color:var(--fucsia);color:var(--bianco)}.condividi__btn svg{width:18px;height:18px}.condividi__copia{font-size:13px;font-weight:700;color:var(--nero);border:1px solid var(--grigio-linea);border-radius:999px;background:var(--bianco);padding:9px 16px}.condividi__copia:hover{border-color:var(--fucsia);color:var(--fucsia-testo)}.condividi__copia.copiato{background:var(--lime);border-color:var(--lime);color:var(--nero)}.footer{background:var(--nero);color:var(--bianco);margin-top:40px;padding:36px 0 24px}.footer__griglia{display:grid;gap:28px}.footer h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--fucsia);margin-bottom:12px}.footer a{color:#ccc;font-size:14px}.footer a:hover{color:var(--fucsia)}.footer__lista li{margin-bottom:8px}.footer__base{border-top:1px solid #2a2a2a;margin-top:28px;padding-top:16px;font-size:13px;color:var(--su-nero-secondario);display:flex;flex-wrap:wrap;gap:8px 24px}.footer__base a{color:var(--su-nero-secondario)}.footer__base a:hover{color:var(--fucsia)}.footer__payoff{color:var(--su-nero-secondario);font-size:14px;margin-top:12px}.spazio-anchor{height:116px}@media (min-width: 768px){:root{--gutter: 24px;--header-h: 72px}.sezione{padding-block:48px}.titolo-sezione{font-size:30px}.footer__griglia{grid-template-columns:2fr 1fr 1fr 1fr}.adv--masthead{max-width:1060px;height:280px}.adv--anchor,.spazio-anchor{display:none}}@media (min-width: 1024px){.nav{display:block}.hamburger{display:none}.titolo-sezione{font-size:34px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* ===== v0.2 — revisione Bughy + Direttore (30/8/2026) ===== */

/* Pillbar alla Glovo: sempre visibile, ti segue scendendo (via l'hide-on-scroll) */
.pillbar.nascosta{transform:none}

/* News piccole: 2 per riga, anche su mobile */
.news-piccole-b{grid-template-columns:1fr 1fr;gap:0 20px}
@media (max-width:600px){
  .news-piccole-b .card__foto{flex:0 0 56px}
  .news-piccole-b .card__titolo{font-size:13.5px}
  .news-piccole-b .meta{font-size:11px}
}

/* Sanremo e Interviste: l'ultima uscita GRANDE, le altre piccole sotto */
.speciale__griglia>article:first-child,
.interviste__griglia>article:first-child{grid-column:1/-1}
.speciale__griglia>article:first-child .card__titolo,
.interviste__griglia>article:first-child .card__titolo{font-size:clamp(20px,3vw,30px);line-height:1.2}

/* Musica in TV: thumbnail piccola per riga */
.musica-tv__riga{display:flex;align-items:center;gap:12px}
.musica-tv__thumb{flex:0 0 44px;width:44px;height:44px;border-radius:4px;overflow:hidden}
.musica-tv__thumb svg{display:block;width:100%;height:100%}
.musica-tv__titolo{flex:1 1 auto;min-width:0}

/* Bottoni di sezione evidenti: "la gente non deve perdersi" */
.sezione-bottone{display:block;width:fit-content;margin:20px auto 0;background:var(--nero);color:var(--bianco);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;border-radius:999px}
.sezione-bottone:hover{background:var(--fucsia);color:var(--bianco)}
.sezione--calda .sezione-bottone{margin-bottom:26px}

/* Richiamo AMI Charts (la classifica vive in pagina interna) */
.charts-banner{display:flex;align-items:center;gap:14px;background:var(--chip-viola-bg);color:var(--bianco);border-radius:8px;padding:16px 18px}
/* v0.30.5: vinile del banner rimosso (il Direttore, 3/9: da cell stava sopra le scritte) */
.charts-banner__testo{flex:1 1 auto;font-size:15px;line-height:1.35}
.charts-banner__testo strong{font-weight:800;letter-spacing:.03em}
.charts-banner__bottone{flex:0 0 auto;background:var(--bianco);color:var(--chip-viola-bg);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;border-radius:999px}
.charts-banner:hover{color:var(--bianco)}
.charts-banner:hover .charts-banner__bottone{background:var(--lime);color:var(--nero)}
@media (max-width:600px){.charts-banner{flex-direction:column;text-align:center;gap:10px;padding:18px 16px}.charts-banner__bottone{margin-left:0}}

/* CTA della pagina interna del Termometro */
.termometro__cta-riga{text-align:center;margin-top:18px}
.termometro__cta{display:inline-block;background:var(--lime);color:var(--nero);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.05em;padding:13px 26px;border-radius:999px}
.termometro__cta:hover{background:var(--bianco)}

/* Etichette: nuova mappa colori dai loghi veri (per la pagina interna del Termometro)
   Warner = blu del logo, Sony = rosso del logo, Universal = bianco (il nero invertito
   su fondo nero), Indipendenti = pastello neutro sabbia */
.barra-etichette__seg--universal,.l-universal{background:#FFFFFF;color:#111}
.barra-etichette__seg--sony,.l-sony{background:#E60012;color:#fff}
.barra-etichette__seg--warner,.l-warner{background:#0057B8;color:#fff}
.barra-etichette__seg--indie,.l-indie{background:#E8DCC8;color:#111}

/* Ancore: il titolo di sezione non deve finire sotto header+pillbar */
main [id]{scroll-margin-top:132px}

/* ===== v0.3 — copertina rifatta (30/8): titolo di sezione grande bicolore
   e testo su pannello nero, affiancato su desktop, sotto la foto su mobile ===== */
.copertina__titolone em{font-style:normal;color:var(--fucsia-testo)}
.copertina__slide.attiva{display:flex;flex-direction:column;background:var(--nero);border-radius:var(--raggio);overflow:hidden}
.copertina__foto{border-radius:0;aspect-ratio:16 / 9}
.copertina__foto:after{display:none}
.copertina__testo{position:static;left:auto;right:auto;bottom:auto;padding:16px 16px 20px;background:var(--nero)}
.copertina__titolo{font-size:clamp(22px,4.5vw,28px);line-height:1.2}
@media (min-width: 900px){
  .copertina__slide.attiva{display:grid;grid-template-columns:8fr 5fr;align-items:stretch}
  .copertina__foto{aspect-ratio:auto;height:440px}
  .copertina__testo{display:flex;flex-direction:column;justify-content:center;padding:28px}
  .copertina__titolo{font-size:clamp(24px,2.4vw,36px);line-height:1.18}
}

/* Universal: grigio chiarissimo invece del bianco pieno (il Direttore, 30/8: "buca troppo") */
.barra-etichette__seg--universal,.l-universal{background:#D9D9D9;color:#111}

/* ===== Template articolo alla Rolling Stone (brief §6-quater) ===== */
.articolo{padding-bottom:40px}
.articolo__testata{max-width:840px;text-align:center;padding-top:26px}
.articolo__breadcrumb{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--grigio-testo);margin-bottom:14px}
.articolo__breadcrumb a{color:var(--grigio-testo)}
.articolo__breadcrumb a:hover{color:var(--fucsia-testo)}
.articolo__kicker{display:inline-block;margin-bottom:14px;font-size:14px;padding:8px 14px}
.articolo__titolo{font-size:clamp(30px,5vw,52px);line-height:1.08;margin:0 0 14px}
.articolo__sottotitolo{font-size:clamp(17px,2vw,20px);line-height:1.45;color:var(--grigio-testo);max-width:680px;margin:0 auto 14px}
.articolo__firma{font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.articolo__firma a{font-weight:800;color:var(--nero)}
.articolo__firma a:hover{color:var(--fucsia-testo)}
.articolo__data{color:var(--grigio-testo)}
.articolo__featured{max-width:1000px;margin:22px auto 0;padding-inline:var(--gutter)}
.articolo__featured img,.articolo__featured svg{width:100%;height:auto;border-radius:var(--raggio);display:block}
/* Didascalie: cornice completa sottile, nero fuori e fucsia dentro (Rolling Stone, ma con la nostra doppia riga; sottile per distinguerla dal box "Leggi anche") */
.articolo__featured figcaption,.articolo__corpo figure figcaption,.contenuto-articolo figure figcaption,.articolo__corpo .wp-caption-text,.contenuto-articolo .wp-caption-text{display:block;width:fit-content;max-width:100%;margin:10px 0 0;padding:6px 10px;border:1px solid var(--nero);box-shadow:inset 0 0 0 2px var(--bianco),inset 0 0 0 3px var(--fucsia);text-align:left;background:var(--bianco)}
.articolo__didascalia,.articolo__corpo figure figcaption,.contenuto-articolo figure figcaption,.articolo__corpo .wp-caption-text,.contenuto-articolo .wp-caption-text{font-family:var(--font);font-size:11px;font-weight:500;line-height:1.5;text-transform:uppercase;letter-spacing:.04em;color:var(--nero)}
.articolo__corpo figure{margin:24px 0}
.articolo__credito{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--grigio-testo)}
.articolo__corpo{max-width:680px;font-size:18px;line-height:1.75;padding-top:22px}
.articolo__corpo p{margin:0 0 22px}
.articolo__coda{max-width:840px}
.leggi-anche{border-top:4px double var(--nero);border-bottom:4px double var(--nero);padding:12px 0;margin:26px 0;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.leggi-anche__label{flex:0 0 auto;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--lime);padding:3px 8px}
.leggi-anche a{font-weight:700;color:var(--nero)}
.leggi-anche a:hover{color:var(--fucsia-testo)}
.articolo__intags{margin-top:36px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.articolo__intags-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--grigio-testo)}
.articolo__intags a{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--nero);border:1.5px solid var(--nero);border-radius:2px;padding:6px 12px}
.articolo__intags a:hover{background:var(--nero);color:var(--bianco)}
.articolo__condividi{margin-top:26px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.articolo__condividi-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.cond{width:42px;height:42px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--bianco);background:var(--nero)}
.cond svg{width:20px;height:20px;fill:currentColor;display:block}
.cond--wa{background:#25D366}.cond--tg{background:#2AABEE}.cond--fb{background:#1877F2}.cond--x{background:#111}.cond--mail{background:#595959}
.cond--copia{background:var(--bianco);color:var(--nero);border:1.5px solid var(--nero)}
.cond:hover{opacity:.85;color:var(--bianco)}
.cond--copia:hover{opacity:1;color:var(--fucsia-testo);border-color:var(--fucsia)}
.cond--copia.copiato{background:var(--lime);border-color:var(--lime);color:var(--nero)}
.articolo__correlati{margin-top:34px}
.correlati__griglia{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (min-width:900px){.correlati__griglia{grid-template-columns:repeat(4,1fr)}}
.correlati__griglia .card__foto svg{width:100%;height:auto;display:block}

/* Barra sticky articolo */
.artbar{position:fixed;top:0;left:0;right:0;z-index:120;background:var(--nero);color:var(--bianco);transform:translateY(-110%);transition:transform .25s ease}
.artbar.visibile{transform:none}
.artbar__inner{display:flex;align-items:center;gap:12px;padding-block:10px}
.artbar__rubrica{flex:0 0 auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--lime)}
.artbar__titolo{flex:1 1 auto;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artbar__share{flex:0 0 auto;display:flex;gap:6px}
.artbar__share a{font-size:11px;font-weight:800;border:1px solid #444;border-radius:999px;padding:5px 9px;color:var(--bianco)}
.artbar__share a:hover{background:var(--fucsia);border-color:var(--fucsia)}

/* Variante tipografica alla RS: ?stile=rs — titoli condensati, corpo serif */
.stile-rs .articolo__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.04}
.stile-rs .articolo__corpo{font-family:"PT Serif",Georgia,serif;font-size:19px;line-height:1.8}
.stile-rs .articolo__sottotitolo{font-family:"PT Serif",Georgia,serif;font-style:italic}

/* Doppia riga FIRMATA AMI: nera sopra, fucsia sotto (30/8 — "non copiamo RS, firmiamo") */
.doppia-riga{border-top:3px solid var(--nero);position:relative;padding-top:18px}
.doppia-riga:before{content:"";position:absolute;top:2px;left:0;right:0;height:2px;background:var(--fucsia)}
.leggi-anche{border-top:3px solid var(--nero);border-bottom:3px solid var(--nero);position:relative;padding:14px 0}
.leggi-anche:before{content:"";position:absolute;top:2px;left:0;right:0;height:2px;background:var(--fucsia)}
.leggi-anche:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--fucsia)}

/* ===== Hub artista v0.7 — punti 11-12 del Direttore ===== */
.hub-esordio-tipo{color:var(--su-nero-secondario);font-weight:400}
.hub-dischi{display:flex;align-items:center;gap:5px;margin-top:7px}
.hub-dischi .disco{width:18px;height:18px}
.hub-dischi em{font-style:normal;font-size:12px;font-weight:700;margin-right:6px}
.disco--platino circle{fill:#C8CDD4}
.disco--platino .disco__centro{fill:#8A9099}
.disco--oro circle{fill:#D9A93C}
.disco--oro .disco__centro{fill:#9C7419}
.hub-news__griglia + .navigation{margin-top:20px}
.disco--diamante circle{fill:#BFE6F2}
.disco--diamante .disco__centro{fill:#6FA8BC}

/* Dischi veri oro/platino (foto del Direttore, 30/8) — piu' grandi */
.hub-dischi .disco-foto{width:38px;height:38px;border-radius:50%;display:block;object-fit:cover}
.hub-dischi{gap:7px;margin-top:10px;align-items:center}
.hub-dischi em{font-size:14px}

/* v0.9.1: dischi su una riga sola, centrati */
.hub-dischi{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5px;margin-top:10px}
.hub-dischi .disco-foto{width:30px;height:30px;flex:0 0 30px}
.hub-dischi em{font-size:13px;margin-right:8px;white-space:nowrap}

/* v0.10.1: la riga dischi vince sulle regole generiche di hub.css */
.hub-numero span.hub-dischi{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5px;margin-top:10px}
.hub-numero .hub-dischi em{display:inline;font-size:13px;margin-right:8px;white-space:nowrap}
.hub-numero .hub-dischi .disco-foto{display:inline-block;width:30px;height:30px;flex:0 0 30px}

/* v0.10.2: numero agganciato al centro del disco */
.hub-numero .hub-dischi em{line-height:30px;height:30px;margin:0 10px 0 2px;display:inline-flex;align-items:center}

/* Video interviste dal canale YouTube AMI (hub artista) */
.hub-video__griglia{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (min-width:900px){.hub-video__griglia{grid-template-columns:repeat(4,1fr)}}
.hub-video{display:block;color:inherit}
.hub-video__foto{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--raggio);overflow:hidden;background:#1d1d1d}
.hub-video__foto img{width:100%;height:100%;object-fit:cover;display:block}
.hub-video__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;background:rgba(17,17,17,.25);transition:background .2s}
.hub-video:hover .hub-video__play{background:rgba(251,7,128,.45)}
.hub-video__titolo{display:block;font-weight:700;font-size:14.5px;line-height:1.35;margin-top:8px}
.hub-video__durata{display:block;font-size:12px;color:var(--grigio-testo);text-transform:uppercase;letter-spacing:.04em;margin-top:3px}

/* v0.12: aria sotto i masthead + colori del voto garantiti */
.adv--masthead{margin-bottom:22px}
.voto__vinile svg{color:#555;transition:color .15s}
.voto__vinile.attiva svg,.voto__vinile:hover svg{color:var(--fucsia)}

/* v0.15 — sidebar articolo (30/8): "I piu' letti" a lato su desktop, sotto il corpo su mobile */
.articolo__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.articolo__corpo{margin-inline:auto;width:100%}
.articolo__sidebar{max-width:680px;width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:30px}
@media (min-width:1024px){
.articolo__layout{grid-template-columns:minmax(0,680px) 300px;justify-content:center;column-gap:64px}
.articolo__corpo{margin:0}
.articolo__sidebar{margin:0;max-width:none}
.articolo__sidebar .adv--300{position:sticky;top:96px;margin-inline:0}
}
.piu-letti__titolo{font-size:20px;text-transform:uppercase;letter-spacing:.02em}
.piu-letti__titolo:after{content:"";display:block;width:44px;height:5px;margin-top:6px;background:var(--fucsia)}
.piu-letti ol{counter-reset:pl;margin-top:6px}
.piu-letti li{counter-increment:pl;display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--grigio-linea)}
.piu-letti li:before{content:counter(pl);font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:30px;line-height:1;color:var(--fucsia);flex:0 0 auto}
.piu-letti a{font-size:15px;font-weight:700;line-height:1.35;display:block}
.piu-letti a:hover{color:var(--fucsia-testo)}
.articolo__aggiornato{font-style:italic;font-weight:400;color:var(--grigio-testo);font-size:.92em}

/* v0.16 — menu gestibili da WordPress: tendina sottovoci nella testata nera */
.nav__lista li{position:relative}
.nav__lista .sub-menu{position:absolute;top:100%;left:0;min-width:210px;background:var(--nero);padding:6px 0 8px;display:none;z-index:110;border-top:3px solid var(--fucsia)}
.nav__lista li:hover>.sub-menu,.nav__lista li:focus-within>.sub-menu{display:block}
.nav__lista .sub-menu a{border-bottom:none;padding:9px 16px;font-size:12.5px;white-space:nowrap}
.nav__lista .menu-item-has-children>a:after{content:" \25BE";font-size:9px;vertical-align:2px}
.menu-mobile__lista .sub-menu a{padding-left:24px;font-size:14px;font-weight:400}
.footer__lista .sub-menu{margin-left:14px}

/* v0.16.1 — nove voci in testata: mai a capo, e fascia compatta sui laptop piccoli */
.nav__lista a{white-space:nowrap}
@media (min-width:1024px) and (max-width:1240px){
.nav__lista{gap:0}
.nav__lista a{padding:8px 7px;font-size:11.5px;letter-spacing:.02em}
.logo{gap:7px}
.logo__testo{font-size:17px}
}

/* v0.17 — schema mobile ratificato 30/8: testata alla RS (logo centrale),
   barra sezioni scorrevole = menu vero del telefono; pillbar solo desktop.
   Piu' il blocco playlist (dimenticato nel porting, segnalato dal Direttore). */

/* testata mobile: righette a sinistra, logo al centro, lente a destra */
.header__inner{justify-content:center;position:relative}
.logo{margin-inline:auto}
.header__azioni{margin-left:0;position:static}
.hamburger{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%)}
.header__azioni .icona-btn:not(.hamburger){position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%)}
@media (max-width:1023px){.pillbar{display:none}}

/* barra sezioni: il menu del telefono */
.barra-sezioni{background:var(--bianco);border-bottom:1px solid var(--grigio-linea);overflow-x:auto;scrollbar-width:none}
.barra-sezioni::-webkit-scrollbar{display:none}
.barra-sezioni__lista{display:flex;gap:2px;padding:0 var(--gutter)}
.barra-sezioni__lista a{flex:0 0 auto;display:block;padding:11px 11px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:var(--nero);border-bottom:3px solid transparent}
.barra-sezioni__lista a:hover{color:var(--fucsia-testo);border-bottom-color:var(--fucsia)}


/* playlist */
.titolo-sezione--verde:after{background:#1DB954}
.playlist__griglia{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (min-width:900px){.playlist__griglia{grid-template-columns:repeat(4,1fr)}}
.playlist-card__cover{display:block;border-radius:var(--raggio);overflow:hidden}
.playlist-card__cover svg,.playlist-card__cover img{width:100%;height:auto;display:block;transition:transform .3s ease}
.playlist-card:hover .playlist-card__cover svg,.playlist-card:hover .playlist-card__cover img{transform:scale(1.04)}
.playlist-card__titolo{font-size:16px;margin-top:10px}
.playlist-card .meta{margin-top:4px;display:block}

/* v0.18 — i social di AMI: fila di icone nel footer e in fondo al menu mobile */
.social-icone{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.social-icone a{width:38px;height:38px;border-radius:50%;border:1px solid #3a3a3a;display:inline-flex;align-items:center;justify-content:center;color:var(--bianco)}
.social-icone a:hover{background:var(--fucsia);border-color:var(--fucsia);color:var(--bianco)}
.social-icone svg{width:17px;height:17px;fill:currentColor;display:block}
.menu-mobile .social-icone{padding:14px 4px 6px}

/* v0.18.3 — "Quanto AMI ...?": l'acronimo del sito in lime (il Direttore, 30/8) */
.voto__ami{color:var(--lime)}

/* v0.19 — pagina AMI CHARTS (brief 6-bis): viola come colore del prodotto */
.charts__testata{background:var(--nero);color:var(--bianco);padding:44px 0 36px;text-align:center}
.charts__kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--viola-su-nero)}
.charts__titolo{font-size:52px;font-weight:800;letter-spacing:.01em;margin-top:6px}
.charts__titolo em{font-style:normal;color:var(--viola-su-nero)}
.charts__sotto{margin:10px auto 0;max-width:680px;font-size:17px;font-weight:700;color:var(--bianco)}
.charts__settimana{margin-top:12px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--lime);opacity:.85}
@media (max-width:767px){.charts__titolo{font-size:38px}}

.charts__podio{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
@media (min-width:768px){.charts__podio{grid-template-columns:1.2fr 1fr 1fr;align-items:stretch}}
.podio-card{display:flex;flex-direction:column;gap:4px;background:var(--nero);color:var(--bianco);border-radius:var(--raggio);padding:22px 20px;position:relative;overflow:hidden}
.podio-card:hover{color:var(--bianco);outline:2px solid var(--viola-su-nero)}
.podio-card--primo{background:linear-gradient(135deg,#2a1a4a,#111111)}
.podio-card__posizione{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:44px;line-height:1;color:var(--viola-su-nero)}
.podio-card__nome{font-size:22px;font-weight:800}
.podio-card__media{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:34px;color:var(--lime)}
.podio-card__voti{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--su-nero-secondario)}

.charts__lista{margin-top:26px}
.charts__lista ol{counter-reset:none}
.charts__lista li{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--grigio-linea)}
.charts__pos{flex:0 0 34px;font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:22px;color:#8347C4;text-align:right}
.charts__mov{flex:0 0 56px;font-size:13px;font-weight:800;letter-spacing:.03em}
.charts__mov--su{color:#0B8043}
.charts__mov--giu{color:#E60012}
.charts__mov--pari{color:var(--grigio-testo)}
.charts__mov--new{background:#8347C4;color:var(--bianco);padding:3px 7px;border-radius:2px}
.charts__nome{flex:1 1 auto;font-size:16px;font-weight:800}
.charts__media{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:20px}
.charts__voti{flex:0 0 auto;font-size:13.5px;color:var(--grigio-testo);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:600px){.charts__voti{display:none}.charts__mov{flex-basis:44px}}

.charts__regole{margin:40px 0 10px}
.charts__regole-griglia{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:768px){.charts__regole-griglia{grid-template-columns:1fr 1fr 1fr;gap:28px}}
.charts__regole h3{font-size:16px;margin-bottom:6px}
.charts__regole p{font-size:14.5px;color:var(--grigio-testo);margin:0}
.charts__nota{max-width:760px;margin:34px auto 0;padding-top:22px;border-top:1px solid #e6e2ea}
.charts__nota h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--viola,#8347C4);margin-bottom:10px}
.charts__nota p{margin:0 0 10px;line-height:1.55}
.charts__nota a{color:var(--viola,#8347C4);text-decoration:underline;text-underline-offset:3px}

/* v0.20 — revisione del Direttore sul gemello coi contenuti veri (30/8) */
/* slider piu' alto e foto vere ritagliate al centro, mai schiacciate */
.copertina__foto img{width:100%;height:100%;object-fit:cover}
@media (max-width:767px){.copertina__foto{height:260px}}
/* occhiello: il sottotitolo vive SOLO in copertina */
.copertina__occhiello{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--su-nero-secondario);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* meno aria tra banner e copertina, e attorno al banner AMI Charts */
.copertina.sezione{padding-top:14px}
#ami-charts.sezione--bassa{padding-block:10px}
/* news piccole: un filo d'aria tra chip e titolo */
.news-piccole-b .card__corpo .chip{margin-bottom:7px}
/* frecce: la discesa e' ROSSA come in AMI Charts (uniformata 30/8) */
.classifica__delta--giu{color:#E60012}
/* interviste: card piccole come i quadrati 3-4 di Sanremo */
.interviste__griglia{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (min-width:900px){.interviste__griglia{grid-template-columns:repeat(4,1fr)}}
/* musica in tv: miniatura con le proporzioni delle altre card */
.musica-tv__thumb{flex:0 0 84px;width:84px;height:52px;border-radius:4px;overflow:hidden}
.musica-tv__thumb img,.musica-tv__thumb svg{width:100%;height:100%;object-fit:cover;display:block}
/* archivio di categoria */
.archivio{padding-block:28px}
.archivio__testata{margin-bottom:22px}
.archivio__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.archivio__chips a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--nero);background:var(--bianco);border:1.5px solid var(--nero);border-radius:999px;padding:7px 14px}
.archivio__chips a:hover{background:var(--nero);color:var(--bianco)}
.archivio .navigation{margin-top:28px;text-align:center}
.archivio .nav-links{display:inline-flex;gap:6px}
.archivio .nav-links .page-numbers{display:inline-block;min-width:38px;padding:8px 10px;border:1px solid var(--grigio-linea);border-radius:4px;font-weight:700;font-size:14px}
.archivio .nav-links .page-numbers.current{background:var(--nero);color:var(--bianco);border-color:var(--nero)}
.archivio .nav-links a:hover{border-color:var(--fucsia);color:var(--fucsia-testo)}

/* v0.21 — scheda artista agganciata ai dati VERI del sistema live */
.hub-hero__foto{position:relative}
.hub-foto-vera{width:100%;height:100%;object-fit:cover;border-radius:var(--raggio);display:block;aspect-ratio:4/5}
.hub-foto-credito{position:absolute;left:8px;bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#ffffffcc;background:#11111180;padding:3px 7px;border-radius:2px}

/* v0.22 — testata alla Rolling Stone su TUTTI gli schermi (deciso 30/8):
   fondo bianco, logo nuovo centrato, righette+lente; il menu e' SOLO la barra
   sezioni scorrevole alla Glovo. Il menu nero a voci va in pensione. */
.header{background:var(--bianco);color:var(--nero);border-bottom:1px solid var(--grigio-linea)}
.header .icona-btn{color:var(--nero)}
.header .icona-btn:hover{color:var(--fucsia-testo)}
.hamburger{display:flex}
.nav{display:none!important}
.logo-header{height:52px;width:auto;display:block}
@media (max-width:767px){.logo-header{height:40px}}
.menu-mobile{border-top:1px solid var(--grigio-linea)}
@media (min-width:1024px){
.barra-sezioni__lista{justify-content:safe center}
.barra-sezioni__lista a{font-size:13px;padding:12px 14px}
.menu-mobile.aperto{max-width:420px;border-right:1px solid #2a2a2a}
}

/* v0.23 — PAGINA TERMOMETRO: il cruscotto completo, card firmate AMI (grafiche social del sabato) */
.charts__kicker--lime{color:var(--lime)}
.charts__titolo--lime em{color:var(--lime);font-size:.55em;display:block;letter-spacing:.04em}
.termometro-pagina{background:var(--nero);color:var(--bianco);padding-bottom:48px}
.termometro-pagina .charts__testata{padding-bottom:28px}
.tpage__griglia{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}
@media (min-width:768px){.tpage__griglia{grid-template-columns:repeat(3,1fr)}}
.tcard{position:relative;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:8px}
.tcard--larga{margin-top:14px}
.tcard__firma{position:absolute;top:12px;right:14px;font-size:9px;font-weight:800;letter-spacing:.05em;color:#777}
.tcard__firma em{font-style:normal;color:var(--fucsia)}
.tcard .termometro__nota{color:var(--su-nero-secondario)}
.tpage__piattaforme{margin-top:40px}
.termometro__piattaforme--pagina{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible}
@media (min-width:900px){.termometro__piattaforme--pagina{grid-template-columns:repeat(4,1fr)}}
.termometro-pagina .charts__regole{margin-top:44px}
.termometro-pagina .charts__regole h3{color:var(--bianco)}
.termometro-pagina .charts__regole p{color:var(--su-nero-secondario)}
.termometro-pagina .titolo-sezione{color:var(--bianco)}
.tpage__fonti{margin-top:30px;text-align:center}

/* v0.23.1 — revisione del Direttore: la barra Glovo va sul NERO ed e' l'UNICO menu
   (pillbar eliminata); sottotitoli sotto le card grandi; niente date su slider e Musica in TV */
.barra-sezioni{background:var(--nero);border-bottom:none}
.barra-sezioni__lista a{color:var(--bianco);border-bottom:3px solid transparent}
.barra-sezioni__lista a:hover{color:var(--lime);border-bottom-color:var(--lime)}
.pillbar{display:none!important}
.card__occhiello{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--grigio-testo);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-piccole-b .card__occhiello{display:none}
.interviste__griglia{grid-template-columns:1fr}
@media (min-width:700px){.interviste__griglia{grid-template-columns:repeat(3,1fr)}}

/* v0.23.2 — via la card leader dalle interviste: TRE card, tutte uguali (il Direttore) */
.interviste__griglia > article:first-child{grid-column:auto}
.interviste__griglia > article:first-child .card__titolo{font-size:17px}

/* v0.24 — revisione del Direttore (30/8 pomeriggio) */
/* 1. la barra sezioni diventa PILLOLE alla Glovo, scorrevoli */
.barra-sezioni__lista{gap:8px;padding:10px var(--gutter)}
.barra-sezioni__lista a{border:1px solid #3f3f3f;border-radius:999px;padding:8px 16px;font-size:12.5px;border-bottom:1px solid #3f3f3f!important}
.barra-sezioni__lista a:hover{border-color:var(--lime)!important;color:var(--lime)}
@media (min-width:1024px){.barra-sezioni__lista a{font-size:13px;padding:9px 18px}}
/* 2. logo grosso alla Rolling Stone */
.logo-header{height:56px}
@media (min-width:768px){.logo-header{height:80px}.header__inner{min-height:104px}}
/* 4. riga divisiva firmata AMI tra Termometro e AMI Charts */
#ami-charts{margin-block:36px 18px;padding-block:28px;border-top:3px solid var(--nero);border-bottom:3px solid var(--nero);border-left:none;border-right:none;position:relative}
#ami-charts:before{content:"";position:absolute;top:8px;left:var(--gutter);right:var(--gutter);height:2px;background:var(--fucsia)}
#ami-charts:after{content:"";position:absolute;bottom:8px;left:var(--gutter);right:var(--gutter);height:2px;background:var(--fucsia)}
/* 5. frecce coi colori NOSTRI: lime (scurito per leggibilita' su chiaro) e fucsia */
.classifica__delta--su{color:#84B300}
.classifica__delta--giu{color:var(--fucsia-testo)}
.charts__mov--su{color:#84B300}
.charts__mov--giu{color:var(--fucsia-testo)}
.termometro__delta--su{color:var(--lime)}
.termometro__delta--giu{color:var(--fucsia)}
/* 7. striscia Seguici */
.social-strip{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding-block:6px 26px}
.social-strip__testo{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.social-strip__testo em{font-style:normal;color:var(--fucsia-testo)}
.social-strip .social-icone{margin-top:0}
.social-strip .social-icone a{color:var(--nero);border-color:var(--grigio-linea)}
.social-strip .social-icone a:hover{background:var(--fucsia);border-color:var(--fucsia);color:var(--bianco)}

/* v0.25 — banner charts spostato sotto le classifiche */
#ami-charts.sezione--bassa{padding-block:28px}

/* v0.25.1 — badge autore (tondino) nella firma, come sul vivo */
.badge-autore{width:44px;height:44px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:8px;display:inline-block}
.articolo__firma{display:flex;align-items:center;gap:2px}

/* v0.27.1 — pillola della sezione corrente accesa in lime */
.barra-sezioni__lista a.attiva{color:var(--lime);border-bottom-color:var(--lime)}

/* v0.28 - masthead 1 e 2 venduti e statici (gia' prima/dopo lo slider); anchor = Clickio, resta fisso */

/* v0.29 — dal collaudo utente-cell del 31/8 */
/* 1. il menu hamburger scorre (prima le voci in fondo erano irraggiungibili) */
.menu-mobile.aperto{max-height:calc(100dvh - var(--header-h));overflow-y:auto;-webkit-overflow-scrolling:touch}
/* 2. pannello ricerca */
.pannello-cerca{background:var(--nero);border-top:1px solid #2a2a2a;padding:12px 0}
.pannello-cerca__form{display:flex;gap:8px}
.pannello-cerca input{flex:1;min-width:0;background:var(--bianco);border:0;border-radius:999px;padding:12px 18px;font-family:var(--font);font-size:16px}
.pannello-cerca button{background:var(--lime);color:var(--nero);border:0;border-radius:999px;padding:0 22px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.05em}
/* 3. niente lime al tocco: l'hover vale solo per chi ha il mouse */
@media (hover:none){.barra-sezioni__lista a:hover{color:var(--bianco);border-bottom-color:transparent}.barra-sezioni__lista a.attiva:hover{color:var(--lime)}}
/* 4. chip della sottosezione corrente */
.archivio__chips a.attivo{background:var(--nero);color:var(--bianco);border-color:var(--nero)}

/* v0.29b — casetta Home nella barra */
.barra-sezioni__home{display:flex;align-items:center}
.barra-sezioni__home svg{display:block}
/* v0.29b — news piccole in ordine: foto in alto, chip discreto, titoli a 3 righe */
.news-piccole-b .card{align-items:flex-start}
.news-piccole-b .card__corpo .chip{font-size:9px;padding:3px 6px;margin-bottom:4px}
/* titolo intero a 15px: sotto i 14 su mobile si esce dai canoni di leggibilita' */
.news-piccole-b .card__titolo{font-size:15px;line-height:1.3}
/* foto orizzontale 16:10: il quadrato tagliava i volti nelle foto a due */
.news-piccole-b .card__foto{flex:0 0 104px;aspect-ratio:16/10}

/* v0.29.1 — la barra resta ferma col logo (il Direttore, 31/8) */
.barra-sezioni{position:sticky;top:var(--altezza-header, 64px);z-index:95}

/* v0.33.10 (6/9 mattina): il blu dei titoli di brani e album (span.blue) mancava nel tema nuovo, uscivano neri o fucsia se linkati; ripristinato lo stesso blu del sito vivo #096BB8 (decisione del Direttore: il lime resta agli elementi grafici, mai nel testo).
   v0.29.5 - i link nel corpo articolo si devono VEDERE (il Direttore, 1/9):
   testo normale linkato = fucsia sottolineato; titolo-brano linkato (span blue)
   tiene il suo blu ma prende la sottolineatura. Vale anche per tabelle/scalette. */
.articolo__corpo p a, .articolo__corpo li a, .articolo__corpo td a{color:var(--fucsia-testo);text-decoration:underline;text-underline-offset:3px}
:root{--titolo-disco:var(--fucsia-testo)} /* titoli di brani e album (span.blue): FUCSIA di casa, decisione del Direttore 6/9 (il lime resta agli elementi grafici). Una variabile per tutto il sito, articoli e biografie */
.articolo__corpo .blue{color:var(--titolo-disco)}
.articolo__corpo a .blue, .articolo__corpo a.blue{color:var(--titolo-disco);text-decoration:underline;text-underline-offset:3px}
.articolo__corpo p a:hover, .articolo__corpo li a:hover, .articolo__corpo td a:hover{color:var(--fucsia)}

/* v0.29.6 — collaudo mobile: #7 titolo nella barra sticky articolo (sotto i 768
   la rubrica sparisce e restano solo WA/TG, così il titolo respira) e #9 tondino
   iniziale per gli autori senza foto in Libreria. */
@media (max-width:767px){
.artbar__rubrica{display:none}
.artbar__share a:nth-child(3),.artbar__share a:nth-child(4){display:none}
}
.badge-autore--iniziale{background:var(--nero);color:var(--lime);font-weight:800;font-size:18px;line-height:44px;text-align:center}

/* v0.30.2 — tipografia del corpo articolo (caso J-Ax, 3/9): il reset globale
   azzera margini di liste e titoli e nel corpo si incollavano (tracklist
   attaccata a "Crediti dell'album"). Qui si ridanno respiro e puntini. */
.articolo__corpo h2,.contenuto-articolo h2{margin:34px 0 14px;font-size:26px}
.articolo__corpo h3,.contenuto-articolo h3{margin:28px 0 12px;font-size:21px}
.articolo__corpo ul,.articolo__corpo ol,.contenuto-articolo ul,.contenuto-articolo ol{margin:0 0 22px;padding-left:24px}
.articolo__corpo ul,.contenuto-articolo ul{list-style:disc}
.articolo__corpo ol,.contenuto-articolo ol{list-style:decimal}
.articolo__corpo li,.contenuto-articolo li{margin-bottom:6px}
.articolo__corpo table,.contenuto-articolo table{margin-bottom:22px}
.articolo__corpo blockquote,.contenuto-articolo blockquote{margin:0 0 22px;padding:14px 18px;border-left:4px solid var(--fucsia);background:var(--grigio-sfondo)}


/* v0.30.4 - viola inchiostro solo su fondo chiaro: su nero rende 3,3:1 (sotto AA),
   quindi sui fondi scuri della pagina AMI Charts si usa la variante chiara #B18FE3 (7,2:1). */

/* v0.30.7 - pagine istituzionali (il Direttore, 3/9: 'testo incollato a caso'):
   stessa tipografia del corpo articolo + doppia riga AMI sotto il titolo,
   e i grassetti delle voci elenco leggermente marcati. */
.contenuto-articolo{margin-top:8px}
.contenuto-articolo strong{font-weight:700}

/* v0.30.8 - sigillo di chiusura delle pagine di servizio */
.pagina__sigillo{border-top:1px solid var(--nero);margin-top:40px;padding-top:16px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--nero)}

/* ===== v0.30.12 — 4/9/2026: movimenti AMI Charts a pastiglia, coi colori veri =====
   Il lime era stato scurito a #84B300 per leggerlo su fondo bianco, ma cosi' perdeva
   l'identita' del marchio. Usato come FONDO invece che come testo torna quello vero
   (#CCFF00 con testo nero: contrasto altissimo) e la pastiglia si legge anche da lontano. */
.charts__mov{
  flex:0 0 74px;
  font-size:15px;font-weight:800;letter-spacing:.02em;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  padding:5px 9px;border-radius:3px;line-height:1;
}
.charts__mov--su{background:var(--lime);color:var(--nero)}
.charts__mov--giu{background:var(--fucsia);color:var(--bianco)}
.charts__mov--pari{background:transparent;color:var(--grigio-testo);font-size:17px}
.charts__mov--new{background:var(--nero);color:var(--bianco);font-size:12.5px;letter-spacing:.08em}
.charts__pos{font-size:24px}
.charts__voti{font-size:14.5px}
@media (max-width:600px){
  .charts__mov{flex-basis:64px;font-size:14px;padding:5px 7px}
  .charts__voti{display:none}
}

/* ===== v0.30.13 — 4/9/2026: frecce di nuovo LEGGERE =====
   Le pastiglie piene della v0.30.12 pesavano piu' del numero di posizione, che in una
   classifica deve restare l'informazione principale. Si torna al testo colorato, ma
   nella misura grande della v0.30.12 (il problema iniziale era che erano minuscole).
   Colori standard verde/rosso (scelta del Direttore): sono quelli che si leggono al volo
   in una classifica, e lasciano lime e fucsia al marchio. */
.charts__mov{
  background:none;padding:0;border-radius:0;
  flex:0 0 62px;
  display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;
  font-size:16px;font-weight:800;letter-spacing:0;line-height:1;
}
.charts__mov--su{background:none;color:#0B8043}
.charts__mov--giu{background:none;color:#D32F2F}
.charts__mov--pari{background:none;color:var(--nero);font-size:18px}
.charts__mov--new{
  background:none;border:0;padding:0;border-radius:0;
  color:var(--fucsia-testo);
  justify-content:center;width:100%;
  font-size:12.5px;letter-spacing:.09em;
}
/* Sulle card scure del podio i colori vanno alleggeriti per staccare dal fondo. */
.charts__podio .charts__mov--su{color:#8FD14F}
.charts__podio .charts__mov--giu{color:#FF6B6B}
.charts__podio .charts__mov--pari{color:var(--bianco)}
.charts__podio .charts__mov--new{color:var(--fucsia)}
@media (max-width:600px){.charts__mov{flex-basis:56px;font-size:15px}}

/* ===== v0.31.0 — pilastro /artisti/ (indice A-Z delle schede) ===== */
.artisti{padding-block:28px 56px}
.artisti__testata{max-width:44em;margin-bottom:26px}
.artisti__occhiello{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--fucsia-testo);margin:0 0 6px}
.artisti__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:clamp(34px,6vw,52px);text-transform:uppercase;line-height:1;margin:0 0 12px}
.artisti__sommario{font-size:16px;line-height:1.55;color:var(--grigio-testo);margin:0}
.artisti__strumenti{position:sticky;top:0;z-index:5;background:var(--bianco);padding-block:12px;border-bottom:1px solid var(--grigio-linea);margin-bottom:22px}
.artisti__cerca input{width:100%;max-width:420px;font-size:16px;font-family:inherit;padding:11px 14px;border:2px solid var(--nero);border-radius:3px;background:var(--bianco);color:var(--nero)}
.artisti__cerca input:focus{outline:2px solid var(--fucsia);outline-offset:1px}
.artisti__lettere{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
.artisti__lettere a{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:29px;font-size:13px;font-weight:800;border:1px solid var(--grigio-linea);border-radius:2px;color:var(--nero);text-decoration:none}
.artisti__lettere a:hover{background:var(--nero);color:var(--bianco);border-color:var(--nero)}
.artisti__blocco{margin-bottom:30px;scroll-margin-top:96px}
.artisti__lettera{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:26px;margin:0 0 10px;padding-bottom:5px;border-bottom:3px solid var(--nero)}
.artisti__elenco{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 20px}
.artisti__voce a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 2px;text-decoration:none;color:var(--nero);border-bottom:1px solid var(--grigio-linea)}
.artisti__voce a:hover .artisti__nome{color:var(--fucsia-testo);text-decoration:underline}
.artisti__nome{font-size:15.5px;font-weight:700}
.artisti__conta{font-size:12px;color:var(--grigio-testo);font-variant-numeric:tabular-nums}
.artisti__nessuno{font-size:16px;font-weight:700;padding:20px 0}
@media (max-width:600px){.artisti__elenco{grid-template-columns:1fr}.artisti__strumenti{padding-block:10px}}

/* ===== v0.31.2 — Prossimi concerti sulla scheda artista ===== */
.hub-date{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid var(--grigio-linea)}
.hub-data{display:flex;align-items:center;gap:14px;padding:12px 2px;border-bottom:1px solid var(--grigio-linea)}
.hub-data__giorno{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:28px;line-height:1;min-width:38px;text-align:right;color:var(--nero)}
.hub-data__mese{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--grigio-testo);min-width:92px;line-height:1.25}
.hub-data__luogo{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;font-size:15px}
.hub-data__luogo strong{font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.hub-data__sede{font-size:13px;color:var(--grigio-testo)}
.hub-data__biglietti{flex:0 0 auto;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:8px 14px;border-radius:2px;background:var(--fucsia);color:var(--bianco);text-decoration:none}
.hub-data__biglietti:hover{background:var(--nero);color:var(--bianco)}
.hub-data__biglietti--info{background:transparent;color:var(--nero);border:1.5px solid var(--nero)}
.hub-data__biglietti--info:hover{background:var(--nero);color:var(--bianco)}
@media (max-width:600px){
  .hub-data{flex-wrap:wrap;gap:8px 12px}
  .hub-data__mese{min-width:0}
  .hub-data__luogo{flex-basis:100%;order:3}
  .hub-data__biglietti{margin-left:auto}
}
/* v0.31.3 — rimando all'articolo tour sotto le date */
.hub-date__tutte{margin:14px 0 0;font-size:15px;font-weight:700}
.hub-date__tutte a{color:var(--nero);text-decoration:none;border-bottom:2px solid var(--fucsia);padding-bottom:2px}
.hub-date__tutte a:hover{color:var(--fucsia-testo)}

/* v0.31.9 — biografia della scheda artista (campo descrizione del termine) */
.hub-bio{max-width:46em;margin:18px 0 0;font-size:17px;line-height:1.62}
.hub-bio p{margin:0 0 14px}
.hub-bio p:last-child{margin-bottom:0}
.hub-bio a{color:var(--nero);text-decoration:underline;text-decoration-color:var(--fucsia);text-underline-offset:3px}
.hub-bio a:hover{color:var(--fucsia-testo)}
.hub-bio .blue{color:var(--titolo-disco)} /* 6/9: i titoli discografici nelle biografie (chat Biografie): stesso colore degli articoli */
@media (max-width:600px){.hub-bio{font-size:16px}}

/* AMI Charts — stato di attesa (prima classifica non ancora uscita) e uscite dalla Top 20.
   Aggiunti il 5/9/2026 col plugin dei voti: la pagina non mostra piu' dati dimostrativi. */
.charts__attesa{max-width:760px;margin:36px auto 0;text-align:center}
.charts__attesa-testo{font-size:18px;line-height:1.55;margin:0 auto;max-width:620px}
.charts__attesa-testo strong{font-weight:800}
.charts__uscite{max-width:760px;margin:34px auto 0}
.charts__uscite-testo{font-size:15px;line-height:1.6;color:var(--grigio-testo);margin:0}
.charts__uscite-testo a{color:var(--nero);text-decoration:underline;text-decoration-color:var(--chip-viola-bg);text-underline-offset:3px}
.charts__uscite-testo a:hover{color:var(--chip-viola-bg)}
@media (max-width:600px){.charts__attesa-testo{font-size:16px}}
/* Prova logo Mark (5/9 sera): esteso dal tablet in su, compatto sul telefono */
@media (max-width:767px){.logo-header--esteso{height:40px}}
/* Da loggato la barra di WordPress copre i primi 32 px: la testata sticky parte sotto (5/9 sera, segnalazione del Direttore) */
.admin-bar .header{top:32px}@media (max-width:782px){.admin-bar .header{top:46px}}
.admin-bar .catbar,.admin-bar .barra-sezioni{top:calc(var(--altezza-header, 72px) + 32px)}@media (max-width:782px){.admin-bar .catbar,.admin-bar .barra-sezioni{top:calc(var(--altezza-header, 72px) + 46px)}}

/* ---- Termometro con dati veri (v0.33.0) ---- */
.termometro__delta--pari{color:var(--su-nero-secondario)}
.termometro__delta--prima{color:var(--su-nero-secondario);font-weight:600}
.termometro__copertura{font-size:11px;color:var(--su-nero-secondario);margin-top:4px;letter-spacing:.02em}
.legenda-etichette .l-altro{background:#6b6b6b}
.piattaforma--estero .piattaforma__quota{color:var(--su-nero-secondario)}
.tpage__liste{margin-top:36px}
.tpage__liste-griglia{display:grid;gap:14px;grid-template-columns:1fr}
.tlista{background:#1b1b1beb;border:1px solid #2a2a2a;border-radius:var(--raggio);padding:14px;color:var(--bianco);display:flex;flex-direction:column}
.tlista__testa{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:2px solid var(--lime);padding-bottom:8px}
.tlista__nome{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--lime)}
.tlista__quota{font-size:12px;font-weight:700;color:var(--fucsia);white-space:nowrap}
.tlista__periodo{font-size:11px;color:var(--su-nero-secondario);margin:8px 0 0;letter-spacing:.03em}
.tlista__righe{list-style:none;margin:8px 0 0;padding:0}
.tlista__riga{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #2a2a2a}
.tlista__riga:last-child{border-bottom:0}
.tlista__pos{flex:0 0 26px;font-size:18px;font-weight:800;color:var(--su-nero-secondario);text-align:center}
.tlista__riga--it .tlista__pos{color:var(--bianco)}
.tlista__brano{min-width:0;flex:1}
.tlista__brano strong{display:block;font-size:14px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlista__brano em{display:block;font-style:normal;font-size:12px;color:var(--su-nero-secondario);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlista__bandiera{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--nero);background:var(--lime);padding:2px 5px;border-radius:2px}
.tlista__fonte{margin-top:auto;padding-top:10px;font-size:11px;color:var(--su-nero-secondario);text-transform:uppercase;letter-spacing:.06em}
.tlista__fonte:hover{color:var(--lime)}
@media (min-width:640px){.tpage__liste-griglia{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.tpage__liste-griglia{grid-template-columns:repeat(3,1fr)}}

/* v0.33.1 — legenda etichette coi colori della barra (main.css la sovrascriveva coi colori vecchi), griglia home a quattro */
.legenda-etichette .l-universal{background:#D9D9D9}
.legenda-etichette .l-sony{background:#E60012}
.legenda-etichette .l-warner{background:#0057B8}
.legenda-etichette .l-indie{background:#E8DCC8}
.legenda-etichette .l-altro{background:#6b6b6b}
@media (min-width:768px){.termometro__griglia--quattro{grid-template-columns:1.25fr 1fr 1fr 1fr}.termometro__griglia--quattro .termometro__gauge{grid-row:auto}.termometro__griglia--quattro .termometro__gauge-svg{max-width:200px}.termometro__griglia--quattro .termometro__gauge-numero{font-size:46px;margin-top:-52px}.termometro__griglia--quattro .termometro__gauge-numero small{font-size:22px}}

/* v0.33.4 — indipendenti in arancione: la sabbia si confondeva col grigio di Universal e il lime e' solo nostro (Direttore, 6/9); respiro nelle card home */
.barra-etichette__seg--indie,.l-indie,.legenda-etichette .l-indie{background:#F28C28;color:#111}
@media (min-width:768px){
.termometro__griglia--quattro .termometro__etichetta{margin-top:16px;margin-bottom:10px}
.termometro__griglia--quattro .termometro__cella .termometro__nota{margin-top:14px;padding-top:0;line-height:1.5}
.termometro__griglia--quattro .termometro__gauge .termometro__nota{margin-top:8px;padding:0 10px;line-height:1.55}
.termometro__griglia--quattro .termometro__delta{margin-top:10px}
}

/* v0.33.11 — pagina Termometro: il lime e' una preziosita', non un pugno nell'occhio (Direttore): numeri delle card in bianco, lime solo a kicker e titoli di sezione */
.tcard .termometro__valore{color:var(--bianco)}
.tcard .termometro__valore--fucsia{color:var(--fucsia)}
.tcard .termometro__delta--su{color:var(--bianco)}
.termometro-pagina .charts__regole-griglia{grid-template-columns:repeat(2,1fr)}
@media (max-width:700px){.termometro-pagina .charts__regole-griglia{grid-template-columns:1fr}}
/* v0.33.21 (6/9, RATIFICATO dal Direttore sul confronto affiancato): le etichette in maiuscolo sono in Oswald,
   il carattere del logo e dei titoli; Poppins resta dove c'e' testo in minuscolo da leggere (titoli delle card,
   riga anagrafica, footer). */
.nav__lista a,.menu-mobile a,.catbar__lista a,.barra-sezioni__lista a,.pillbar__lista a,.pillbar__prefisso,.chip,.kicker,.meta,.titolo-sezione,.condividi__etichetta,.footer h3,.piu-letti__titolo,.leggi-anche__label,.articolo__intags-label,.articolo__condividi-label,.articolo__breadcrumb,.articolo__firma,.artbar__rubrica,.charts__kicker,.artisti__occhiello,.archivio__chips a,.sezione-bottone,.charts-banner__bottone,.termometro__cta{font-family:"Oswald",Poppins,sans-serif;font-weight:600;letter-spacing:.06em}
.titolo-sezione{font-weight:700;letter-spacing:.03em}
.nav__lista a,.catbar__lista a,.barra-sezioni__lista a,.pillbar__lista a{font-size:14px}
.chip{font-size:12px}


/* v0.33.22 — Termometro e schede: le etichette in maiuscolo passano a Oswald 600 come il resto del sito (regola ratificata 6/9) */
.termometro__etichetta,.termometro__settimana,.termometro__etichette-titolo,.piattaforma__nome,.piattaforma__quota small,.tcard__firma,.tlista__nome,.tlista__fonte,.tlista__bandiera,.charts__settimana,.hub-ruolo{font-family:"Oswald",Poppins,sans-serif;font-weight:600;letter-spacing:.06em}
/* v0.33.27 (10/9, collaudo a 390 px): (a) le colonne "1fr" della griglia delle news piccole prendevano la larghezza minima del contenuto e la home sforava di 70 px: minmax(0,1fr) le costringe nella pagina; (b) le tabelle negli articoli scorrono dentro il loro riquadro invece di allargare la pagina (avvolte in .tabella-scroll da functions.php). */
.news-piccole-b{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:480px){.news-piccole-b{grid-template-columns:minmax(0,1fr)}}
.tabella-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:22px}
.tabella-scroll table{margin-bottom:0}
/* v0.33.28 (10/9): pagina autore */
.autore__testata{display:flex;gap:22px;align-items:flex-start;padding:28px 0 22px;border-bottom:3px solid var(--nero);margin-bottom:26px;position:relative}
.autore__testata:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--fucsia)}
.autore__badge .badge-autore{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block}
.autore__badge .badge-autore--iniziale{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--nero);color:var(--lime);font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:56px}
.autore__nome{margin-bottom:10px}.autore__nome:after{display:none}
.autore__bio{font-family:"PT Serif",Georgia,serif;font-size:17px;line-height:1.6;max-width:46em}
.autore__bio p{margin:0 0 10px}
.autore__dati{margin:6px 0 0;font-size:13px}
.autore__instagram{color:var(--fucsia-testo);text-decoration:underline;text-underline-offset:3px;font-weight:700}
@media (max-width:600px){.autore__testata{flex-direction:column;gap:14px}.autore__badge .badge-autore,.autore__badge .badge-autore--iniziale{width:88px;height:88px;font-size:40px}}
/* v0.33.31 (10/9, collaudo QA della chat UX) */
/* B1: sul desktop il menù dell'hamburger entrava nel flusso e spingeva via la pagina; ora e' un pannello fisso con velo scuro */
.menu-mobile.aperto{position:fixed;top:var(--altezza-header,64px);left:0;bottom:0;width:min(420px,100%);max-width:none;overflow-y:auto;z-index:150;box-shadow:0 0 0 100vmax rgba(0,0,0,.5);border-right:1px solid #2a2a2a}
body.menu-aperto{overflow:hidden}
/* B5: sugli articoli la testata scorre via e lascia il posto alla barra dell'articolo */
body.single-post .header{position:relative}
body.single-post .barra-sezioni{position:static}
/* B8: firma dell'articolo su una riga che va a capo bene sul telefono */
.articolo__firma{flex-wrap:wrap;justify-content:center;gap:4px 6px}
/* 404, nessun risultato */
.vuoto{max-width:640px;margin:10px auto 50px;text-align:center}
.vuoto__testo{font-family:"PT Serif",Georgia,serif;font-size:18px;line-height:1.6;margin-bottom:18px}
.vuoto__cerca{display:flex;gap:8px;margin:0 0 18px}
.vuoto__cerca input{flex:1 1 auto;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border:2px solid var(--nero);border-radius:999px}
.vuoto__cerca button{font-family:"Oswald",Poppins,sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--nero);color:var(--bianco);border:0;border-radius:999px;padding:12px 22px;cursor:pointer}
.vuoto__cerca button:hover{background:var(--fucsia)}
.vuoto__link a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.concerti-oggi__vuoto{font-family:"PT Serif",Georgia,serif;font-size:17px;margin:6px 0 16px}
.tour__info span a{text-decoration:underline;text-underline-offset:3px}
/* v0.33.32: precedente / successivo in fondo all'articolo */
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 10px;padding-top:18px;border-top:1px solid var(--grigio-linea)}
.prevnext__link{display:block;min-width:0}
.prevnext__link--succ{text-align:right}
.prevnext__link .kicker{display:block;margin-bottom:4px}
.prevnext__titolo{display:block;font-family:"PT Serif",Georgia,serif;font-weight:700;font-size:16px;line-height:1.35;color:var(--nero)}
.prevnext__link:hover .prevnext__titolo{color:var(--fucsia-testo)}
@media (max-width:600px){.prevnext{grid-template-columns:1fr}.prevnext__link--succ{text-align:left}}


/* Rifiniture dal ricollaudo QA (10/9): il "di" resta attaccato al nome sotto i 400 px; barra articolo sotto la barra admin da loggati; copertine playlist con spazio riservato mentre arrivano da Spotify */
.articolo__autore{white-space:nowrap}
.admin-bar .artbar{top:32px}
@media (max-width:782px){.admin-bar .artbar{top:46px}}
.playlist-card__cover{aspect-ratio:1/1;background:var(--grigio-chiaro,#eee)}

/* Pagelle: blocco nome + voto (11/9/2026, A2 ratificata: doppie righe nero e fucsia, voto a vuoto a destra, riga lime; artista e brano uguali a 24 px, mezzo voto piu' piccolo) */
.pagella{position:relative;border-top:3px solid var(--nero);padding:14px 0 12px;margin:28px 0 14px;display:flex;align-items:center;gap:16px}
.pagella:before{content:"";position:absolute;top:4px;left:0;right:0;height:2px;background:var(--fucsia)}
.pagella:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--nero)}
.pagella__nome{flex:1;font-family:"Oswald",Poppins,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.05;font-size:21px;letter-spacing:.01em}
.pagella__nome em{font-style:normal;color:var(--fucsia-testo)}
.pagella__voto{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;padding-left:14px;border-left:3px solid var(--lime)}
.pagella__voto small{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--nero)}
.pagella__voto b{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:52px;line-height:.95;color:var(--bianco);-webkit-text-stroke:2.5px var(--fucsia);letter-spacing:.02em;font-variant-numeric:lining-nums;display:inline-flex;align-items:baseline}
.pagella__mezzo{font-size:.52em;line-height:1;margin-left:.04em;-webkit-text-stroke:1.8px var(--fucsia)}
@media (min-width:768px){.pagella__nome{font-size:24px}.pagella__voto{padding-left:16px}.pagella__voto b{font-size:60px}}
.pagella + hr{display:none}

/* Pagine dell'articolo (nextpage): bottoni dopo il testo, la pagina corrente e' piena */
.pagine-articolo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 8px;padding-top:16px;border-top:1px solid var(--grigio-linea)}
.pagine-articolo__etichetta{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--grigio-testo);margin-right:6px}
.pagine-articolo a,.pagine-articolo>span:not(.pagine-articolo__etichetta){font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;border:2px solid var(--nero);border-radius:2px;color:var(--nero);line-height:1}
.pagine-articolo a:hover{background:var(--fucsia);border-color:var(--fucsia);color:var(--bianco)}
.pagine-articolo>span:not(.pagine-articolo__etichetta){background:var(--nero);color:var(--bianco)}

/* ===== 12/9/2026 — dal giudizio grafico (chat QA), ratificato dal Direttore punto per punto ===== */
/* Titoli in maiuscolo e minuscolo: solo il titolo dell'articolo e le schede grandi; occhielli, sezioni, barra e voti restano maiuscoli */
.stile-rs .articolo__titolo{text-transform:none;letter-spacing:0;line-height:1.06}
.articolo__titolo--lungo{font-size:clamp(28px,4.2vw,44px)}
.articolo__sottotitolo{font-family:"PT Serif",Georgia,serif;font-style:normal;font-size:18px;line-height:1.45;color:var(--grigio-testo);max-width:56ch;margin:0 auto 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:768px){.articolo__sottotitolo{font-size:20px}}
/* Prima pagina a tre colonne */
.prima{display:grid;grid-template-columns:1fr;gap:18px;padding-top:12px}
.prima__centro{order:1}.prima__sx{order:2}.prima__dx{order:3}
.prima__voce{padding:12px 0;border-bottom:1px solid var(--grigio-linea)}
.prima__voce:first-child{padding-top:0}
.prima__voce .chip{margin-bottom:8px}
.prima__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:18px;line-height:1.2;text-transform:none;letter-spacing:0}
.card--mini{display:flex;flex-direction:row;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--grigio-linea)}
.card--mini:first-child{padding-top:0}
.card--mini .card__foto{flex:0 0 104px;aspect-ratio:16/10}
.card--mini .card__corpo{padding-top:0}
.card--mini .card__corpo .chip{font-size:9px;padding:3px 6px;margin-bottom:6px}
.card--mini .card__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:15px;line-height:1.25;text-transform:none;letter-spacing:0}
.prima .copertina__slide.attiva{display:flex;flex-direction:column;background:var(--nero);border-radius:var(--raggio);overflow:hidden}
.prima .copertina__foto{display:block;aspect-ratio:16/9;height:auto;border-radius:0}
.prima .copertina__testo{position:static;padding:16px 16px 22px;background:var(--nero);display:block}
.prima .copertina__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:clamp(24px,5vw,30px);line-height:1.1;text-transform:none;letter-spacing:0;margin-top:8px}
.copertina__sommario{font-family:"PT Serif",Georgia,serif;font-size:16px;line-height:1.45;color:var(--su-nero-secondario);margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.prima .copertina__meta{margin-top:10px}
.prima .copertina__pallini{position:absolute;right:16px;bottom:18px;gap:12px}
.prima .copertina__pallini button{width:10px;height:10px}
/* frecce: centrate sulla sola fotografia (altezza misurata dal JS), nascoste su telefono dove si scorre col dito */
.prima .copertina__freccia{top:calc(var(--foto-h,50%) / 2)}
@media (max-width:767px){.copertina__freccia{display:none}}
@media (min-width:1024px){
  .prima{grid-template-columns:22fr 52fr 22fr;gap:26px;padding-top:16px}
  .prima__sx,.prima__centro,.prima__dx{order:0}
  .prima .copertina__titolo{font-size:clamp(28px,2.7vw,38px)}
  .prima__titolo{font-size:19px}
}
/* Barra sezioni: 14 voci, scorre anche su desktop. Segnale di scorrimento: sfumatura a destra che sparisce a fondo corsa, freccia solo col mouse */
.barra-sezioni__cornice{position:relative;background:var(--nero)}
.barra-sezioni__cornice:after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;background:linear-gradient(90deg,rgba(17,17,17,0),#111 80%);pointer-events:none;transition:opacity .2s}
.barra-sezioni__cornice.a-fondo:after{opacity:0}
.barra-sezioni__lista{justify-content:flex-start}
.barra-sezioni.trascina{cursor:grabbing;user-select:none}
.barra-sezioni__freccia{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid #3f3f3f;border-radius:50%;background:#111;color:#fff;font-size:18px;line-height:1;padding:0;z-index:2}
@media (hover:hover) and (min-width:768px){.barra-sezioni__freccia:not([hidden]){display:flex;align-items:center;justify-content:center}.barra-sezioni__freccia:hover{border-color:var(--lime);color:var(--lime)}}
/* 12/9 sera, segnalazione del Direttore: la cornice della barra (sfumatura) le aveva tolto l'aggancio sotto il logo. L'aggancio passa alla cornice. */
.barra-sezioni{position:static}
.barra-sezioni__cornice{position:sticky;top:var(--altezza-header,64px);z-index:95}
.admin-bar .barra-sezioni__cornice{top:calc(var(--altezza-header,72px) + 32px)}
@media (max-width:782px){.admin-bar .barra-sezioni__cornice{top:calc(var(--altezza-header,72px) + 46px)}}
body.single-post .barra-sezioni__cornice{position:static}
/* 12/9 sera, ricollaudo QA: sfumatura nera su nero e freccia grigia non si vedevano. Via la sfumatura, freccia in lime (colore di marca) su fondo nero pieno. */
.barra-sezioni__cornice:after{display:none}
.barra-sezioni__freccia{right:8px;width:32px;height:32px;border:2px solid var(--lime);color:var(--lime);background:var(--nero);font-size:22px;font-weight:700;box-shadow:-10px 0 12px 6px var(--nero)}
@media (hover:hover) and (min-width:768px){.barra-sezioni__freccia:hover{background:var(--lime);color:var(--nero)}}

/* Unita' Clickio fisse (12/9 sera): riquadro con altezza riservata; sul cantiere etichetta grigia, sul vivo la pubblicita' vera */
.adv--clickio{width:100%;max-width:300px;margin:18px auto}
.adv--clickio-alta{max-width:300px}
.adv--clickio-skin{display:none}
.adv-testata{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}
.adv--clickio-testata{max-width:728px;margin:0}
@media (max-width:767px){.adv--clickio-testata{max-width:320px;min-height:100px!important}.adv-testata .adv--clickio-testata:nth-child(2){display:none}}
.adv--clickio-testo{margin:24px auto}
.articolo__sidebar .adv--clickio{margin:0 auto 24px}

/* Gli speciali (12/9 sera, versione C ratificata): pillole grigie col punto lime, etichetta piccola, una riga che scorre su telefono */
.speciali{display:flex;align-items:center;gap:12px;margin-top:18px;padding:10px 0;border-top:1px solid var(--grigio-linea);border-bottom:1px solid var(--grigio-linea)}
.speciali__etichetta{flex:0 0 auto;font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grigio-testo)}
.speciali__lista{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;min-width:0}
.speciali__lista::-webkit-scrollbar{display:none}
.speciali__lista a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.02em;color:var(--nero);padding:8px 16px;background:var(--grigio-sfondo);border-radius:999px;white-space:nowrap}
.speciali__lista a:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--nero);flex:0 0 auto}
.speciali__lista a small{font-family:Poppins,sans-serif;font-weight:400;font-size:11px;text-transform:none;letter-spacing:0;color:var(--grigio-testo)}
.speciali__lista a:hover{background:var(--nero);color:var(--bianco)}
.speciali__lista a:hover small{color:#ccc}
@media (max-width:767px){.speciali{margin-top:12px}.speciali__etichetta{display:none}}

/* Fonte preferita su Google (12/9): riga con invito e bottone di Google */
.fonte-preferita{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;margin:18px 0;padding:14px 16px;border:1px solid var(--grigio-linea);border-radius:var(--raggio);background:var(--grigio-sfondo)}
.fonte-preferita__testo{font-size:14px;color:var(--nero)}
.social-strip .fonte-preferita{width:100%;margin:12px 0 0}
.fonte-preferita [google-add-preferred-source-btn]:empty{display:none}

/* Embed con spazio riservato (12/9, anti-CLS) */
.embed-16-9{position:relative;aspect-ratio:16/9;width:100%;margin:1.2em 0;background:#111}
.embed-16-9 iframe{position:absolute;inset:0;width:100%;height:100%}
.embed-instagram{min-height:600px}
.fonte-preferita__testo:hover{color:var(--fucsia-testo)}

/* Unita' Clickio di testata (12/9 notte): una sola per volta, desktop 728x90 o telefono 320x100 */
.adv-testata{margin-top:18px}
.adv--clickio-testata-mob{display:none;max-width:320px}
@media (max-width:767px){.adv--clickio-testata-desk{display:none}.adv--clickio-testata-mob{display:flex}.adv-testata .adv--clickio-testata:nth-child(2){display:flex}.adv-testata{margin-top:12px}}

/* Testata Clickio sotto la barra: poca aria, la prima pagina parte subito dopo */
.adv-testata{margin-top:10px;margin-bottom:0}
.prima{padding-top:14px}

/* 12/9 notte, Direttore: su telefono il masthead 1 subito sotto la copertina, il masthead 2 sotto Gli speciali; su desktop invariato */
.prima__adv,.prima__speciali{grid-column:1 / -1}
.prima__speciali{margin-top:6px}
.adv--masthead-1-slot{order:5}.prima__speciali{order:4}.adv--masthead-2-slot{order:6}
.prima .adv--masthead{margin-top:0}
@media (max-width:1023px){.prima__centro{order:1}.adv--masthead-1-slot{order:2}.prima__sx{order:3}.prima__dx{order:4}.prima__speciali{order:5}.adv--masthead-2-slot{order:6}}
@media (min-width:1024px){.adv--masthead-2-slot{display:none}}

/* 12/9 notte: gli elementi della griglia non allargano la colonna (la riga Speciali che scorre sbordava sul telefono) */
.prima > *{min-width:0}

/* Le classifiche della settimana, VERE (13/9): bianco con riga lime 4 px in alto; movimento: sale fucsia, scende grigio, "=" nero, NEW nero con scritta lime; Top 3 su telefono */
.classifiche__data{font-family:Poppins,sans-serif;font-size:13px;color:var(--grigio-testo);margin:-10px 0 16px;text-transform:none;letter-spacing:0}
.classifica{border-top:4px solid var(--lime);border-radius:0 0 var(--raggio) var(--raggio)}
.classifica__testa{border-bottom:1px solid var(--grigio-linea)}
.classifica__nome{font-family:"Oswald",Poppins,sans-serif;font-weight:700}
.classifica__nome a:hover{color:var(--fucsia-testo)}
.classifica__delta{font-weight:400;font-size:12px;width:auto;min-width:22px;white-space:nowrap}
.classifica__delta--su{color:var(--fucsia-testo)}
.classifica__delta--giu{color:var(--grigio-testo)}
.classifica__delta--pari{color:var(--nero)}
.classifica__delta--new{background:var(--nero);color:var(--lime);font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:10px;letter-spacing:.08em;padding:3px 6px;border-radius:2px}
.classifica__brano strong{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:16px;text-transform:none}
@media (max-width:767px){.classifica ol li:nth-child(n+4){display:none}.classifica__top--5{display:none}}
@media (min-width:768px){.classifica__top--3{display:none}}

/* 13/9, ordine del Direttore: copertina, masthead 1, Termometro, masthead 2, Ultime news. Il Termometro attacca subito sotto la prima pagina. */
.termometro.sezione{padding-top:28px}
.adv--masthead-2{margin-top:0}

/* ===== TERMOMETRO strada (a), 13/9/2026: misure della chat Brand, ratificate dal Direttore ===== */
.tm.sezione{background:#111;color:#fff;border-top:4px solid var(--lime);padding:22px 0 26px;margin-top:0}
.tm .container{font-family:Poppins,sans-serif}
.tm__testa{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tm__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;color:#fff;margin:0}
.tm__settimana{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.tm__griglia{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}
.tm__etichetta{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#C9C9C9;margin-bottom:8px}
.tm__gauge-riga{display:flex;align-items:center;gap:14px}
.tm__gauge{width:120px;height:68px;flex:0 0 auto}
.tm .gauge-traccia{stroke:#2A2A2A}.tm .gauge-valore{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}
.tm__numero{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:64px;line-height:1;color:#fff}
.tm__numero b{font-size:26px;color:var(--fucsia);font-weight:700;margin-left:2px}
.tm-delta{display:inline-block;margin-top:8px;font-size:12px;font-weight:400;color:var(--fucsia)}
.tm-delta--grigio{color:#C9C9C9}
.tm__perimetro{font-size:11px;color:#C9C9C9;margin:8px 0 0;line-height:1.45}
.tm__artiste{margin-top:14px;border-top:1px solid #333;padding-top:12px}
.tm__artiste-riga{font-family:"PT Serif",Georgia,serif;font-size:15px;color:#EEEEEE;margin:0}
.tm__artiste-riga b{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:22px;color:#fff}
.tm__artiste-sotto{font-size:10px;letter-spacing:.04em;color:#C9C9C9;margin:4px 0 0}
.tm__celle{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}
.tm__cella{border-left:1px solid #333;padding-left:12px}
.tm__cella-etichetta{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#C9C9C9}
.tm__cella-numero{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:28px;line-height:1.1;color:#fff}
.tm__cella-numero b{font-size:15px;color:var(--fucsia);margin-left:1px}
.tm__cella .tm-delta{font-size:10.5px;margin-top:2px}
.tm__etichette{margin-top:16px;border-top:1px solid #333;padding-top:12px}
.tm__barra{display:flex;gap:2px;height:12px;margin:2px 0 8px}
.tm__seg{display:block;height:100%}
.tm__seg--universal,.tm__quadr--universal{background:#9A9A9A}.tm__seg--sony,.tm__quadr--sony{background:#D0021B}.tm__seg--warner,.tm__quadr--warner{background:#1F5FBF}.tm__seg--indie,.tm__quadr--indie{background:#E8731A}
.tm__legenda{font-size:10.5px;color:#EEEEEE;margin:0;line-height:1.8}
.tm__leg{white-space:nowrap}.tm__leg b{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:14px;color:#fff;margin-left:3px}
.tm__quadr{display:inline-block;width:9px;height:9px;margin-right:5px;vertical-align:baseline}
.tm__punto{color:#555}
.tm__uno{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}
.tm__card{background:#1B1B1B;padding:10px 12px;border-top:2px solid #333;display:flex;flex-direction:column;gap:3px}
.tm__card-etichetta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.tm__card-titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:19px;line-height:1.15;color:#fff}
.tm__card-artista{font-family:"PT Serif",Georgia,serif;font-size:13px;color:#EEEEEE}
.tm__card-label{font-size:10px;color:#C9C9C9}.tm__card-label b{color:#fff;font-weight:700}
.tm__piede{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.tm__fonti{font-size:9.5px;color:#C9C9C9}
.tm__cta{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;border-bottom:2px solid var(--fucsia);padding-bottom:2px}
.tm__cta:hover{color:var(--lime)}
.tm__metodo{font-size:10.5px;line-height:1.55;color:#C9C9C9;margin:14px 0 0;border-top:1px solid #333;padding-top:10px}
.tm__metodo em{font-style:normal;color:#9A9A9A}
.tm__nota-piede{color:#C9C9C9;font-size:13px}
@media (min-width:768px){
  .tm.sezione{padding:22px 0 26px}
  .tm__titolo{font-size:28px}
  .tm__griglia{grid-template-columns:290px 1fr;gap:26px}
  .tm__gauge{width:150px;height:84px}
  .tm__numero{font-size:74px}.tm__numero b{font-size:30px}
  .tm__celle{grid-template-columns:repeat(4,1fr);gap:12px}
  .tm__cella-numero{font-size:34px}
  .tm__uno{grid-template-columns:repeat(3,1fr);gap:12px}
}

/* 13/9 notte, rilievi della chat Brand: delta vuoto (niente "prima rilevazione"), titolo classifiche senza barretta, settimana a destra, colonna movimento riservata, link e piede */
.tm-delta--vuoto{min-height:14px;display:block}
.classifiche__testa{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.classifiche__titolo{margin-bottom:0}.classifiche__titolo:after{display:none}
.classifiche__data{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#5E5A55;margin:0}
.classifica__riga{display:grid;grid-template-columns:34px 50px minmax(0,1fr);gap:10px;align-items:center}
.classifica__pos{text-align:right;font-family:"Oswald",Poppins,sans-serif;font-size:30px;line-height:30px;font-variant-numeric:tabular-nums;min-width:0}
.classifica__delta{width:50px;min-width:50px;font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:13px;line-height:20px;text-align:center}
.classifica__brano span{font-family:"PT Serif",Georgia,serif;font-size:12.5px;color:#5E5A55}
.classifica__tutta{display:inline-block;margin-top:10px;font-family:Poppins,sans-serif;font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--nero)}
.classifica__tutta span{color:var(--fucsia-testo)}
.classifiche__piede{font-family:Poppins,sans-serif;font-size:9.5px;color:#5E5A55;margin:14px 0 0}

/* 13/9 notte, correzioni del Direttore in anteprima: arco del gauge FUCSIA (come prima), perimetro e etichetta dei gruppi in fucsia a peso normale, nota metodologica solo nella pagina interna, righe dei titoli: editoriale fucsia, misura (Termometro, classifiche) lime */
.tm .gauge-valore{stroke:var(--fucsia)}
.tm__perimetro{color:var(--fucsia);font-weight:400}
.tm__etichette > .tm__etichetta{color:var(--fucsia)}
.tpage__metodo{max-width:760px;margin:30px auto 0}
.tpage__metodo h3{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--fucsia);margin-bottom:12px}
.tpage__metodo p{font-family:"PT Serif",Georgia,serif;font-size:16px;line-height:1.6;margin:0 0 12px;color:var(--bianco)}
.tpage__metodo-data{font-family:Poppins,sans-serif!important;font-size:12px!important;color:#9A9A9A!important;margin-top:6px!important}

/* ===== 13/9 notte, tre regole del lime ratificate dal Direttore (chat Brand, esempio a due versioni) =====
   1) Classifiche in home: BLOCCO UNICO con una riga lime e un filetto nero 1 px sotto, liste divise da colonne */
#classifiche .container{background:var(--bianco);border-top:4px solid var(--lime);box-shadow:inset 0 1px 0 var(--nero);padding-top:18px;padding-bottom:14px}
#classifiche .classifica{border:0;border-radius:0;background:transparent;padding:0}
@media (min-width:768px){#classifiche .classifiche__griglia{gap:0}#classifiche .classifica{padding:0 20px}#classifiche .classifica:first-child{padding-left:0}#classifiche .classifica + .classifica{border-left:1px solid #E6E2DC}}
/* 2) Lime e fucsia PIENI negli articoli vecchi (pagelle, classifiche FIMI), neutralizzati dal tema: il colore resta come bordo o come scritta, mai come fondo */
.articolo__corpo h2[style*="background"][style*="ccff00" i],.articolo__corpo h3[style*="background"][style*="ccff00" i]{background:transparent!important;padding:0!important;border-radius:0!important;text-align:left!important}
.articolo__corpo span[style*="background"][style*="ccff00" i]{background:var(--nero)!important;color:var(--lime)!important;border-radius:2px!important}
.articolo__corpo span[style*="background"][style*="fb0780" i]{background:var(--nero)!important;color:var(--fucsia)!important;border-radius:2px!important}
/* solo i FONDI (style con "background"), mai i bordi: le skill nuove usano proprio i bordi sinistri lime e fucsia (avviso di Comunicazione, 13/9) */
.articolo__corpo tr[style*="background"][style*="ccff00" i]:not([style*="border-bottom"]){background:transparent!important;color:var(--nero)!important}
.articolo__corpo tr[style*="background"][style*="ccff00" i]:not([style*="border-bottom"]) > td:first-child,.articolo__corpo tr[style*="background"][style*="ccff00" i]:not([style*="border-bottom"]) > th:first-child{border-left:5px solid var(--lime)!important}
.articolo__corpo tr[style*="background"][style*="fb0780" i]{background:transparent!important;color:var(--nero)!important}
.articolo__corpo tr[style*="background"][style*="fb0780" i] > td:first-child,.articolo__corpo tr[style*="background"][style*="fb0780" i] > th:first-child{border-left:5px solid var(--fucsia)!important}
.articolo__corpo tr[style*="background"][style*="fb0780" i] a,.articolo__corpo tr[style*="background"][style*="ccff00" i]:not([style*="border-bottom"]) a{color:var(--nero)!important}
.articolo__corpo td[style*="background"][style*="ccff00" i],.articolo__corpo td[style*="background"][style*="fb0780" i]{background:transparent!important}

/* 13/9 notte, Direttore da telefono: sotto il numero grande due righe fucsia erano un pasticcio. Delta fucsia (il segnale), perimetro corto e grigio (la nota). */
.tm__perimetro{color:#C9C9C9;font-size:11px;margin-top:6px}
.tm__sx .tm-delta{margin-top:10px;font-size:13px}

/* ===== FACADE YOUTUBE (17/9/2026) ===== */
.yt-facade{cursor:pointer;overflow:hidden}
.yt-facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.yt-facade__play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;opacity:.92;transition:opacity .15s ease,transform .15s ease}
.yt-facade__play svg{display:block}
.yt-facade:hover .yt-facade__play,.yt-facade__play:focus-visible{opacity:1;transform:scale(1.08)}
.yt-facade__play:focus-visible{outline:3px solid var(--lime);outline-offset:4px}

/* ===== TERMOMETRO, LEGGIBILITÀ (17/9/2026, Direttore da iPhone Pro Max: corpi minimi 13-15 px, niente fucsia sui testi piccoli, fonti sotto il titolo) ===== */
.tm__etichetta{font-size:13px;color:#fff}
.tm__etichetta-fonti{display:block;font-size:13px;font-weight:600;color:#C9C9C9;margin:-4px 0 8px;letter-spacing:.01em;text-transform:none}
.tm__etichette > .tm__etichetta{color:#fff}
.tm-delta,.tm__sx .tm-delta{font-size:14px;color:#fff}
.tm-delta--grigio{color:#C9C9C9}
.tm-delta--su{color:var(--lime)}
.tm__cella .tm-delta{font-size:13px}
.tm__perimetro{font-size:14px;color:#E0E0E0}
.tm__artiste-riga{font-size:16px}
.tm__artiste-sotto{font-size:14px;color:#E0E0E0;line-height:1.45}
.tm__cella-etichetta{font-size:12px;color:#fff}
.tm__cella-fonte{display:block;font-size:12px;color:#C9C9C9;margin:-2px 0 6px;text-transform:none;letter-spacing:0}
.tm__barra{height:24px;gap:2px;margin:4px 0 10px}
.tm__seg{display:flex;align-items:center;justify-content:center;font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:15px;color:#fff;overflow:hidden}
.tm__seg--universal{color:#111}
.tm__legenda{font-size:14px;color:#fff}
.tm__leg b{font-size:16px}
.tm__quadr{width:11px;height:11px}
.tm__card-etichetta{font-size:12px}
.tm__card-artista{font-size:15px}
.tm__card-label{font-size:13px;color:#E0E0E0}
.tm__fonti{font-size:13px;color:#E0E0E0}
.tm__cta{font-size:13px}
.tm__metodo{font-size:14px}
.tm__settimana{font-size:14px}
/* Pagina interna: stessi minimi, e le frecce in giù bianche invece che fucsia */
.termometro-pagina .termometro__etichetta{font-size:13px;color:#fff}
.termometro-pagina .termometro__nota,.tcard .termometro__nota{font-size:15px;color:#E6E6E6;line-height:1.45}
.termometro-pagina .termometro__copertura{font-size:14px;color:#C9C9C9}
.termometro-pagina .termometro__delta{font-size:14px}
.termometro-pagina .termometro__delta--giu{color:#fff}
.termometro-pagina .termometro__delta--pari{color:#C9C9C9}
.termometro-pagina .termometro__valore small{font-size:15px}
.termometro-pagina .piattaforma__nome{font-size:13px;color:#E0E0E0}
.termometro-pagina .piattaforma__numero1{font-size:16px}
.termometro-pagina .piattaforma__numero1 span{font-size:14px;color:#C9C9C9}
.termometro-pagina .piattaforma__quota small{font-size:13px;color:#C9C9C9}
.termometro-pagina .termometro__etichette-titolo{font-size:14px;color:#fff}
.termometro-pagina .barra-etichette{height:34px}
.termometro-pagina .barra-etichette__seg{font-size:17px}
.termometro-pagina .legenda-etichette{font-size:15px}
.termometro-pagina .termometro__fonti,.tpage__fonti{font-size:14px;color:#C9C9C9}
.termometro-pagina .charts__sotto{font-size:17px}
.termometro-pagina .charts__settimana{font-size:14px}
.termometro-pagina .charts__regole p{font-size:16px;color:#E6E6E6;line-height:1.6}
.termometro-pagina .charts__regole h3{font-size:16px;color:#fff}
.tcard__firma{font-size:11px;color:#9A9A9A}
.tlista__quota{font-size:14px;color:#fff}
.tlista__periodo{font-size:13px}
.tlista__brano strong{font-size:15px}
.tlista__brano em{font-size:13px}
.tlista__bandiera{font-size:11px}
.tlista__fonte{font-size:12px}
.tpage__metodo-data{font-size:13px!important}

/* ===== PROSSIMI CONCERTI (17/9/2026) ===== */
.concerti-pagina{padding-top:24px}
.concerti-pagina__sotto{font-family:"PT Serif",Georgia,serif;font-size:17px;color:var(--grigio-testo);margin:-6px 0 14px;max-width:720px}
.concerti-giorno{margin-top:28px}
.concerti-giorno__data{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-family:"Oswald",Poppins,sans-serif}
.concerti-giorno__numero{font-size:44px;font-weight:700;line-height:1;color:var(--nero);min-width:52px}
.concerti-giorno__testo{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.1}
.concerti-giorno__testo small{display:block;font-size:13px;font-weight:600;color:var(--grigio-testo);letter-spacing:.06em}
.concerti-pagina .tour__info strong a:hover{color:var(--fucsia-testo)}
.tour__bottone--esaurito{background:#e9e9e9;border-color:#e9e9e9;color:#777;cursor:default}
.tour__bottone--esaurito:hover{background:#e9e9e9;border-color:#e9e9e9;color:#777}
.tour__bottone--articolo{background:var(--bianco);color:var(--nero)}
.concerti-pagina__nota{margin-top:32px;font-size:14px;color:var(--grigio-testo);max-width:720px}
@media (min-width:768px){.concerti-giorno__numero{font-size:56px;min-width:64px}}
/* Pagina Artisti, intro spezzata e con appigli (17/9/2026, Direttore da telefono) */
.artisti__sommario strong{font-weight:700;color:var(--nero)}
.artisti__sommario--invito{margin-top:8px}

/* ===== RICERCA DA TELEFONO A SCHERMO INTERO (17/9/2026, Direttore: con la tastiera alzata i banner coprivano tutto) ===== */
.pannello-cerca__chiudi{display:none}
.pannello-cerca__aiuto{display:none}
@media (max-width:767px){
  body.cerca-aperta{overflow:hidden}
  body.cerca-aperta .pannello-cerca{position:fixed;inset:0;z-index:2147483000;background:var(--nero);padding:14px 0;overflow:auto;border-top:0}
  body.cerca-aperta .pannello-cerca__form{align-items:center}
  body.cerca-aperta .pannello-cerca__chiudi{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;background:none;color:var(--bianco);border:1px solid #444;border-radius:50%;padding:0;font-size:16px}
  body.cerca-aperta .pannello-cerca__aiuto{display:block;margin:14px var(--gutter) 0;font-size:14px;color:#C9C9C9}
  body.cerca-aperta .adv--anchor,body.cerca-aperta .spazio-anchor,body.cerca-aperta .adv-testata,body.cerca-aperta .adv--masthead-1-slot{display:none!important}
}

/* ===== MENU A PANINO: chiusura evidente (17/9/2026) ===== */
.menu-mobile__testa{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 10px;border-bottom:1px solid #2a2a2a;margin-bottom:4px}
.menu-mobile__titolo{font-family:"Oswald",Poppins,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bianco)}
.menu-mobile__chiudi{background:var(--lime);color:var(--nero);border:0;border-radius:999px;padding:9px 16px;font-family:var(--font);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.menu-mobile__chiudi:hover{background:var(--fucsia);color:var(--bianco)}
.menu-mobile__chiudi--piede{display:block;width:100%;margin:18px 0 6px;padding:13px 16px;font-size:14px}

/* ===== FONTE PREFERITA SU GOOGLE: centrata e con la stella (17/9/2026, Direttore da telefono) ===== */
.fonte-preferita{flex-direction:column;text-align:center;gap:10px;padding:18px 16px}
.fonte-preferita__testo{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;line-height:1.35;max-width:520px}
.fonte-preferita__stella{flex:0 0 auto;width:26px;height:26px;color:var(--fucsia)}

/* ===== AMI CHARTS in home: riquadro curato, due righe, niente lineetta (17/9/2026, Direttore da telefono) ===== */
.charts-banner{position:relative;flex-direction:row;text-align:left;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#8347C4 0%,#6B33A8 100%);box-shadow:0 10px 24px rgba(131,71,196,.28),inset 0 1px 0 rgba(255,255,255,.18);border-radius:10px}
.charts-banner__vinile{flex:0 0 auto;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.charts-banner__testo{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.charts-banner__testo strong{font-family:"Oswald",Poppins,sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.charts-banner__sotto{font-size:14px;color:#EDE4FA}
.charts-banner__bottone{box-shadow:0 3px 8px rgba(0,0,0,.2)}
@media (max-width:767px){.charts-banner{flex-wrap:wrap}.charts-banner__bottone{flex:1 1 100%;text-align:center;margin-top:4px}}
/* Speciale in home: da telefono tre card, la quarta serve solo alla griglia desktop (17/9) */
@media (max-width:639px){#sanremo .speciale__griglia .card:nth-child(n+4){display:none}}
/* Concerti di oggi: città dopo l'artista senza lineetta (17/9) */
.concerti-oggi__citta{font-weight:400;color:var(--grigio-testo)}.concerti-oggi__citta:before{content:"· "}

/* ===== LE FIRME DI FOCUS (17/9/2026) ===== */
.firme{margin-top:16px;padding-top:14px;border-top:1px solid var(--grigio-linea)}
.firme__titolo{display:block;font-family:"Oswald",Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--grigio-testo);margin-bottom:10px}
.firme__fila{display:flex;gap:6px 14px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.firme__fila::-webkit-scrollbar{display:none}
.firma{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:92px;text-align:center}
.firma .badge-autore{width:64px;height:64px;margin:0;border-radius:50%;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.firma .badge-autore--iniziale{width:64px;height:64px;font-size:28px;line-height:64px;display:flex;align-items:center;justify-content:center}
.firma__nome{font-family:"Oswald",Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.2;color:var(--nero)}
.firma:hover .firma__nome{color:var(--fucsia-testo)}
.firma:hover .badge-autore{box-shadow:0 0 0 3px var(--lime)}
@media (min-width:768px){.firme__fila{justify-content:flex-start;gap:8px 28px}.firma{width:110px}.firma .badge-autore,.firma .badge-autore--iniziale{width:76px;height:76px}}

/* ===== IL TIMBRO DELLE FIRME (17/9/2026) ===== */
.firma__timbro{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#111;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.firma:hover .firma__timbro{box-shadow:0 0 0 3px var(--lime)}
@media (min-width:768px){.firma__timbro{width:76px;height:76px}}
.articolo__featured{position:relative}
.timbro-firma{position:absolute;top:12px;right:calc(var(--gutter) + 12px);z-index:3;display:block;width:72px;height:72px;border-radius:50%;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 3px rgba(255,255,255,.85)}
.timbro-firma img{width:100%;height:100%;display:block;object-fit:cover;background:#111}
@media (min-width:768px){.timbro-firma{width:96px;height:96px;top:16px;right:calc(var(--gutter) + 16px)}}
/* Firme da telefono: griglia tre per riga, niente scorrimento (Direttore 17/9) */
@media (max-width:767px){.firme__fila{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px;overflow:visible;padding-bottom:0}.firma{width:auto}}
/* Firme in Focus, versione C: cerchio bianco con bordino nero (17/9 sera) */
.firma__timbro{background:#fff;box-shadow:0 0 0 1.5px #111}
.firma:hover .firma__timbro{box-shadow:0 0 0 3px var(--fucsia)}

/* ===== TERMOMETRO, TOP 5 ETICHETTE (18/9/2026) ===== */
.tcard--top5{margin-top:16px}
.top5{list-style:none;margin:6px 0 0;padding:0;display:grid}
.top5__riga{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #2a2a2a}
.top5__riga:last-child{border-bottom:0}
.top5__pos{font-family:"Oswald",Poppins,sans-serif;font-size:30px;font-weight:700;line-height:1;color:var(--lime);text-align:center}
.top5__nome{font-family:"Oswald",Poppins,sans-serif;font-size:20px;font-weight:600;color:#fff;line-height:1.15}
.top5__nome small{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#C9C9C9;margin-left:4px}
.top5__n{font-family:"Oswald",Poppins,sans-serif;font-size:22px;font-weight:700;color:var(--fucsia);white-space:nowrap}
.top5__n small{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#C9C9C9;text-transform:uppercase;letter-spacing:.06em;margin-left:4px}
.top5__sotto{margin:0 0 4px}
@media (min-width:768px){.top5__riga{grid-template-columns:56px 1fr auto;padding:14px 0}.top5__pos{font-size:36px}.top5__nome{font-size:24px}}

/* ===== CARD CONDIVISIBILI DEL TERMOMETRO (18/9/2026) ===== */
.card-salva{display:inline-flex;align-items:center;gap:8px;margin-top:14px;align-self:flex-start;background:none;border:1.5px solid var(--lime);color:var(--lime);border-radius:999px;padding:9px 16px;font-family:"Oswald",Poppins,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .15s ease,color .15s ease}
.card-salva:hover{background:var(--lime);color:var(--nero)}
.card-salva[disabled]{opacity:.6;cursor:wait}
.tcard .card-salva{margin-top:auto;padding-top:9px}
.tlista .card-salva{margin-top:12px;align-self:flex-start}

/* ===== TERMOMETRO INTERNO, ritocchi 19/9/2026 ===== */
/* Numerone nella card quota: il numero stava sopra l'arco (foto del Direttore). Ora l'arco e' un blocco suo e il numero sta sotto, centrato, senza margini negativi. */
.tcard--gauge .termometro__gauge-svg{max-width:240px;margin:8px auto 0}
.tcard--gauge .termometro__gauge-numero{margin-top:-58px;text-align:center;font-size:64px;position:relative;z-index:1}
.tcard--gauge .termometro__gauge-numero small{font-size:26px}
.tcard--gauge .termometro__nota,.tcard--gauge .termometro__copertura{text-align:center}
.tcard--gauge .termometro__delta{align-self:center}
.tcard--gauge .card-salva{align-self:center}
@media (min-width:768px){.tcard--gauge .termometro__gauge-svg{max-width:260px}.tcard--gauge .termometro__gauge-numero{margin-top:-64px;font-size:72px}}
/* Numeri 1: l'etichetta sotto l'artista (Direttore 19/9) */
.piattaforma__label{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--lime);margin-top:6px;letter-spacing:.02em}

/* ===== TERMOMETRO INTERNO, 19/9/2026: label nelle Top 10, prima posizione piu' grande ===== */
.tlista__label{flex:0 0 auto;max-width:38%;font-family:"Oswald",Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#C9C9C9;text-align:right;line-height:1.2}
.tlista__riga--it .tlista__pos{color:var(--lime)}
.tlista__riga:first-child{padding:11px 0}
.tlista__riga:first-child .tlista__pos{font-size:24px}
.tlista__riga:first-child .tlista__brano strong{font-size:17px}
.tlista__riga:first-child .tlista__brano em{font-size:14px}
.tcard--presente .piattaforma__label{margin-top:0}
.tcard--presente .termometro__valore{font-size:36px}

/* Top 10 della pagina, 19/9 sera: etichetta sotto l'artista (da telefono a destra non ci stava), prima posizione in fucsia */
.tlista__label{display:block;max-width:none;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:#9A9A9A;text-align:left;line-height:1.3;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlista__riga:first-child .tlista__pos,.tlista__riga--it:first-child .tlista__pos,.tlista__riga:not(.tlista__riga--it):first-child .tlista__pos{color:var(--fucsia)}
.tlista__riga:first-child .tlista__brano strong{color:var(--fucsia)}
/* Card quota interna: fonti sotto il titolo, come in home (19/9) */
.tcard--gauge .termometro__etichetta-fonti{text-align:center;margin:-2px 0 4px}

/* ===== 20/9/2026 (Direttore, da telefono): Termometro più leggero in home. Le due etichette in un solo stile (Oswald 600 13 px
   maiuscolo: bianca la prima, grigia la seconda); freccia e numero della variazione in fucsia (regola del 12/9: sotto il numero grande,
   in fucsia solo la variazione); via la riga delle artiste e i tre numeri 1 (stanno nella pagina interna); le Top 3 subito sotto
   il Termometro, con l'etichetta sotto l'artista; masthead 2 sopra il Termometro fino al 2 ottobre. ===== */
.tm__etichetta,.tm__etichetta-fonti,.tm__etichette > .tm__etichetta{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;margin:0}
.tm__etichetta{color:#fff;margin-bottom:2px}
.tm__etichetta-fonti{color:#C9C9C9;margin:0 0 10px}
.tm-delta__val{color:var(--fucsia);font-weight:700}
.classifica__label{display:block;font-family:Poppins,Arial,sans-serif;font-size:11px;color:#8A8580;line-height:1.25;margin-top:2px}
/* Pagelle: il blocco del voto ha larghezza fissa, così la riga lime sta sempre nello stesso punto con "7", "8 ½" o "10" (Direttore 20/9) */
.pagella__voto{min-width:84px;justify-content:center}
@media (min-width:768px){.pagella__voto{min-width:100px}}

/* 20/9 sera (Direttore, da telefono): il blocco delle etichette ha gli stessi separatori delle celle (riga verticale a sinistra, riga sopra);
   nel piede del Termometro prima il link, sotto le fonti in piccolo; nel riquadro AMI Charts il vinile vero di AMI al posto di quello disegnato. */
.tm__etichette{border-left:1px solid #333;padding-left:12px}
.tm__piede{flex-direction:column;align-items:flex-start;gap:6px}
.tm__fonti{font-size:11px;color:#B5B5B5}
.charts-banner__vinile img{width:48px;height:48px} /* 20/9 sera: vinile realistico per fondo scuro di Mark (solo-vinile-fondo-scuro-realistico.svg), il piatto per fondo chiaro sul viola non reggeva */
@media (min-width:768px){.charts-banner__vinile img{width:60px;height:60px}}
/* 20/9 notte (Direttore, iPhone 17 Pro Max con gli screen): le scritte bianche del Termometro e artista/etichetta nelle classifiche erano troppo piccole.
   Da telefono corpi minimi 14-15 px nel Termometro; nelle classifiche artista 15 px ed etichetta 13 px su tutti gli schermi. La stellina delle fonti
   preferite si allinea al testo su due righe (testo a sinistra, stella accanto), non più stella a sinistra e testo centrato. */
@media (max-width:767px){
  .tm__etichetta,.tm__etichetta-fonti,.tm__etichette > .tm__etichetta{font-size:14px}
  .tm__cella-etichetta{font-size:15px}
  .tm__cella-fonte{font-size:14px}
  .tm__cella-numero{font-size:34px}
  .tm-delta,.tm__sx .tm-delta,.tm__cella .tm-delta{font-size:15px}
  .tm__perimetro{font-size:15px}
  .tm__legenda{font-size:15px}
  .tm__fonti{font-size:12px}
  .tm__cta{font-size:14px}
  .tm__settimana{font-size:13px}
}
.classifica__brano strong{font-size:18px}
.classifica__brano span{font-size:15px}
.classifica__label{font-size:13px}
.classifica__delta{font-size:14px}
.fonte-preferita__testo{text-align:left}
.fonte-preferita__stella{width:28px;height:28px}

/* ===== 20/9/2026 (lancio): pagina Logo e materiali, Guida al sito, link nel footer, card di AMI Charts ===== */
.logo-pagina__sotto,.guida__sotto{font-family:"PT Serif",Georgia,serif;font-size:18px;line-height:1.55;max-width:68ch;margin:0 0 14px}
.logo-pagina__zip{margin:0 0 8px}
.logo-blocco,.guida-blocco{margin:34px 0 0;padding-top:22px;border-top:3px solid var(--nero);position:relative}
.logo-blocco:before,.guida-blocco:before{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:var(--fucsia)}
.logo-blocco__titolo,.guida-blocco__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px}
.logo-blocco__quando,.logo-blocco__nota,.guida-blocco__nota{font-size:15px;color:var(--grigio-testo);max-width:68ch;margin:0 0 14px;line-height:1.5}
.logo-blocco__nota{margin-top:12px}
.logo-griglia{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){.logo-griglia{grid-template-columns:1fr 1fr}}
.logo-tile{margin:0;border:1px solid var(--grigio-linea);border-radius:var(--raggio);overflow:hidden}
.logo-tile__anteprima{display:flex;align-items:center;justify-content:center;padding:28px 24px;min-height:150px}
.logo-tile--chiaro .logo-tile__anteprima{background:#fff}
.logo-tile--scuro .logo-tile__anteprima{background:#111}
.logo-tile__anteprima img{max-width:100%;max-height:120px;width:auto;height:auto}
.logo-tile figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:var(--grigio-sfondo);font-size:13px}
.logo-tile__nome{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.logo-tile__link a{display:inline-block;font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--nero);border:2px solid var(--nero);border-radius:999px;padding:4px 12px;margin-left:6px}
.logo-tile__link a:hover{background:var(--nero);color:#fff}
.logo-colori{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:640px){.logo-colori{grid-template-columns:repeat(4,1fr)}}
.logo-colore{border:1px solid var(--grigio-linea);border-radius:var(--raggio);overflow:hidden;font-size:13px}
.logo-colore i{display:block;height:72px}
.logo-colore b{display:block;padding:8px 12px 0;font-family:"Oswald",Poppins,sans-serif;font-size:16px;text-transform:uppercase}
.logo-colore span{display:block;padding:0 12px;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.logo-colore small{display:block;padding:2px 12px 10px;color:var(--grigio-testo)}
.logo-nome{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.logo-nome{grid-template-columns:1fr 1fr}}
.logo-nome__si,.logo-nome__no{border:1px solid var(--grigio-linea);border-radius:var(--raggio);padding:14px 16px;font-size:16px;line-height:1.5}
.logo-nome__si{border-left:6px solid var(--lime)}.logo-nome__no{border-left:6px solid var(--fucsia);color:var(--grigio-testo)}
.logo-nome__etichetta{display:block;font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;color:var(--nero)}
.logo-nome p{margin:0}
.logo-regole{list-style:decimal;padding-left:22px;max-width:68ch;font-size:16px;line-height:1.55}
.logo-regole li{margin:0 0 8px}
.guida-video{margin:8px 0 10px}
.guida-video__corpo .embed-16-9,.guida-video__corpo iframe{max-width:900px}
.guida-voci{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr}
@media (min-width:768px){.guida-voci{grid-template-columns:1fr 1fr;column-gap:32px}}
.guida-voci li{padding:10px 0;border-bottom:1px solid var(--grigio-linea);font-size:15px;line-height:1.5}
.guida-voci strong{display:block;font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.03em}
.guida-voci strong a{border-bottom:2px solid var(--fucsia)}
.guida-app{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.guida-app{grid-template-columns:1fr 1fr}}
.guida-app__card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--grigio-linea);border-radius:var(--raggio);border-top:4px solid var(--lime);font-size:14px;line-height:1.5;color:var(--nero)}
.guida-app__card strong{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;line-height:1.1}
.guida-app__quando{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fucsia-testo)}
.guida-app__card--nero{background:#111;color:#fff;border-color:#111}
.guida-app__card--nero .guida-app__quando{color:var(--lime)}
.guida-app__card--viola{background:linear-gradient(135deg,#8347C4,#6B33A8);color:#fff;border-color:transparent;border-top-color:#fff}
.guida-app__card--viola .guida-app__quando{color:#fff}
.guida-app__card:hover{color:inherit;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.guida-firme{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr}
@media (min-width:768px){.guida-firme{grid-template-columns:1fr 1fr;column-gap:32px}}
.guida-firme li{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--grigio-linea);font-size:14px;line-height:1.45}
.guida-firme strong{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.03em}
.guida-firme em{font-style:normal;color:var(--fucsia-testo);font-weight:600}
.guida-firme span{color:var(--grigio-testo)}
.guida-blocco--aiuto p{font-size:16px;line-height:1.55;max-width:68ch}
.footer__guida--novita{position:relative;padding-left:16px}
.footer__guida--novita:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--lime)}
.charts__card-fila{margin:28px auto 0;padding-top:20px;border-top:1px solid var(--grigio-linea)}
.charts__card-titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;margin:0 0 12px}
.charts__card-griglia{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.charts__card-griglia{grid-template-columns:1fr 1fr}}
.charts__card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#111;color:#fff;border-top:4px solid var(--lime);border-radius:var(--raggio)}
.charts__card-nome{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:18px;text-transform:uppercase}
.charts__card-sotto{font-size:13px;color:#C9C9C9}
.charts__card .card-salva{align-self:flex-start;margin-top:8px;color:#fff;border-color:#fff}
/* Termometro in home, 25/9/2026 (Direttore): quota italiana + artiste donne affiancate, a destra la corsa delle etichette dall'inizio dell'anno */
.tm .tm__coppia{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;align-items:start}
.tm .tm__arco{position:relative;width:150px;height:84px}
.tm .tm__arco .tm__gauge{display:block;width:150px;height:84px}
.tm .tm__arco .tm__numero{position:absolute;left:0;right:0;bottom:-4px;text-align:center;font-size:46px;margin:0}
.tm .tm__arco .tm__numero b{font-size:20px}
.tm .tm__metrica--piccola{border-left:1px solid #333;padding-left:12px}
.tm .tm__metrica--piccola .tm__arco,.tm .tm__metrica--piccola .tm__arco .tm__gauge{width:96px;height:54px}
.tm .tm__metrica--piccola .tm__arco .tm__numero{font-size:26px;bottom:-3px}
.tm .tm__metrica--piccola .tm__arco .tm__numero b{font-size:13px}
.tm .tm__coppia .tm-delta{font-size:12px;margin-top:4px}
.tm .tm__coppia .tm__perimetro{font-size:12px;margin-top:2px;color:#C9C9C9}
.tm .tm__coppia-fonti{display:block;font-size:10px;color:#C9C9C9;margin-top:10px;letter-spacing:.04em}
.tm .tm__corsa-titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:20px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;color:var(--lime);margin:0 0 6px}
.tm .tm__corsa-sotto{display:block;font-size:10px;letter-spacing:.04em;color:#C9C9C9;margin:0 0 8px}
.tm .tm__corsa{width:100%;border-collapse:collapse}
.tm .tm__corsa th{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#C9C9C9;font-weight:400;text-align:right;padding:0 0 6px;border-bottom:1px solid #333}
.tm .tm__corsa th:first-child{text-align:left}
.tm .tm__corsa td{padding:6px 0;border-bottom:1px solid #2a2a2a;font-size:14px;color:#EEEEEE}
.tm .tm__corsa td.n{text-align:right;font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:20px;color:#fff;width:84px;font-variant-numeric:tabular-nums}
.tm .tm__corsa td.n2{color:#C9C9C9;font-size:17px}
.tm .tm__dx--corsa{border-top:3px solid #4A4A4A;padding-top:18px;margin-top:6px}
@media (min-width:768px){.tm .tm__corsa-titolo{font-size:24px}.tm .tm__dx--corsa{border-top:0;padding-top:0;margin-top:0;border-left:3px solid #4A4A4A;padding-left:26px}}
.tpage__corsa{margin:36px 0 8px}
.tpage__corsa-griglia{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:900px){.tpage__corsa-griglia{grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}}
.tm .tm__corsa-gruppo{font-size:11px;color:#C9C9C9;margin-left:8px}
/* 26/9/2026: ogni unita' Clickio solo sul suo dispositivo (targeting del pannello Clickio), cosi' non restano spazi vuoti */
.adv.adv--solo-desk{display:none}
@media (min-width:768px){.adv.adv--solo-desk{display:flex}.adv.adv--solo-mob{display:none}}
.tm .tm__corsa-didascalia{caption-side:top;text-align:left;font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:0 0 8px}
/* Pagina interna del Termometro, 26/9/2026 (Direttore da telefono): meno muri di testo, capitoli chiari */
.termometro-pagina .charts__sotto{font-weight:400;line-height:1.5}
.termometro-pagina .charts__settimana-dettaglio{display:block;color:#fff;text-transform:none;letter-spacing:0;font-weight:400;opacity:1;margin-top:4px}
.termometro-pagina .charts__settimana{opacity:1}
.tpage__capitolo{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em;color:#fff;margin:32px 0 14px;padding-top:14px;border-top:3px solid #4A4A4A}
.tpage__capitolo span{display:block;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;letter-spacing:0;text-transform:none;color:#C9C9C9;margin-top:2px}
.tpage__capitolo--anno{margin-bottom:6px}
.termometro__tra-parentesi{white-space:nowrap;color:#C9C9C9}
/* 26/9/2026: artiste italiane in una riga sotto la quota (home), card salvabili nere o bianche */
.tm .tm__coppia{grid-template-columns:1fr}
.tm .tm__donne{font-family:"PT Serif",Georgia,serif;font-size:15px;line-height:1.4;color:#EEEEEE;margin:12px 0 0;padding-top:10px;border-top:1px solid #333}
.tm .tm__donne b{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:20px;color:#fff}
.card-salva-coppia{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.card-salva-coppia .card-salva{margin-top:0}
.card-salva.card-salva--bianca{border-color:#fff;color:#fff}
.card-salva.card-salva--bianca:hover{background:#fff;color:#111}
.tcard .card-salva-coppia{margin-top:auto;padding-top:9px}
.tpage__corsa-card{display:flex;flex-direction:column}
.termometro-pagina .charts__settimana-dettaglio{font-family:Poppins,sans-serif;font-size:13px;font-weight:400}
.medagliere__vista[hidden]{display:none}
.medagliere__scelta{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.medagliere__bottone{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;background:none;color:#fff;border:1.5px solid #4A4A4A;border-radius:999px;padding:8px 16px;cursor:pointer}
.medagliere__bottone[aria-selected="true"]{background:var(--lime);border-color:var(--lime);color:#111}
.tm .tm__settimana-dettaglio{color:#fff;text-transform:none;letter-spacing:0;font-family:Poppins,sans-serif;font-weight:400;font-size:12px}
.tpage__segnalazioni{margin-top:28px;padding:18px 20px;border:1.5px solid var(--lime);border-radius:var(--raggio)}
.tpage__segnalazioni h3{font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;color:var(--lime);margin:0 0 8px}
.tpage__segnalazioni p{color:#EEEEEE;margin:0;line-height:1.6}
.tpage__segnalazioni a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* 26/9/2026: scheda artista in cima alla ricerca, fonti non spezzabili, H1 lunghi piu' piccoli sul telefono */
.cerca-scheda{display:grid;gap:2px;margin:0 0 24px;padding:14px 16px;border:2px solid var(--nero);border-left:8px solid var(--lime);border-radius:var(--raggio);background:var(--bianco);color:var(--nero)}
.cerca-scheda:hover{border-color:var(--fucsia);color:var(--nero)}
.cerca-scheda__etichetta{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--grigio-testo)}
.cerca-scheda__nome{font-family:"Oswald",Poppins,sans-serif;font-size:26px;line-height:1.15}
.cerca-scheda__testo{font-size:14px;color:var(--grigio-testo)}
.nw{white-space:nowrap}
@media (max-width:767px){.articolo__titolo--lungo{font-size:25px;line-height:1.1}}
.medagliere__nota{grid-column:1/-1;margin:0 0 4px;font-size:13px;line-height:1.5;color:#C9C9C9}
.tm__corsa-mov{display:block;font-family:Poppins,sans-serif;font-weight:700;font-size:11px;line-height:1.1;color:var(--lime);letter-spacing:.02em}
.tm__corsa-leg{margin:8px 0 0;font-size:11px;color:#C9C9C9}
.tm__corsa-mov-leg{color:var(--lime);font-weight:700}
/* 27/9/2026: icona del Termometro nella barra delle sezioni, subito dopo la casetta, in lime */
.barra-sezioni__lista a.barra-sezioni__tm{display:inline-flex;align-items:center;justify-content:center;color:var(--lime)}
.barra-sezioni__lista a.barra-sezioni__tm:hover{color:var(--lime)}
/* 27/9/2026 (Direttore): etichetta delle FIRME (nera, scritta bianca, contorno lime) e di Musica leggerissima (lilla delle storie, scritta nera) */
.chip--firma{background:#111111;color:#ffffff;box-shadow:inset 0 0 0 1px var(--lime)}
.chip--leggerissima{background:#E2A9F1;color:#111111}
.hub-certificazioni{margin:10px 0 14px;padding:12px 0;border-top:1px solid var(--grigio-linea);border-bottom:1px solid var(--grigio-linea)}
.hub-certificazioni__titolo{font-family:"Oswald",Poppins,sans-serif;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--grigio-testo);margin:0 0 10px}
.hub-certificazioni ul{display:flex;flex-wrap:wrap;gap:22px}
.hub-certificazioni li{display:flex;align-items:center;gap:10px}
.hub-certificazioni img{width:44px;height:44px;flex:0 0 auto}
.hub-certificazioni b{display:block;font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:26px;line-height:1}
.hub-certificazioni span{display:block;font-size:12px;color:var(--grigio-testo);line-height:1.2}
/* 27/9/2026: certificazioni FIMI nel riquadro nero della scheda artista, dischi grandi col numero (selettori con .hub-numero:
   la regola generale ".hub-numero span" li metteva in colonna, maiuscoli e piccoli) */
.hub-numero .hub-cert{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:4px}
.hub-numero .hub-cert__voce{display:flex;align-items:center;gap:9px;margin:0;font-size:inherit;text-transform:none;letter-spacing:0}
.hub-numero .hub-cert__voce img{width:44px;height:44px;flex:0 0 44px}
.hub-numero .hub-cert__voce > span{display:block;margin:0;text-align:left;text-transform:none;letter-spacing:0}
.hub-numero .hub-cert__voce b{display:block;font-family:"Oswald",Poppins,sans-serif;font-weight:700;font-size:26px;line-height:1;color:#fff}
.hub-numero .hub-cert__voce small{display:block;font-size:12px;font-weight:400;line-height:1.2;color:#C9C9C9;margin-top:2px}
@media (max-width:767px){.hub-hero .hub-hero__numeri{display:flex;flex-wrap:wrap}.hub-hero .hub-hero__numeri .hub-numero{flex:1 1 0;min-width:0}.hub-hero .hub-hero__numeri .hub-numero--cert{flex:0 0 100%}}
/* 28/9/2026: masthead veri (banner venduti), al posto del riquadro segnaposto */
.adv.adv--vero{display:block;height:auto;max-width:1060px;background:none;border:0;padding:0}
.adv--vero img{display:block;width:100%;height:auto}
.adv.adv--box-venduto{max-width:300px;margin:0 auto 22px}
/* 28/9/2026 (Direttore, notte dello switch): nel Termometro e nel Medagliere nessuna scritta sotto i 13 px (soglia del 17/9)
   e grigi sul nero non sotto #C9C9C9 (regola dura del 29/8). Provato iniettandolo nella pagina vera a 390 px: zero scritte sotto i 13, nessuno sforamento. */
html body .tm .tm__settimana-dettaglio,html body .tm .tm-delta,html body .tm .tm-delta__val,html body .tm .tm__perimetro,html body .tm .nw,html body .tm .tm__coppia-fonti,html body .tm .tm__corsa-sotto,html body .tm th,html body .tm .tm__corsa-mov,html body .tm .tm__corsa-mov-leg,html body .tm .tm__corsa-leg,html body .tm .tm__corsa-gruppo,html body .tm .tm__fonti,html body .tm small,html body .tlista__fonte,html body .tlista__label,html body .charts__kicker,html body .termometro small,html body .tpage__corsa th,html body .tpage__corsa small,html body [class*="tpage"] small,html body [class*="tlista"] small,html body [class*="medagliere"] small,html body [class*="tm__"] small,html body .top5 small{font-size:13px!important}
html body .tm .tm__fonti{color:#C9C9C9}