/* ============================================================
   Il Chitarrista Sulla Spiaggia - nuova grafica 2026
   Tutte le regole nuove iniziano con "csp-" oppure lavorano
   sopra gli elementi esistenti di Emporio e dei post.
   ============================================================ */
:root{
  /* movimenti (31 ottobre 2026): una sola famiglia di curve per tutto il sito */
  --csp-ease-out:cubic-bezier(.23,1,.32,1);       /* entrate, uscite, risposta al tocco */
  --csp-ease-in-out:cubic-bezier(.77,0,.175,1);   /* cose che si spostano sullo schermo */
  --csp-ease-drawer:cubic-bezier(.32,.72,0,1);    /* menu laterale e riquadri dal basso */
  --csp-blue:#0f5699;
  --csp-blue-dark:#0b3f70;
  --csp-navy:#0b2a4a;
  --csp-chord:#2159D6;
  --csp-bright:#3A7BE0;
  --csp-bg:#F3F6FB;
  --csp-card:#ffffff;
  --csp-text:#1A1D24;
  --csp-muted:#5A6272;
  --csp-line:#E3E9F2;
  --csp-line-2:#D6DFEC;
  --csp-chip:#E8EFF9;
  --csp-shadow:0 1px 2px rgba(15,40,80,.08),0 4px 16px rgba(15,40,80,.06);
  --csp-shadow-hover:0 14px 34px rgba(15,40,80,.16);
}

/* I post contengono un secondo <body style="margin:30px">: lo neutralizzo */
html body{margin:0 !important}
body{background:var(--csp-bg) !important}

/* ---------- Animazioni ---------- */
@keyframes csp-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes csp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes csp-eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

/* ---------- Spazi pubblicitari (altezza riservata = niente salti) ---------- */
.csp-ad{display:flex;justify-content:center;align-items:center;clear:both;margin:12px auto;text-align:center;max-width:100%;overflow:hidden}
.csp-ad > div{float:none !important;margin:0 auto !important}
.csp-ad-banner{min-height:100px}
.csp-ad-box{min-height:250px}
@media (min-width:746px){.csp-ad-banner{min-height:90px}}

/* Banner Moneytizer dentro i post (formato 1) e riga bianca che lo seguiva */
.post-body [id="93717-1"]{float:none !important;display:flex;justify-content:center;align-items:center;min-height:100px;margin:0 auto 16px;clear:both}
.post-body [id="93717-1"] + div[style*="height: 110px"]{display:none !important}
.post-body [id="93717-28"]{float:none !important;clear:both;display:flex;justify-content:center}
/* riquadro Moneytizer a destra (formato 6, computer): in alto sotto la testata, lontano dai pulsanti di scorrimento */
[id^="sas_iframe_fixed_26328-"]{top:calc(var(--csp-hh,70px) + 16px) !important;bottom:auto !important;margin-top:0 !important}
/* su computer i pulsanti di scorrimento vanno a sinistra: a destra arrivano i riquadri pubblicitari */
@media (min-width:746px){html body .abt-scroll-container{left:12px !important;right:auto !important}}
/* 300x250 a fine accordi nei nuovi post: centrato, spazio riservato */
.post-body [id="93717-2"]{float:none !important;clear:both;display:flex;justify-content:center;align-items:center;min-height:250px;margin:20px auto}
/* Pubblicita ordinata (25 ottobre 2026): ogni annuncio ha la sua etichetta uguale e lo spazio gia riservato,
   cosi la pagina non salta mentre carica; se un annuncio non arriva, lo spazio si chiude */
.csp-ad{flex-direction:column}
.csp-adlab{display:block;width:100%;margin:22px auto 6px;text-align:center;font:600 10px/1 Ubuntu,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8A93A3;clear:both}
.csp-ad .csp-adlab{margin-top:0}
.post-body [id="93717-1"],.post-body [id="93717-2"],.post-body [id="93717-28"]{margin-top:0 !important;margin-bottom:22px !important;max-width:100%;overflow:hidden;border-radius:10px;background:rgba(127,140,160,.06)}
.post-body [id="93717-28"]{min-height:250px;align-items:center}
@media (min-width:746px){.post-body [id="93717-1"]{min-height:90px}}
.csp-adlab.off,.post-body .csp-adoff + .csp-adlab{display:none}
.post-body [id^="93717-"].csp-adoff{min-height:0 !important;margin:0 !important;background:none}
.post-body [id^="93717-"].csp-adon,.csp-ad.csp-adon-box{min-height:0 !important;background:none !important}
html.csp-dark .post-body [id="93717-1"],html.csp-dark .post-body [id="93717-2"],html.csp-dark .post-body [id="93717-28"]{background:rgba(255,255,255,.03)}
@media print{.csp-adlab{display:none !important}}
/* Tocco sul telefono (25 ottobre 2026): pulsanti, card e collegamenti rispondono al dito con una leggera pressione */
.csp-tap{transform:scale(.96) !important;opacity:.85;transition:transform 120ms var(--csp-ease-out),opacity 120ms var(--csp-ease-out) !important}
.csp-tap-big{transform:scale(.98) !important;box-shadow:0 0 0 2px rgba(58,123,224,.6) !important;transition:transform 120ms var(--csp-ease-out),box-shadow 120ms var(--csp-ease-out) !important}
.csp-tap-txt{opacity:.6;transition:opacity 120ms var(--csp-ease-out) !important}
.csp-tap-end{transition:transform 220ms var(--csp-ease-out),opacity 220ms var(--csp-ease-out),box-shadow 220ms var(--csp-ease-out) !important}
@media (prefers-reduced-motion:reduce){.csp-tap,.csp-tap-big{transform:none !important}}
/* Sorpresa nel footer: la chitarra virtuale */
.csp-egg{position:fixed;inset:0;z-index:2147483000;background:#05080f;opacity:0;transform:scale(.96);transition:opacity .28s ease,transform .32s var(--csp-ease-out)}
.csp-egg.in{opacity:1;transform:none}
.csp-egg iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.csp-egg-x[hidden]{display:none}
.csp-egg-x{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(10,20,36,.82);color:#fff;font:400 22px/1 Ubuntu,sans-serif;cursor:pointer}
html.csp-egg-on,html.csp-egg-on body{overflow:hidden !important}

/* ---------- Home: striscia "Più cercate adesso" ---------- */
.csp-home-sec .widget,.csp-home-sec.section{margin:0 !important;padding:0 !important;height:auto !important}
.csp-ticker{display:flex;align-items:center;height:42px;margin:16px 0 0;background:var(--csp-blue-dark);color:#fff;border-radius:12px;overflow:hidden}
.csp-ticker-label{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:100%;padding:0 16px;background:var(--csp-bright);font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.csp-eq{display:flex;align-items:flex-end;gap:2px;height:14px}
.csp-eq i{display:block;width:3px;height:14px;background:#fff;transform-origin:bottom;animation:csp-eq 1s ease-in-out infinite}
.csp-eq i:nth-child(2){animation-delay:.2s}
.csp-eq i:nth-child(3){animation-delay:.4s}
.csp-ticker-viewport{flex:1 1 auto;overflow:hidden;min-width:0}
.csp-ticker-track{display:flex;width:max-content;animation:csp-marquee 45s linear infinite}
@media (hover:hover) and (pointer:fine){.csp-ticker:hover .csp-ticker-track{animation-play-state:paused}}
.csp-ticker-item{margin-left:36px;color:#DCE6F5 !important;font:400 14px/42px Ubuntu,sans-serif;white-space:nowrap;text-decoration:none !important}
@media (hover:hover) and (pointer:fine){.csp-ticker-item:hover{color:#fff !important;text-decoration:underline !important}}
.csp-news{margin-top:24px;background:#fff;border:1px solid var(--csp-line)}
.csp-news .csp-ticker-label{background:#FFC93C;color:#3A2A00}
.csp-news a.csp-ticker-label{color:#3A2A00 !important;text-decoration:none !important;cursor:pointer;transition:background-color .2s ease}
.csp-news a.csp-ticker-label:focus-visible{background:#FFB703}@media (hover:hover) and (pointer:fine){.csp-news a.csp-ticker-label:hover{background:#FFB703}}
.csp-news a.csp-ticker-label .csp-news-go{font-size:15px;line-height:1;margin-left:-2px}
.csp-news .csp-ticker-item{color:var(--csp-text) !important}
@media (hover:hover) and (pointer:fine){.csp-news .csp-ticker-item:hover{color:var(--csp-blue) !important}}
.csp-news-src{margin-right:8px;padding:2px 7px;border-radius:6px;background:#E8EFF9;color:var(--csp-blue);font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.03em;text-transform:uppercase;vertical-align:1px}

/* ---------- Home: ultima aggiunta in grande ---------- */
.csp-hero{position:relative;display:block;margin:20px 0 0;border-radius:20px;overflow:hidden;background:var(--csp-navy);color:#fff !important;text-decoration:none !important;aspect-ratio:21/9;background:var(--csp-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E") center/14% no-repeat;min-height:320px;max-height:460px;box-shadow:var(--csp-shadow);animation:csp-rise .6s cubic-bezier(.2,.7,.2,1) both}
.csp-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
@media (hover:hover) and (pointer:fine){.csp-hero:hover img{transform:scale(1.04)}}
.csp-hero-body{position:absolute;left:0;right:0;bottom:0;padding:28px 32px;background:rgba(8,20,38,.74);display:flex;flex-direction:column;gap:10px}
.csp-badge{align-self:flex-start;padding:6px 10px;border-radius:6px;background:var(--csp-bright);color:#fff;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.csp-hero-title{display:flex;flex-direction:column;gap:6px}
.csp-hero-title .t{font:700 44px/1.05 Ubuntu,sans-serif;color:#fff}
.csp-hero-title .a{font:500 16px/1.2 Ubuntu,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#DCE6F5}
.csp-hero-date{font:italic 400 14px/1.2 Ubuntu, sans-serif;color:#DCE6F5}

/* ---------- Intestazioni di sezione ---------- */
.csp-sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:40px 0 16px}
.csp-h2{margin:0 !important;font:700 26px/1.2 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
.csp-sec-actions{display:flex;align-items:center;gap:8px}
.csp-more{display:inline-flex;align-items:center;gap:7px;margin-right:8px;padding:9px 16px;border-radius:22px;background:#0f5699;white-space:nowrap;font:700 15px/1 Ubuntu,sans-serif;color:#fff !important;text-decoration:none !important;box-shadow:0 3px 10px rgba(15,86,153,.28);transition:background .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.csp-more svg{flex:none;width:16px;height:16px}
@media (hover:hover) and (pointer:fine){.csp-more:hover{background:#2159D6;transform:translateY(-1px)}}
.csp-arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid var(--csp-line-2);background:#fff;color:var(--csp-blue);cursor:pointer;transition:transform .15s ease}
.csp-arrow:active{transform:scale(.92)}
.csp-arrow-next{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}

/* ---------- Home: le più viste (carosello) ---------- */
.csp-rail{list-style:none;margin:0;padding:4px 2px 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.csp-rail::-webkit-scrollbar{display:none}
.csp-top-item{flex:0 0 224px;scroll-snap-align:start;margin:0;padding:0}
.csp-top-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--csp-shadow);text-decoration:none !important;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover) and (pointer:fine){.csp-top-card:hover{transform:translateY(-5px);box-shadow:var(--csp-shadow-hover)}}
.csp-top-media{position:relative;display:block;aspect-ratio:16/10;background:var(--csp-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E") center/34% no-repeat;overflow:hidden}
.csp-top-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
@media (hover:hover) and (pointer:fine){.csp-top-card:hover .csp-top-media img{transform:scale(1.06)}}
.csp-top-num{position:absolute;left:12px;bottom:-12px;font:700 66px/1 Ubuntu, sans-serif;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.csp-top-title{display:flex;flex-direction:column;gap:3px;padding:18px 16px 16px}
.csp-top-title .t{font:700 16px/1.25 Ubuntu,sans-serif;color:var(--csp-blue)}
.csp-top-title .a{font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}

/* ---------- Elenco post (home, etichette, ricerca, archivio) ---------- */
.feed-view .centered{width:auto !important;max-width:1232px;margin:0 auto !important;padding:0 16px !important;box-sizing:border-box}
.feed-view .centered-bottom{max-width:none !important;width:auto !important}
.feed-view .centered .main-container,.feed-view .centered .main{float:none !important;width:auto !important;max-width:none !important}
.feed-view .blog-posts{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 !important;width:auto !important}
.feed-view .blog-posts > *{margin:0 !important;padding:0 !important;width:auto !important;min-width:0;float:none !important;background:none !important;border:0 !important;box-shadow:none !important}
.feed-view .blog-posts .post-outer{margin:0 !important;padding:0 !important;background:none !important;height:100%}
/* la card riempie lo spazio del post senza uscirne: con height:100% sforava sotto se il post conteneva altro (card che si toccavano su telefono) */
.feed-view .blog-posts .post-outer{display:flex;flex-direction:column}
.feed-view .blog-posts .post-outer > .csp-card{height:auto;flex:1 1 auto}
.csp-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--csp-shadow);transition:transform .25s ease,box-shadow .25s ease;animation:csp-rise .55s cubic-bezier(.2,.7,.2,1) both}
@media (hover:hover) and (pointer:fine){.csp-card:hover{transform:translateY(-5px);box-shadow:var(--csp-shadow-hover)}}
.csp-card-media{position:relative;display:block;aspect-ratio:16/9;background:var(--csp-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E") center/34% no-repeat;overflow:hidden}
.csp-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
@media (hover:hover) and (pointer:fine){.csp-card:hover .csp-card-media img{transform:scale(1.06)}}
.csp-play{position:absolute;right:12px;bottom:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.94);color:var(--csp-blue);opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease}
@media (hover:hover) and (pointer:fine){.csp-card:hover .csp-play{opacity:1;transform:none}}
.csp-card-body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;min-width:0}
.csp-card-title{margin:0 !important;font:700 19px/1.25 Ubuntu,sans-serif !important}
.csp-card-title a{color:var(--csp-text) !important;text-decoration:none !important}
@media (hover:hover) and (pointer:fine){.csp-card-title a:hover{color:var(--csp-blue) !important}}
.csp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.csp-chip{display:inline-block;padding:5px 10px;border-radius:6px;background:var(--csp-chip);color:var(--csp-blue) !important;font:500 12px/1.2 Ubuntu,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none !important}
.csp-date{font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.feed-view .blog-posts > *:nth-child(2) .csp-card{animation-delay:.05s}
.feed-view .blog-posts > *:nth-child(3) .csp-card{animation-delay:.1s}
.feed-view .blog-posts > *:nth-child(4) .csp-card{animation-delay:.15s}
.feed-view .blog-posts > *:nth-child(5) .csp-card{animation-delay:.2s}
.feed-view .blog-posts > *:nth-child(6) .csp-card{animation-delay:.25s}
.feed-view .blog-posts > *:nth-child(n+7) .csp-card{animation-delay:.3s}
.feed-view #blog-pager{margin:32px 0 8px !important}
.feed-view #blog-pager a{display:inline-block;text-decoration:none !important;padding:14px 28px;border-radius:28px;background:var(--csp-blue);color:#fff !important;font:700 15px Ubuntu,sans-serif !important;text-transform:none !important}

/* ---------- Pagina canzone ---------- */
.item-view .post-outer{padding:0 !important;background:#fff !important;border-radius:18px;box-shadow:var(--csp-shadow);overflow:hidden}
.item-view .post-outer .post-wrapper{border-radius:0 !important;box-shadow:none !important;background:transparent !important}
/* Commenti nascosti: niente riquadro "per lasciare un commento" sotto i post.
   Per rimetterli basta cancellare la riga qui sotto. */
.item-view #comments,.item-view .comments,.item-view .post-footer .comment-link{display:none !important}
/* Commenti: un riquadro unico e pulito sotto il post, senza il secondo bordo */

.post-body iframe[src*="youtube.com/embed"],.post-body iframe[src*="youtube-nocookie.com/embed"]{display:block;width:100% !important;max-width:100%;height:auto !important;aspect-ratio:16/9;border:0;border-radius:14px;margin:0 auto 16px;background:#000}

/* Barra strumenti: toggle, dimensione testo, tonalità */
.post-body .csp-tools{display:flex;flex-direction:column;gap:12px;margin:8px 0 22px;padding:14px 16px;background:var(--csp-bg);border:1px solid var(--csp-line);border-radius:14px}
.post-body .csp-tools-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.post-body .csp-tools .form-check{display:flex !important;align-items:center;gap:10px;margin:0 !important;padding:0 !important}
.post-body .form-check-label{margin:0 !important;font:500 16px/1.2 Ubuntu,sans-serif !important;color:var(--csp-text) !important;cursor:pointer}
.post-body .form-check-input{flex:0 0 auto;width:50px !important;height:28px !important;margin:0 !important;border:0 !important;border-radius:14px !important;background:#C9D2E0 !important;cursor:pointer}
.post-body .form-check-input:before{top:3px !important;left:3px !important;width:22px !important;height:22px !important;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.post-body .form-check-input:checked{background:var(--csp-blue) !important}
.post-body .form-check-input:checked:before{transform:translateX(22px) !important}
.post-body .info-button,.post-body #infoModal{display:none !important}
.csp-size{display:flex;align-items:center;gap:6px}
.csp-size-label,.csp-tools-label{font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--csp-muted)}
.csp-size button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--csp-line-2);border-radius:10px;background:#fff;color:var(--csp-blue);cursor:pointer;font-family:Ubuntu,sans-serif;font-weight:700}
.csp-size button:active{transform:scale(.94)}
.csp-size button[hidden]{display:none}
.csp-size button:disabled{opacity:.35;cursor:default;transform:none}
.csp-size .csp-size-auto svg{width:18px;height:18px}
.post-body .csp-keys-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}
.post-body .transpose-keys{display:flex !important;flex-wrap:nowrap;gap:6px;overflow-x:auto;margin:0 !important;padding:2px 0 6px !important;scrollbar-width:thin;font:500 15px Ubuntu,sans-serif !important}
.post-body .transpose-keys a{float:none !important;flex:0 0 auto;display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;min-width:44px;height:40px;padding:0 10px !important;margin:0 !important;box-sizing:border-box;border:1px solid var(--csp-line-2) !important;border-radius:8px;background:#fff !important;color:var(--csp-text) !important;font:500 15px/1 Ubuntu,sans-serif !important;text-decoration:none !important;transition:background .15s ease,color .15s ease}
@media (hover:hover) and (pointer:fine){.post-body .transpose-keys a:hover{border-color:var(--csp-blue) !important;color:var(--csp-blue) !important}}
.post-body .transpose-keys a.selected{background:var(--csp-blue) !important;border-color:var(--csp-blue) !important;color:#fff !important}
@media (min-width:746px){.post-body .transpose-keys{flex-wrap:wrap;overflow:visible}}

/* Testo e accordi: carattere a spaziatura fissa = accordi sempre sopra la sillaba giusta */
.post-body pre{font-family:'Ubuntu Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;font-size:17px;line-height:1.5 !important;white-space:pre !important;word-wrap:normal !important;overflow-x:auto;margin:0 0 24px !important;padding:4px 0 10px !important;background:none !important;color:var(--csp-text);tab-size:4}
.post-body pre span.c{color:var(--csp-chord);font-weight:700}

/* Scorrimento automatico: sopra la pubblicità fissa in basso */
.abt-scroll-container{left:auto !important;right:12px !important;bottom:calc(112px + env(safe-area-inset-bottom)) !important;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:var(--csp-blue-dark);border-radius:30px;box-shadow:0 6px 20px rgba(8,20,38,.3)}
.abt-scroll-btn,.abt-stop-btn{width:44px !important;height:44px !important;margin:0 !important;background:var(--csp-blue) !important;font-size:22px !important;line-height:44px !important}
@media (hover:hover) and (pointer:fine){.abt-scroll-btn:hover,.abt-stop-btn:hover{background:var(--csp-bright) !important}}
.abt-speed-indicator{margin:2px 0 !important;color:#fff !important;font:700 15px/1.2 Ubuntu, sans-serif !important}

/* Finestra "Info" */
.modal .modal-content{max-width:560px;border:0 !important;border-radius:16px;box-shadow:var(--csp-shadow-hover);font:400 15px/1.6 Ubuntu,sans-serif}

/* ---------- Piè di pagina ---------- */
footer.footer{background:var(--csp-navy) !important;color:#DCE6F5 !important}
footer.footer a,footer.footer .copyright,footer.footer .blogger a{color:#DCE6F5 !important}
footer.footer svg{fill:#DCE6F5 !important}

/* ---------- Telefono ---------- */
@media (max-width:745px){
  .feed-view .centered{padding:0 12px !important}
  .csp-hero{aspect-ratio:4/3;min-height:0;border-radius:16px;margin-top:14px}
  .csp-hero-body{padding:18px 18px 20px;gap:8px}
  .csp-hero-title .t{font-size:28px}
  .csp-hero-title .a{font-size:13px}
  .csp-ticker{height:38px;margin-top:12px}
  .csp-ticker-label{padding:0 12px}
  .csp-ticker-label .csp-ticker-text{display:none}
  .csp-ticker-item{font-size:13px;line-height:38px;margin-left:28px}
  .csp-news{margin-top:12px}
  .csp-sec-head{margin:32px 0 12px}
  .csp-h2{font-size:22px !important}
  .csp-arrow{display:none}
  .csp-more{margin-right:0;padding:9px 13px;font-size:14px}
  .csp-sec-head .csp-h2{min-width:0}
  .csp-rail{gap:12px;margin:0 -12px;padding:4px 12px 14px;scroll-padding-left:12px}
  .csp-top-item{flex-basis:156px}
  .csp-top-num{font-size:52px;bottom:-10px}
  .csp-top-title{padding:14px 12px 12px}
  .csp-top-title .t{font-size:15px}
  .feed-view .blog-posts{grid-template-columns:minmax(0,1fr);gap:12px}
  .csp-card{flex-direction:row;align-items:center;gap:14px;padding:10px;border-radius:14px}
  .csp-card-media{flex:0 0 128px;border-radius:10px}
  .csp-play{display:none}
  .csp-card-body{padding:0;gap:8px}
  .csp-card-title{font-size:17px !important}
  .csp-card-meta{justify-content:flex-start}
  .csp-chip{font-size:11px;padding:4px 8px}
  .csp-date{font-size:12px}
  .post-body pre{font-size:15px}
  .post-body .csp-tools{padding:12px;margin-left:-4px;margin-right:-4px}
}
@media (min-width:746px) and (max-width:1100px){
  .feed-view .blog-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Logo piu' piccolo ---------- */
.centered-top .blog-name .header-widget img,.centered-top .blog-name img{max-height:68px !important;width:auto !important;height:auto !important}
@media (max-width:745px){.centered-top .blog-name .header-widget img,.centered-top .blog-name img{max-height:50px !important}}

/* ---------- Griglia senza buchi: l'ultima riga si allarga sempre ---------- */
@media (min-width:746px){
  .feed-view .blog-posts{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .feed-view .blog-posts > *{grid-column:span 2}
  .feed-view .blog-posts > .csp-t1{grid-column:1 / -1}
}
@media (min-width:1280px){
  .feed-view .blog-posts{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  .feed-view .blog-posts > *,.feed-view .blog-posts > .csp-t1{grid-column:span 2}
  .feed-view .blog-posts > .csp-r2{grid-column:span 3}
  .feed-view .blog-posts > .csp-r1{grid-column:1 / -1}
}
/* scheda allargata a tutta riga: immagine a sinistra, testo a destra */
@media (min-width:746px) and (max-width:1279px){
  .feed-view .blog-posts > .csp-t1 .csp-card{flex-direction:row}
  .feed-view .blog-posts > .csp-t1 .csp-card-media{flex:0 0 50%}
  .feed-view .blog-posts > .csp-t1 .csp-card-body{justify-content:center;padding:24px 28px}
}
@media (min-width:1280px){
  .feed-view .blog-posts > .csp-r1 .csp-card{flex-direction:row}
  .feed-view .blog-posts > .csp-r1 .csp-card-media{flex:0 0 50%}
  .feed-view .blog-posts > .csp-r1 .csp-card-body{justify-content:center;padding:24px 28px}
}

/* ---------- Colonna laterale su computer (su telefono resta nel menu) ---------- */
@media (min-width:1024px){
  .feed-view .centered-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) 280px;column-gap:32px;align-items:start}
  .feed-view .centered-bottom > .post-filter-message{grid-column:1 / -1}
  .feed-view .centered-bottom > .main-container{grid-column:1;min-width:0}
  .feed-view .sidebar-container{grid-column:2;float:none !important;width:auto !important;max-width:none !important;margin:20px 0 0 !important;padding:0 !important;position:static !important;transform:none !important;background:none !important;overflow:visible !important}
  .feed-view .sidebar-container .navigation{display:none !important}
}
@media (min-width:1280px){.feed-view .centered-bottom{grid-template-columns:minmax(0,1fr) 300px}}
@media (min-width:606px) and (max-width:1023px){
  .feed-view .sidebar-container{float:none !important;clear:both;width:auto !important;max-width:none !important;margin:32px 0 0 !important;background:none !important}
  .feed-view .sidebar-container .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .feed-view .sidebar-container .navigation{display:none !important}
}
@media (min-width:606px){
  .feed-view .sidebar-container .widget{background:#fff !important;border:0 !important;border-radius:16px;box-shadow:var(--csp-shadow);padding:20px !important;margin:0 0 16px !important;height:auto !important}
  .feed-view .sidebar-container .widget+.widget{border-top:0 !important}
  .feed-view .sidebar-container .widget .title,.feed-view .sidebar-container .widget h3.title,.feed-view .sidebar-container .widget h2{font:700 17px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important;margin:0 0 10px !important}
  .feed-view .sidebar-container .widget a{color:var(--csp-blue) !important;text-decoration:none !important}
  .feed-view .sidebar-container .widget.Image img{max-width:100%;height:auto;border-radius:10px}
  .feed-view .sidebar-container .widget.Text{font:400 14px/1.6 Ubuntu,sans-serif;color:var(--csp-muted)}
}

/* ---------- Menu: stesso funzionamento dell'originale (voci in eccesso nei tre puntini), aspetto nuovo ---------- */

/* ---------- Account nell'intestazione ---------- */
.centered-top .csp-acct{position:relative;order:2 !important;flex:0 0 auto;align-self:flex-start;margin:4px 0 0 12px !important;z-index:30}
/* allineato alla barra di ricerca (alta 48px): stessa riga, centrato */
.centered-top .csp-acct .csp-acct-btn{width:40px !important;height:40px !important}
.sticky .centered-top .csp-acct{order:3 !important;align-self:center;margin-top:0 !important;margin-left:auto !important;padding-left:12px}
/* su telefono e tablet, mentre la ricerca e aperta, il login si nasconde come il logo */
@media (min-width:746px) and (max-width:1074px){.centered-top.search-focused .csp-acct,.centered-top .search.focused ~ .csp-acct,.centered-top.csp-searching .csp-acct{display:none !important}}
@media (min-width:746px) and (max-width:1074px){@supports selector(:has(a)){.centered-top:has(.search.focused) .csp-acct,.centered-top:has(.search-input input:focus) .csp-acct{display:none !important}}}
.csp-acct-btn{position:relative;display:flex !important;align-items:center;justify-content:center;width:40px !important;height:40px !important;min-width:0 !important;padding:0 !important;margin:0 !important;border:1px solid var(--csp-line) !important;border-radius:50% !important;background:#fff !important;color:var(--csp-blue) !important;cursor:pointer;box-shadow:none !important}
.csp-acct-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.csp-acct-btn.csp-on{border-color:#2FB573 !important;border-width:2px !important}
.csp-acct-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--csp-blue);color:#fff;font:700 16px/1 Ubuntu,sans-serif}
.csp-acct-face img{width:100%;height:100%;object-fit:cover;display:block}
.csp-acct-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#2FB573;border:2px solid #fff}
.csp-acct-pop{position:absolute;right:0;top:calc(100% + 10px);width:280px;max-width:calc(100vw - 24px);padding:16px;border-radius:16px;background:#fff;border:1px solid var(--csp-line);box-shadow:0 16px 40px rgba(8,20,38,.2);font:400 14px/1.45 Ubuntu,sans-serif;color:var(--csp-text);text-align:left}
.csp-acct-pop[hidden]{display:none}
.csp-acct-h{display:block;margin:0 0 4px;font:700 17px/1.3 Ubuntu,sans-serif}
.csp-acct-note{margin:0 0 12px;color:var(--csp-muted);font-size:13px}
.csp-acct-g{display:flex !important;align-items:center;justify-content:center;gap:10px;width:100% !important;height:44px !important;margin:0 0 10px !important;padding:0 14px !important;border:1px solid #DADCE0 !important;border-radius:22px !important;background:#fff !important;color:#3C4043 !important;font:500 15px/1 Ubuntu,sans-serif !important;cursor:pointer}
.csp-acct-g:disabled{opacity:.6;cursor:default}
.csp-acct-g svg{width:20px;height:20px}
.csp-acct-err{margin:0 0 10px;color:#B33A3A;font-size:13px}
.csp-acct-me{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.csp-acct-me .csp-acct-face{flex:0 0 44px;width:44px;height:44px;font-size:18px}
.csp-acct-me b{display:block;font:700 15px/1.3 Ubuntu,sans-serif}
.csp-acct-me small{display:block;color:var(--csp-muted);font-size:13px;word-break:break-all}
.csp-acct-link{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 0 10px;border-radius:12px;background:var(--csp-bg,#F3F6FB);color:var(--csp-blue) !important;font:700 14px/1.2 Ubuntu,sans-serif;text-decoration:none !important}
.csp-acct-link span{color:#E0245E;font-size:16px}
.csp-acct-mod span{color:#2FB573}
.csp-acct-mod em:not(:empty){min-width:20px;padding:2px 6px;border-radius:10px;background:#E0245E;color:#fff !important;font-weight:700;font-size:12px;text-align:center;box-sizing:border-box}
.csp-acct-link em{margin-left:auto;font-style:normal;color:var(--csp-muted);font-weight:500}
.csp-acct-out{background:none !important;border:0 !important;padding:0 !important;color:var(--csp-muted) !important;font:400 13px Ubuntu,sans-serif !important;text-decoration:underline;cursor:pointer}
@media (max-width:745px){.centered-top .csp-acct{margin:6px 0 0 11px !important}.centered-top-container.sticky .centered-top .csp-acct{margin-top:0 !important;align-self:center}.centered-top .csp-acct .csp-acct-btn{width:36px !important;height:36px !important}.csp-acct-pop{position:fixed;right:12px;top:64px}}

/* ---------- Scaletta (playlist suonata in ordine) ---------- */
.csp-scaletta{position:fixed;left:50%;bottom:14px;z-index:9995;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:min(520px,calc(100% - 24px));padding:8px;border-radius:18px;background:#0B2A4A;color:#fff;box-shadow:0 12px 34px rgba(8,20,38,.35);font:400 14px/1.3 Ubuntu,sans-serif}
.csp-sc-nav{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.12);color:#fff !important;font:700 26px/1 Ubuntu,sans-serif;text-decoration:none !important}
.csp-sc-nav.csp-sc-next{background:#FFC93C;color:#0B2A4A !important}
.csp-sc-nav.csp-off{opacity:.3}
.csp-sc-mid{flex:1;min-width:0}
.csp-sc-mid small{display:block;color:#BFD0E8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csp-sc-mid b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csp-sc-x{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#BFD0E8;font:400 22px/1 Ubuntu,sans-serif;cursor:pointer}
body.csp-has-scaletta .csp-fav-toast{bottom:88px}
body.csp-has-scaletta{padding-bottom:76px}

/* iPhone ingrandisce la pagina quando si tocca un campo con testo piu piccolo di 16px:
   su telefono e tablet tutti i campi di testo del sito usano almeno 16px */
@media (max-width:1074px){
  input[type="text"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="password"],input:not([type]),textarea,select{font-size:16px !important}
}

/* ---------- Scorrimento automatico: il vecchio pulsante e nascosto, il nuovo e fluttuante ---------- */
html body .abt-scroll-container{display:none !important}
.csp-scroller{position:fixed;right:12px;bottom:110px;z-index:9994;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 4px;border-radius:30px;background:#0B2A4A;color:#fff;box-shadow:0 12px 30px rgba(8,20,38,.35);font:400 13px/1 Ubuntu,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}
.csp-scroller[hidden]{display:none !important}
.csp-scroller.csp-drag{opacity:.85;box-shadow:0 18px 40px rgba(8,20,38,.45)}
.csp-scr-grip{display:grid;grid-template-columns:repeat(2,4px);gap:3px;padding:8px 6px;cursor:grab;touch-action:none}
.csp-scroller.csp-drag .csp-scr-grip{cursor:grabbing}
.csp-scr-grip i{width:4px;height:4px;border-radius:50%;background:#7F9CC4}
.csp-scroller button{display:flex !important;align-items:center;justify-content:center;width:38px !important;height:38px !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.12) !important;color:#fff !important;font:700 20px/1 Ubuntu,sans-serif !important;cursor:pointer;box-shadow:none !important}
.csp-scroller .csp-scr-play{width:44px !important;height:44px !important;background:#FFC93C !important;color:#0B2A4A !important}
.csp-scroller .csp-scr-play svg{width:20px;height:20px;fill:currentColor}
.csp-scroller .csp-scr-x{width:30px !important;height:30px !important;background:transparent !important;color:#BFD0E8 !important;font-weight:400 !important;font-size:20px !important}
.csp-scr-v{display:flex;flex-direction:column;align-items:center;min-width:34px}
.csp-scr-v b{font:700 17px/1 Ubuntu,sans-serif}
.csp-scr-v small{margin-top:2px;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#BFD0E8}

.post-body .csp-rights{margin:6px 0 22px !important;padding:10px 0 0 !important;border-top:1px solid var(--csp-line);font:400 12px/1.5 Ubuntu,sans-serif !important;color:var(--csp-muted) !important;font-style:normal !important}
.post-body .csp-rights a{color:var(--csp-muted) !important;text-decoration:underline !important}
@media print{.csp-rights{display:none !important}}

/* ---------- Telefono: la pagina non si ingrandisce mai ----------
   niente zoom col doppio tocco (anche toccando piu volte un tasto o un gioco)
   e niente pagina piu larga dello schermo */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{touch-action:manipulation}
/* (niente overflow su html/body: su iPhone bloccherebbe lo scorrimento automatico e "Segui il video") */
button,a,[role="button"],input,select,label{-webkit-tap-highlight-color:transparent}

/* ---------- Metronomo (stesso pannello fluttuante dello scorrimento) ---------- */
.csp-metro .csp-scr-play{background:#2FB573 !important;color:#fff !important}
.csp-metro .csp-scr-v{min-width:44px}
.csp-met-dots{display:flex;gap:3px;margin-top:4px;height:6px}
.csp-met-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:background .05s}
.csp-met-dots i.csp-on{background:#fff}
.csp-met-dots i.csp-acc{background:#FFC93C}
.csp-scroller .csp-met-sig,.csp-scroller .csp-met-tap{width:auto !important;min-width:38px !important;padding:0 8px !important;border-radius:19px !important;font:700 12px/1 Ubuntu,sans-serif !important;letter-spacing:.04em}
@media (max-width:420px){.csp-metro{gap:4px;padding:5px 6px 5px 2px}.csp-metro button{width:34px !important;height:34px !important}.csp-metro .csp-scr-play{width:40px !important;height:40px !important}}

/* ---------- Tasto "Riservatezza" (InMobi): pillola blu notte fissa in basso a destra, anche su computer ---------- */
html body .qc-cmp2-persistent-link,html body #qc-cmp2-persistent-link,html body .csp-privacy{position:fixed !important;left:auto !important;right:12px !important;top:auto !important;bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;z-index:2147483000 !important;display:inline-flex !important;visibility:visible !important;opacity:1 !important;align-items:center !important;gap:6px !important;width:auto !important;height:28px !important;min-height:0 !important;min-width:0 !important;margin:0 !important;padding:0 12px 0 10px !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:14px !important;background:#0B2A4A !important;color:#fff !important;font:700 10.5px/1 Ubuntu,sans-serif !important;letter-spacing:.07em !important;text-transform:uppercase !important;box-shadow:0 6px 16px rgba(10,30,60,.25) !important;transform:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
@media (hover:hover) and (pointer:fine){html body .qc-cmp2-persistent-link:hover,html body #qc-cmp2-persistent-link:hover,html body .csp-privacy:hover{background:#0f5699 !important}}
html body .qc-cmp2-persistent-link img,html body .qc-cmp2-persistent-link svg,html body #qc-cmp2-persistent-link img,html body .csp-privacy svg{width:13px !important;height:13px !important;margin:0 !important;filter:brightness(0) invert(1)}
html body .csp-privacy svg{filter:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:746px){html body .qc-cmp2-persistent-link,html body #qc-cmp2-persistent-link,html body .csp-privacy{right:16px !important;bottom:16px !important}}
@media print{html body .qc-cmp2-persistent-link,html body .csp-privacy{display:none !important}}
.csp-privacy-msg{position:fixed;right:12px;bottom:calc(48px + env(safe-area-inset-bottom,0px));z-index:2147483001;box-sizing:border-box;width:300px;max-width:calc(100vw - 24px);padding:12px 14px;border-radius:14px;background:#0B2A4A;color:#DCE6F5;font:400 13px/1.45 Ubuntu,sans-serif;box-shadow:0 12px 30px rgba(10,30,60,.3);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.csp-privacy-msg b{display:block;margin:0 0 4px;color:#fff;font-weight:700}
.csp-privacy-msg.csp-show{opacity:1;transform:none;pointer-events:auto}
@media (min-width:746px){.csp-privacy-msg{right:16px;bottom:54px}}

/* ---------- Modalita scura (html.csp-dark) ----------
   Come da guida: una classe sulla pagina e regole dedicate che cambiano solo sfondi, testi e bordi.
   Immagini, video, disegni, pulsanti colorati e widget restano come sono. */
html.csp-dark{color-scheme:dark}
html.csp-dark .widget.HTML .widget-content{color-scheme:light}
html.csp-dark .search input,html.csp-dark input[name="q"]{color:#fff !important;caret-color:#fff !important}
html.csp-dark .search input::placeholder,html.csp-dark input[name="q"]::placeholder{color:rgba(255,255,255,.6) !important}
/* vecchi post con colori scritti a mano */
html.csp-dark .post-body font[color="#000000"],html.csp-dark .post-body font[color="#000"],html.csp-dark .post-body font[color="black"],html.csp-dark .post-body [style*="color: rgb(0, 0, 0)"],html.csp-dark .post-body [style*="color:#000"],html.csp-dark .post-body [style*="color: #000"],html.csp-dark .post-body [style*="color: black"],html.csp-dark .post-body [style*="color: rgb(34, 34, 34)"],html.csp-dark .post-body [style*="color: rgb(51, 51, 51)"]{color:inherit !important}
html.csp-dark .post-body [style*="background-color: white"],html.csp-dark .post-body [style*="background-color: rgb(255, 255, 255)"],html.csp-dark .post-body [style*="background-color: #ffffff"],html.csp-dark .post-body [style*="background: white"],html.csp-dark .post-body [style*="color:#0f5699"],html.csp-dark .post-body [style*="color: #0f5699"],html.csp-dark .post-body [style*="color: rgb(15, 86, 153)"]{color:#9CC4F0 !important}
html.csp-dark .post-body [style*="background-color:#fff"]{background-color:transparent !important}
/* riquadri chiari che restano chiari: dentro tornano i colori originali */
html.csp-dark .skip-navigation,html.csp-dark .csp-eq i,html.csp-dark .csp-news .csp-ticker-label,html.csp-dark .csp-sc-nav.csp-sc-next,html.csp-dark .csp-scr-grip i,html.csp-dark .csp-scroller .csp-scr-play,html.csp-dark .csp-met-dots i.csp-on,html.csp-dark .csp-met-dots i.csp-acc,html.csp-dark .csp-sugg a.on,html.csp-dark .csp-sugg mark,html.csp-dark button.csp-fav[aria-pressed="true"],html.csp-dark .post-body .csp-yt-dead a,html.csp-dark .csp-pl-ctrl .csp-pl-main,html.csp-dark .csp-tu-card,html.csp-dark .csp-tu-go.on,html.csp-dark .csp-ca .s-kicker,html.csp-dark .csp-cf .s-ch i.ok,html.csp-dark .csp-cf .s-tag,html.csp-dark .csp-ip .s-kicker,html.csp-dark .csp-ip .s-inst button[aria-pressed="true"],html.csp-dark .csp-ip .s-prog-bar i,html.csp-dark .csp-ip .s-next,html.csp-dark .csp-ip .s-step:before,html.csp-dark .csp-ip .s-tag,html.csp-dark .csp-kids .k-surprise,html.csp-dark .csp-kids .k-pill.k-go,html.csp-dark .csp-kids .k-qopt.ko,html.csp-dark .csp-kids .k-staff,html.csp-dark .csp-kids .k-xylo,html.csp-dark .csp-kids .k-bar:before,html.csp-dark .csp-kids .k-wk,html.csp-dark .csp-kids .k-wk.on,html.csp-dark .csp-kids .k-ob.sel,html.csp-dark .csp-kids .k-dots i,html.csp-dark .csp-kids .k-dots i.lit,html.csp-dark .csp-kids .k-drum,html.csp-dark .csp-kids .k-arena,html.csp-dark .csp-kids .k-field,html.csp-dark .csp-kids .k-tiles,html.csp-dark .csp-kids .k-lane,html.csp-dark .csp-kids .k-tile.done,html.csp-dark .csp-kids .k-tile.miss,html.csp-dark .csp-kids .k-glasses,html.csp-dark .csp-kids .k-glass,html.csp-dark .csp-kids .k-str i,html.csp-dark .csp-kids .k-harp,html.csp-dark .csp-kids .k-ther-dot,html.csp-dark .csp-nw .s-kicker,html.csp-dark .csp-off .o-kick,html.csp-dark .csp-off .o-search button,html.csp-dark .csp-off .o-tag.t1,html.csp-dark .csp-off .o-star,html.csp-dark .csp-online .k-pill.k-go,html.csp-dark .csp-online .k-qopt.ko,html.csp-dark .csp-online .k-staff,html.csp-dark .csp-online .k-chord,html.csp-dark .csp-online .o-sk,html.csp-dark .csp-online .o-sk.on,html.csp-dark .csp-online .k-dots i,html.csp-dark .csp-online .k-cover .k-surprise,html.csp-dark .csp-online .o-key.ko,html.csp-dark .csp-online .o-key.x,html.csp-dark .csp-online .o-tile,html.csp-dark .csp-online .o-cell.x,html.csp-dark .csp-online .o-wc.sel,html.csp-dark .csp-online .o-wc.found,html.csp-dark .csp-online .o-key.o-chip,html.csp-dark .csp-pf .s-img,html.csp-dark .csp-sr .p2 .s-medal,html.csp-dark .csp-srm-l li.g2 .csp-srm-p,html.csp-dark .csp-srm-l li.nc .csp-srm-p,html.csp-dark .csp-teoria .t-strings button.on,html.csp-dark .csp-teoria .t-hero-k,html.csp-dark .csp-teoria .t-toc-extra b,html.csp-dark .csp-teoria .t-fig,html.csp-dark .csp-teoria .t-staff,html.csp-dark .csp-teoria .t-quiz-opts button.ko,html.csp-dark .csp-teoria .t-figcard,html.csp-dark .csp-teoria .t-metro-go,html.csp-dark .csp-teoria .t-metro-sig button[aria-pressed="true"],html.csp-dark .csp-teoria .t-metro-dots i.on,html.csp-dark .csp-teoria .t-metro-dots i.on:first-child,html.csp-dark .csp-teoria .t-chordcard,html.csp-dark .csp-teoria .t-arrows span.on,html.csp-dark .csp-teoria .t-done.on,html.csp-dark .csp-teoria .t-instr button.on{--a-bg:#F3F6FB;--a-chord:#2159D6;--a-line:#E3E9F2;--a-muted:#5A6272;--a-text:#1A1D24;--csp-bg:#F3F6FB;--csp-card:#ffffff;--csp-chip:#E8EFF9;--csp-chord:#2159D6;--csp-line:#E3E9F2;--csp-line-2:#D6DFEC;--csp-muted:#5A6272;--csp-text:#1A1D24;--e-bg:#F3F6FB;--e-line:#E3E9F2;--e-muted:#5A6272;--e-text:#1A1D24;--g-bg:#F3F6FB;--g-line:#E3E9F2;--g-muted:#5A6272;--g-text:#1A1D24;--k-line:#E3E9F2;--k-muted:#5A6272;--k-text:#1A1D24;--o-bg:#F3F6FB;--o-line:#E3E9F2;--o-muted:#5A6272;--o-text:#1A1D24;--p-bg:#F3F6FB;--p-line:#E3E9F2;--p-muted:#5A6272;--p-text:#1A1D24;--r-bg:#F3F6FB;--r-line:#E3E9F2;--r-muted:#5A6272;--r-text:#1A1D24;--s-bg:#F3F6FB;--s-line:#E3E9F2;--s-muted:#5A6272;--s-text:#1A1D24;--t-bg:#F3F6FB;--t-chord:#2159D6;--t-line:#E3E9F2;--t-muted:#5A6272;--t-text:#1A1D24}@media (hover:hover) and (pointer:fine){html.csp-dark .csp-sugg a:hover,html.csp-dark .csp-pl-ctrl .csp-pl-main:hover{--a-bg:#F3F6FB;--a-chord:#2159D6;--a-line:#E3E9F2;--a-muted:#5A6272;--a-text:#1A1D24;--csp-bg:#F3F6FB;--csp-card:#ffffff;--csp-chip:#E8EFF9;--csp-chord:#2159D6;--csp-line:#E3E9F2;--csp-line-2:#D6DFEC;--csp-muted:#5A6272;--csp-text:#1A1D24;--e-bg:#F3F6FB;--e-line:#E3E9F2;--e-muted:#5A6272;--e-text:#1A1D24;--g-bg:#F3F6FB;--g-line:#E3E9F2;--g-muted:#5A6272;--g-text:#1A1D24;--k-line:#E3E9F2;--k-muted:#5A6272;--k-text:#1A1D24;--o-bg:#F3F6FB;--o-line:#E3E9F2;--o-muted:#5A6272;--o-text:#1A1D24;--p-bg:#F3F6FB;--p-line:#E3E9F2;--p-muted:#5A6272;--p-text:#1A1D24;--r-bg:#F3F6FB;--r-line:#E3E9F2;--r-muted:#5A6272;--r-text:#1A1D24;--s-bg:#F3F6FB;--s-line:#E3E9F2;--s-muted:#5A6272;--s-text:#1A1D24;--t-bg:#F3F6FB;--t-chord:#2159D6;--t-line:#E3E9F2;--t-muted:#5A6272;--t-text:#1A1D24}}
/* Emporio */
html.csp-dark .dim-overlay{background-color:rgba(0,0,0,0.54)}
html.csp-dark .skip-navigation{color:#000;background-color:rgba(255,255,255,1.0)}
html.csp-dark .b-notification{color:#EBEDEF;background-color:#1B1F26}

html.csp-dark .dialog{background-color:#1B1F26}
html.csp-dark .subscribe-popup h3{color:#DFE1E5}
html.csp-dark body{background-color:#101317;color:#EBEDEF}
html.csp-dark h3,html.csp-dark h3.title{color:#EBEDEF}
html.csp-dark .post-wrapper .post-title,html.csp-dark .post-wrapper .post-title a,html.csp-dark .post-wrapper .post-title a:visited{color:#DFE1E5}@media (hover:hover) and (pointer:fine){html.csp-dark .post-wrapper .post-title a:hover{color:#DFE1E5}}
html.csp-dark blockquote{color:#D2D5DA}
html.csp-dark .post-snippet .snippet-fade{background-image:-webkit-linear-gradient($startSide,#1B1F26 0,#1B1F26 20%,$(posts.background.color.transparent) 100%);background-image:linear-gradient(to $startSide,#1B1F26 0,#1B1F26 20%,$(posts.background.color.transparent) 100%)}
html.csp-dark .byline,html.csp-dark .byline.post-author a,html.csp-dark .byline.post-timestamp a{color:#BEC3CA}
html.csp-dark .tr-caption{color:#D2D5DA}
html.csp-dark .PopularPosts .popular-posts-snippet{color:#CBCFD5}
html.csp-dark .PopularPosts .popular-posts-snippet .snippet-fade{color:#CBCFD5}
html.csp-dark .inline-ad-placeholder,html.csp-dark .vertical-ad-placeholder{background-color:#1B1F26}
html.csp-dark .inline-ad-placeholder span,html.csp-dark .vertical-ad-placeholder span{color:#DFE1E5}
html.csp-dark .centered-top-container.sticky,html.csp-dark .sticky .centered-top{background-color:#161A1F}
html.csp-dark .search .search-input input::-webkit-input-placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .search .search-input input::-moz-placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .search .search-input input:-ms-input-placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .search .search-input input::placeholder{color:rgba(235,237,239,0.38)}
html.csp-dark .centered-top .Header h1{color:#DFE2E5}
html.csp-dark .centered-top .Header p{color:#DFE2E5}
html.csp-dark .post-wrapper{background-color:#1B1F26}
html.csp-dark .feed-view .post-wrapper .post,html.csp-dark .feed-view .post-wrapper .post .snippet-thumbnail{background-color:#1B1F26}
@media (max-width:745px){html.csp-dark .item-view .post-outer{background-color:#1B1F26}}

/* Tema */
html.csp-dark{--csp-chord:#95B1EF;--csp-bg:#111316;--csp-card:#1B1F26;--csp-text:#DEE0E7;--csp-muted:#C3C7D0;--csp-line:#333944;--csp-line-2:#363D48;--csp-chip:#15191E}
html.csp-dark .csp-ticker{background-color:var(--csp-blue-dark, rgba(11,63,112,1.0));color:#fff}
html.csp-dark .csp-ticker-label{background-color:var(--csp-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-eq i{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-news{background-color:#1B1F26}
html.csp-dark .csp-news .csp-ticker-label{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-news a.csp-ticker-label{color:#F8ECCE !important}
html.csp-dark .csp-news a.csp-ticker-label:focus-visible{background-color:rgba(255,183,3,1.0)}@media (hover:hover) and (pointer:fine){html.csp-dark .csp-news a.csp-ticker-label:hover{background-color:rgba(255,183,3,1.0)}}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-news .csp-ticker-item:hover{color:#ACD1F3 !important}}
html.csp-dark .csp-news-src{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-hero-body{background-color:rgba(8,20,38,0.74)}
html.csp-dark .csp-badge{background-color:var(--csp-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-more{background-color:rgba(15,86,153,1.0);color:#fff}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-more:hover{background-color:rgba(33,89,214,1.0)}}
html.csp-dark .csp-arrow{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-arrow-next{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-top-card{background-color:#1B1F26}
html.csp-dark .csp-top-title .t{color:#ACD1F3}
html.csp-dark .csp-card{background-color:#1B1F26}
html.csp-dark .csp-play{background-color:rgba(25,30,36,0.94);color:#ACD1F3}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-card-title a:hover{color:#ACD1F3 !important}}
html.csp-dark .csp-chip{color:#ACD1F3 !important}
html.csp-dark .feed-view #blog-pager a{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .item-view .post-outer{background-color:#1B1F26 !important}

html.csp-dark .post-body iframe[src*="youtube.com/embed"],html.csp-dark .post-body iframe[src*="youtube-nocookie.com/embed"]{background-color:rgba(0,0,0,1.0)}
html.csp-dark .post-body .form-check-input{background-color:#2E3237 !important}
html.csp-dark .post-body .form-check-input:checked{background-color:var(--csp-blue, rgba(15,86,153,1.0)) !important}
html.csp-dark .csp-size button{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .post-body .transpose-keys a{background-color:#1B1F26 !important}
@media (hover:hover) and (pointer:fine){html.csp-dark .post-body .transpose-keys a:hover{color:#ACD1F3 !important}}
html.csp-dark .post-body .transpose-keys a.selected{background-color:var(--csp-blue, rgba(15,86,153,1.0)) !important;color:#fff}
html.csp-dark .abt-scroll-container{background-color:var(--csp-blue-dark, rgba(11,63,112,1.0))}
html.csp-dark .abt-scroll-btn,html.csp-dark .abt-stop-btn{background-color:var(--csp-blue, rgba(15,86,153,1.0)) !important}
@media (hover:hover) and (pointer:fine){html.csp-dark .abt-scroll-btn:hover,html.csp-dark .abt-stop-btn:hover{background-color:var(--csp-bright, rgba(58,123,224,1.0)) !important}}
html.csp-dark footer.footer{background-color:var(--csp-navy, rgba(11,42,74,1.0)) !important;color:#DCE6F5}
@media (min-width:606px){html.csp-dark .feed-view .sidebar-container .widget:not(.widget.HTML .widget-content *){background-color:#1B1F26 !important}}
@media (min-width:606px){html.csp-dark .feed-view .sidebar-container .widget a:not(.widget.HTML .widget-content *){color:#ACD1F3 !important}}

html.csp-dark .csp-acct-btn{background-color:#1B1F26 !important;color:#ACD1F3 !important}
html.csp-dark .csp-acct-face{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-acct-dot{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-acct-pop{background-color:#1B1F26}
html.csp-dark .csp-acct-g{border-color:#3E4043 !important;background-color:#1B1F26 !important;color:#D3D6DB !important}
html.csp-dark .csp-acct-err{color:#E2A5A5}
html.csp-dark .csp-acct-link{color:#ACD1F3 !important}
html.csp-dark .csp-scaletta{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-sc-nav.csp-sc-next{color:#0B2A4A;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-scroller{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-scroller .csp-scr-play{color:#0B2A4A;background-color:rgba(255,201,60,1.0) !important}
html.csp-dark .csp-metro .csp-scr-play{background-color:rgba(47,181,115,1.0) !important;color:#fff}
html.csp-dark .csp-met-dots i.csp-on{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark body .qc-cmp2-persistent-link,html.csp-dark body #qc-cmp2-persistent-link,html.csp-dark body .csp-privacy{background-color:rgba(11,42,74,1.0) !important;color:#fff}
@media (hover:hover) and (pointer:fine){html.csp-dark body .qc-cmp2-persistent-link:hover,html.csp-dark body #qc-cmp2-persistent-link:hover,html.csp-dark body .csp-privacy:hover{background-color:rgba(15,86,153,1.0) !important}}
html.csp-dark .csp-privacy-msg{background-color:rgba(11,42,74,1.0);color:#DCE6F5}
html.csp-dark .csp-acct-dark i{background-color:#2E3136}
html.csp-dark .csp-acct-dark i::after{background-color:#1B1F26}
html.csp-dark .csp-acct-dark[aria-pressed="true"] i{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-chart-item{background-color:#1B1F26}
html.csp-dark .csp-chart-media{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-chart-play{background-color:rgba(25,30,36,0.94);color:#ACD1F3}
html.csp-dark .csp-chart-rank{background-color:var(--csp-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-chart-item:first-child .csp-chart-rank{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-chart-trend.up{background-color:rgba(30,123,79,1.0)}
html.csp-dark .csp-chart-trend.down{background-color:rgba(179,64,42,1.0)}
html.csp-dark .csp-chart-trend.equal{background-color:rgba(138,147,163,1.0)}
html.csp-dark .csp-chart-title .t{color:#ACD1F3}
html.csp-dark .item-view .sidebar-container .widget:not(.widget.HTML .widget-content *){background-color:#1B1F26 !important}
html.csp-dark .item-view .sidebar-container .PopularPosts h3.post-title a{color:#ACD1F3 !important}
html.csp-dark .csp-sugg{background-color:#1B1F26}
html.csp-dark .csp-sugg img,html.csp-dark .csp-sugg .csp-sugg-ph{background-color:var(--csp-blue, rgba(15,86,153,1.0))}
html.csp-dark .csp-sugg .csp-sugg-art{color:#ACD1F3}
html.csp-dark .csp-sugg mark{color:#1A1D24;background-color:rgba(255,241,184,1.0)}
html.csp-dark .csp-sugg a.csp-sugg-all{color:#ACD1F3 !important}
html.csp-dark .csp-sugg a.csp-sugg-all:active,html.csp-dark .csp-sugg a.csp-sugg-all:focus,html.csp-dark .csp-sugg a.csp-sugg-all.on{color:#1A1D24 !important;background-color:#fff !important}@media (hover:hover) and (pointer:fine){html.csp-dark .csp-sugg a.csp-sugg-all:hover{color:#1A1D24 !important;background-color:#fff !important}}
html.csp-dark .centered-top .search.focused .section{background-color:#1B1F26 !important}
@media (min-width:1075px){html.csp-dark .centered-top .search .section{background-color:#1B1F26 !important}}
@media (max-width:605px){html.csp-dark .feed-view .sidebar-container .widget:not(.widget.HTML .widget-content *){background-color:#1B1F26 !important}}
@media (max-width:605px){html.csp-dark .feed-view .sidebar-container .widget a:not(.widget.HTML .widget-content *){color:#ACD1F3 !important}}
html.csp-dark .post-body .csp-pill{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .post-body .csp-pill[aria-pressed="true"]{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .post-body .csp-dg{background-color:#1B1F26}
html.csp-dark button.csp-fav{border-color:#52303A !important;background-color:#1B1F26 !important}
html.csp-dark button.csp-fav[aria-pressed="true"]{color:#1A1D24;background-color:rgba(255,240,244,1.0) !important}
html.csp-dark .csp-fav-toast{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .post-body .csp-trad{background-color:#0F1218}
html.csp-dark .post-body .csp-trad-h b{color:#ACD1F3}
html.csp-dark .post-body .csp-trad-x{background-color:#1B1F26}
html.csp-dark .post-body .csp-trad-t{color:#ACD1F3 !important}
html.csp-dark .post-body .csp-yt-dead{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .post-body .csp-yt-dead a{color:#0B2A4A;background-color:rgba(255,201,60,1.0)}
html.csp-dark .post-body .csp-capo{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-player{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pl-video{background-color:rgba(0,0,0,1.0)}
html.csp-dark .csp-pl-ctrl .csp-pl-main{color:#0B2A4A;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-sync-hint{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-share-btn{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-sh-box{background-color:#1B1F26}
html.csp-dark .csp-sh-copy button{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-sh-copy button.csp-ok{background-color:rgba(47,181,115,1.0)}
html.csp-dark .post-body .csp-semi{background-color:#1B1F26}
html.csp-dark .post-body .csp-semi button{color:#ACD1F3}
html.csp-dark .post-body .csp-semi button:active{background-color:#171D25}
html.csp-dark .post-body .csp-semi b,html.csp-dark .post-body .csp-semi .csp-semi-n{color:#ACD1F3}
html.csp-dark .post-body .csp-keypick{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
@media (hover:hover) and (pointer:fine){html.csp-dark .post-body .csp-keypick:hover{background-color:rgba(33,89,214,1.0)}}
html.csp-dark .post-body .csp-keygrid{background-color:#1B1F26}
html.csp-dark .post-body .csp-keygrid button{background-color:#1B1F26}
html.csp-dark .post-body .csp-keygrid button[aria-pressed="true"]{background-color:var(--csp-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-rel-t{color:#ACD1F3}
html.csp-dark .csp-pop{background-color:#1B1F26;color:#DEE0E7}
html.csp-dark .csp-pop-n{color:#95B1EF}
html.csp-dark .csp-pop button{color:#ACD1F3}
html.csp-dark .csp-pop-x{color:#C3C7D0 !important}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-pop-x:hover{background-color:#121518}}
html.csp-dark .csp-pop-prev,html.csp-dark .csp-pop-next{background-color:#121518 !important}
html.csp-dark .csp-pop-i{color:#C3C7D0}
html.csp-dark .csp-pop-play{background-color:rgba(15,86,153,1.0) !important;color:#fff}
html.csp-dark .csp-instr{background-color:#121518}
html.csp-dark .csp-instr button{color:#ACD1F3}
html.csp-dark .csp-instr button[aria-pressed="true"]{background-color:rgba(15,86,153,1.0);color:#fff}
html.csp-dark .csp-pop .csp-instr-pop button{color:#ACD1F3}
html.csp-dark .csp-pop .csp-instr-pop button[aria-pressed="true"]{background-color:rgba(15,86,153,1.0) !important;color:#fff}
html.csp-dark .post-body pre span.c{color:#ACD1F3 !important}

/* pagina-accordatore.html */
/* pagina-accordi.html */
/* pagina-amici.html */
/* pagina-cantanti.html */
/* pagina-canzoni-facili-con-elenco.html */
/* pagina-ebook-canzoniere-2020.html */
/* pagina-impara-chitarra.html */
/* pagina-kids.html */
html.csp-dark .csp-kids{--k-text:#DEE0E7;--k-muted:#C3C7D0;--k-line:#333944}
html.csp-dark .csp-kids .k-surprise{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids h3{color:#ACD1F3}
html.csp-dark .csp-kids .k-tab{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-kids .k-tab[aria-pressed="true"]{background-color:var(--c,var(--k-sky));color:#fff}
html.csp-dark .csp-kids .k-find input{background-color:#1B1F26}
html.csp-dark .csp-kids .k-card{background-color:#1B1F26}
html.csp-dark .csp-kids .k-empty{background-color:#111316}
html.csp-dark .csp-kids .k-grown{background-color:#111316;border-color:#364152}
html.csp-dark .csp-kids .k-grown a{color:#ACD1F3 !important}
html.csp-dark .csp-kids .k-play{border-color:rgba(46,50,56,0.8)}
html.csp-dark .csp-kids .k-gcard{background-color:#1B1F26}
html.csp-dark .csp-kids .k-gcard.cur{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-gplay{background-color:#1B1F26}
html.csp-dark .csp-kids .k-ghead{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-gclose{border-color:rgba(46,50,56,0.8)}
html.csp-dark .csp-kids .k-pill{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-kids .k-pill[aria-pressed="true"]{background-color:var(--c,var(--k-blue));color:#fff}
html.csp-dark .csp-kids .k-pill.k-go{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids .k-qopt{background-color:#1B1F26}
html.csp-dark .csp-kids .k-qopt.lit{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-qopt.ok{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-kids .k-qopt.ko{color:#fff;background-color:rgba(255,107,107,1.0)}
html.csp-dark .csp-kids .k-staff{color:#1A1D24;background-color:rgba(255,253,245,1.0)}
html.csp-dark .csp-kids .k-xylo{color:#1A1D24;background-color:rgba(255,246,224,1.0)}
html.csp-dark .csp-kids .k-xylo:before,html.csp-dark .csp-kids .k-xylo:after{background-color:rgba(200,149,90,1.0)}
html.csp-dark .csp-kids .k-bar{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-bar:before{color:#1A1D24;background-color:rgba(255,255,255,0.7)}
html.csp-dark .csp-kids .k-piano{background-color:rgba(26,29,36,1.0)}
html.csp-dark .csp-kids .k-wk{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-kids .k-bk{background-color:rgba(26,29,36,1.0)}
html.csp-dark .csp-kids .k-bk.on{background-color:rgba(58,123,224,1.0)}
html.csp-dark .csp-kids .k-pad{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-canvas{background-color:rgba(20,24,60,1.0)}
html.csp-dark .csp-kids .k-seq-l{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-kids .k-cell{background-color:#1B1F26}
html.csp-dark .csp-kids .k-cell.k-beat{background-color:#111316}
html.csp-dark .csp-kids .k-cell.on{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-mc .k-f{background-color:#221D12}
html.csp-dark .csp-kids .k-order{background-color:#111316}
html.csp-dark .csp-kids .k-ob{background-color:#1B1F26}
html.csp-dark .csp-kids .k-ob.sel{color:#1A1D24;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids .k-ob.lit{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-dots i{color:#1A1D24;background-color:rgba(227,233,242,1.0)}
html.csp-dark .csp-kids .k-dots i.lit{color:#1A1D24;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-kids .k-dots i.you{background-color:var(--k-green, rgba(47,181,115,1.0))}
html.csp-dark .csp-kids .k-drum{color:#5A2A00}
html.csp-dark .csp-kids .k-arena{color:#1A1D24}
html.csp-dark .csp-kids .k-plus{color:#ACD1F3}
html.csp-dark .csp-kids .k-cover{background-color:rgba(15,86,153,0.72);color:#fff}
html.csp-dark .csp-kids .k-field{color:#1A1D24}
html.csp-dark .csp-kids .k-tiles{color:#1A1D24;background-color:rgba(243,246,251,1.0)}
html.csp-dark .csp-kids .k-lane{color:#1A1D24;background-color:rgba(220,227,238,1.0)}
html.csp-dark .csp-kids .k-bstage{background-image:linear-gradient(180deg,#131C23,#221D12)}
html.csp-dark .csp-kids .k-glasses{color:#1A1D24;background-color:rgba(234,246,255,1.0)}
html.csp-dark .csp-kids .k-glass{color:#1A1D24;background-color:rgba(255,255,255,0.75)}
html.csp-dark .csp-kids .k-water{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-statue-msg{color:#ACD1F3}
html.csp-dark .csp-kids .k-str i{color:#1A1D24}
html.csp-dark .csp-kids .k-harp{color:#1A1D24;background-color:rgba(255,246,224,1.0)}
html.csp-dark .csp-kids .k-hs{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-kids .k-ther-dot{color:#1A1D24}
html.csp-dark .csp-kids .k-tw{background-color:#1B1F26}
html.csp-dark .csp-kids .k-tw.sel{background-color:#221D12}
html.csp-dark .csp-kids .k-track{background-image:repeating-linear-gradient(90deg,#0F171C 0 40px,#141C24 40px 80px)}
/* pagina-news.html */
/* pagina-offerte.html */
/* pagina-passatempi.html */
html.csp-dark .csp-giochi{--g-text:#DEE0E7;--g-muted:#C3C7D0;--g-line:#333944;--g-bg:#111316}
html.csp-dark .csp-online{--k-text:#DEE0E7;--k-muted:#C3C7D0;--k-line:#333944}
html.csp-dark .csp-giochi .g-info svg{color:#ACD1F3}
html.csp-dark .csp-giochi .g-card{background-color:#1B1F26}
html.csp-dark .csp-giochi .g-icon{background-color:var(--g-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-giochi .g-tag{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-giochi .g-tag.g-multi{background-color:var(--g-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-giochi .g-btn{background-color:var(--g-blue, rgba(15,86,153,1.0));color:#fff !important} /* 31 ottobre 2026: la pagina impone il blu notte (pensato per il tasto giallo chiaro) */
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-giochi .g-btn:hover{background-color:var(--g-bright, rgba(58,123,224,1.0))}}
html.csp-dark .csp-online .k-gcard{background-color:#1B1F26}
html.csp-dark .csp-online .k-gcard i{background-color:var(--c, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-online .k-gplay{background-color:#1B1F26}
html.csp-dark .csp-online .k-ghead{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-online .k-gico{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-online .k-gclose{border-color:rgba(46,50,56,0.5)}
html.csp-dark .csp-online .k-pill{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-online .k-pill[aria-pressed="true"]{background-color:var(--c,var(--k-blue));color:#fff}
html.csp-dark .csp-online .k-pill.k-go{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-online .k-surprise{background-color:var(--k-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-online .k-qopt{background-color:#1B1F26}
html.csp-dark .csp-online .k-qopt.lit{background-color:#111316}
html.csp-dark .csp-online .k-qopt.ok{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .k-qopt.ko{color:#fff;background-color:rgba(255,107,107,1.0)}
html.csp-dark .csp-online .k-staff{color:#1A1D24;background-color:rgba(255,253,245,1.0)}
html.csp-dark .csp-online .k-chord{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-online .o-frame{background-color:rgba(11,42,74,1.0)}
html.csp-dark .csp-online .o-plink{color:#ACD1F3 !important}
html.csp-dark .csp-online .k-mc .k-f{background-color:#111316}
html.csp-dark .csp-online .o-sk{color:#5A6272;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-online .k-dots i{color:#1A1D24;background-color:rgba(227,233,242,1.0)}
html.csp-dark .csp-online .k-dots i.you{background-color:var(--k-green, rgba(47,181,115,1.0))}
html.csp-dark .csp-online .o-hit.on:before{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-online .o-note:before{background-color:var(--c, rgba(15,86,153,1.0))}
html.csp-dark .csp-online .k-cover{background-color:rgba(11,42,74,0.85);color:#fff}
html.csp-dark .csp-online .k-cover .k-surprise{color:#3A2A00;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-online .o-key{background-color:#15191E}
html.csp-dark .csp-online .o-key.ok,html.csp-dark .csp-online .o-key.g{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .o-key.ko,html.csp-dark .csp-online .o-key.x{color:#fff;background-color:rgba(154,163,178,1.0)}
html.csp-dark .csp-online .o-key.y{background-color:rgba(232,179,33,1.0);color:#fff}
html.csp-dark .csp-online .o-tile{color:#1A1D24;background-color:rgba(255,241,194,1.0)}
html.csp-dark .csp-online .o-cell.g{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .o-cell.y{background-color:rgba(232,179,33,1.0);color:#fff}
html.csp-dark .csp-online .o-cell.x{color:#fff;background-color:rgba(154,163,178,1.0)}
html.csp-dark .csp-online .o-wc{background-color:#111316}
html.csp-dark .csp-online .o-wc.sel{color:#1A1D24;background-color:var(--k-yellow, rgba(255,201,60,1.0))}
html.csp-dark .csp-online .o-wc.found{color:#1E7A48;background-color:rgba(205,239,217,1.0)}
html.csp-dark .csp-online .o-wlist span{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-online .o-wlist span.done{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-online .o-puz{background-color:rgba(11,42,74,1.0)}
html.csp-dark .csp-online .o-pt{background-color:rgba(20,54,94,1.0)}
html.csp-dark .csp-online .o-line{background-color:#111316}
html.csp-dark .csp-online .o-chipout{background-color:var(--k-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-online .o-key.o-chip{color:#1A1D24;background-color:rgba(255,241,194,1.0)}
/* pagina-preferiti.html */
html.csp-dark .csp-pf{--s-text:#DEE0E7;--s-muted:#C3C7D0;--s-line:#333944;--s-bg:#111316}
html.csp-dark .csp-pf .s-hero{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pf .s-kicker{background-color:var(--s-red, rgba(224,36,94,1.0))}
html.csp-dark .csp-pf .s-acc{background-color:#1B1F26}
html.csp-dark .csp-pf .s-gbtn{border-color:#3E4043;background-color:#1B1F26;color:#D3D6DB}
html.csp-dark .csp-pf .s-find{background-color:#1B1F26}
html.csp-dark .csp-pf .s-btn{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-pf .s-btn[aria-pressed="true"]{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-pf .s-item{background-color:#1B1F26}
html.csp-dark .csp-pf .s-img{color:#1A1D24;background-color:rgba(220,230,245,1.0)}
html.csp-dark .csp-pf .s-txt b{color:#ACD1F3}
html.csp-dark .csp-pf .s-del{border-color:#572F3A;background-color:#190D10}
html.csp-dark .csp-pf .s-empty{border-color:#39414D}
html.csp-dark .csp-pf .s-move summary{color:#ACD1F3}
html.csp-dark .csp-pf .s-msg{color:#B8EDD0}
html.csp-dark .csp-pf .s-tab{background-color:#1B1F26}
html.csp-dark .csp-pf .s-tab[aria-pressed="true"]{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pf .s-tab.s-new{color:#ACD1F3}
html.csp-dark .csp-pf .s-btn.s-play{background-color:var(--s-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-pf .s-btn.s-danger{border-color:#553838;color:#E2A5A5}
html.csp-dark .csp-pf .s-ic{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-pf .s-ic.s-on{background-color:#15191E;border-color:#343F4F}
html.csp-dark .csp-pf .s-txt .s-key{background-color:#15191E;color:#ACD1F3 !important}
html.csp-dark .csp-pf .s-num{background-color:rgba(11,42,74,1.0);color:#fff}
html.csp-dark .csp-pf .s-shared{background-color:#211E12;color:#F3E7C1}
html.csp-dark .csp-pf .s-shared b{color:#F8EDCB}
html.csp-dark .csp-pf .s-rcard b{color:#ACD1F3}
html.csp-dark .csp-pf-sheet .s-box{background-color:#1B1F26;color:#DEE0E7}
html.csp-dark .csp-pf-sheet p{color:#C3C7D0}
html.csp-dark .csp-pf-sheet label{border-top-color:#333944}
html.csp-dark .csp-pf-sheet label em{color:#C3C7D0}
html.csp-dark .csp-pf-sheet .s-newrow input{border-color:#333944}
html.csp-dark .csp-pf-sheet button{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-pf-sheet .s-done{background-color:rgba(15,86,153,1.0);color:#fff}
/* pagina-programmi-utili.html */
html.csp-dark .csp-prog{--p-text:#DEE0E7;--p-muted:#C3C7D0;--p-line:#333944;--p-bg:#111316}
html.csp-dark .csp-prog .p-filters{background-color:rgba(25,30,36,0.96)}
html.csp-dark .csp-prog .p-filters button{background-color:#1B1F26;color:#ACD1F3}
html.csp-dark .csp-prog .p-filters button.on{background-color:var(--p-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-prog .p-card{background-color:#1B1F26}
html.csp-dark .csp-prog h3{color:#ACD1F3}
html.csp-dark .csp-prog .p-tag{background-color:#15191E;color:#ACD1F3}
html.csp-dark .csp-prog .p-tag.p-free{background-color:rgba(30,123,79,1.0);color:#fff}
html.csp-dark .csp-prog .p-tag.p-trial{background-color:var(--p-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-prog .p-tag.p-paid{background-color:rgba(90,98,114,1.0);color:#fff}
html.csp-dark .csp-prog .p-btn{background-color:var(--p-blue, rgba(15,86,153,1.0));color:#fff}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-prog .p-btn:hover{background-color:var(--p-bright, rgba(58,123,224,1.0))}}
html.csp-dark .csp-prog .p-btn2{background-color:#1B1F26;color:#ACD1F3 !important}
/* pagina-richieste.html */
/* pagina-sanremo.html */
/* pagina-teoria.html */
html.csp-dark .csp-teoria{--t-chord:#95B1EF;--t-text:#DEE0E7;--t-muted:#C3C7D0;--t-line:#333944;--t-bg:#111316}
html.csp-dark .csp-teoria h3{color:#ACD1F3}
html.csp-dark .csp-teoria .t-toc a{color:#ACD1F3 !important}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-teoria .t-toc a:hover{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}}
html.csp-dark .csp-teoria .t-toc b{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-teoria .t-toc a:hover b{background-color:#1B1F26;color:#ACD1F3}}
html.csp-dark .csp-teoria .t-note{background-color:#221E12;color:#F3E7C1}
html.csp-dark .csp-teoria .t-note.t-red{background-color:#1C1211;border-color:#563530;color:#F0C2BC}
html.csp-dark .csp-teoria .t-tuner{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-strings button.on{color:#0f5699;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-steps li{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-steps li:before{background-color:var(--t-bright, rgba(58,123,224,1.0));color:#fff}
html.csp-dark .csp-teoria .t-steps strong{color:#ACD1F3}
html.csp-dark .csp-teoria .t-list li:before{background-color:var(--t-bright, rgba(58,123,224,1.0))}
html.csp-dark .csp-teoria .t-symbols div{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-symbols code{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria pre.t-tab,html.csp-dark .post-body .csp-teoria pre.t-tab{background-color:rgba(11,42,74,1.0) !important;color:#DCE6F5}
html.csp-dark .csp-teoria .t-top{color:#ACD1F3 !important}
html.csp-dark .csp-teoria .t-hero-k{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-teoria .t-progress-bar i{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-toc-part{background-color:#1B1F26}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-teoria .t-toc .t-toc-h:hover{color:#ACD1F3 !important}}
html.csp-dark .csp-teoria .t-toc-part a:not(.t-toc-h){color:#ACD1F3 !important}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-teoria .t-toc-part a:not(.t-toc-h):hover{color:#ACD1F3 !important}}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-teoria .t-toc-part a:not(.t-toc-h):hover b{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}}
html.csp-dark .csp-teoria .t-toc-part a.t-read b{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-toc-extra b{color:#3A2A00;background-color:rgba(255,201,60,1.0) !important}
html.csp-dark .csp-teoria .t-part{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-fig{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-staff{color:#1A1D24;background-color:rgba(255,253,245,1.0)}
html.csp-dark .csp-teoria .t-legend li:before{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-table{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-table th{color:#ACD1F3}
html.csp-dark .csp-teoria .t-table b{color:#ACD1F3}
html.csp-dark .csp-teoria .t-play{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-teoria .t-play:hover{background-color:var(--t-bright, rgba(58,123,224,1.0))}}
html.csp-dark .csp-teoria .t-play.on{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-note.t-tip{background-color:#171D19;border-color:#3B5042;color:#C5ECD5}
html.csp-dark .csp-teoria .t-quiz{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-quiz-head b{color:#ACD1F3}
html.csp-dark .csp-teoria .t-quiz-opts button{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-quiz-opts button.ok{background-color:rgba(47,181,115,1.0);color:#fff}
html.csp-dark .csp-teoria .t-quiz-opts button.ko{color:#fff;background-color:rgba(255,107,107,1.0)}
html.csp-dark .csp-teoria .t-figcard{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-metro{background-color:var(--t-blue, rgba(15,86,153,1.0));color:#fff}
html.csp-dark .csp-teoria .t-metro-go{color:#3A2A00;background-color:rgba(255,201,60,1.0)}
html.csp-dark .csp-teoria .t-metro-sig button{border-color:rgba(46,50,56,0.35)}
html.csp-dark .csp-teoria .t-metro-sig button[aria-pressed="true"]{color:#0f5699;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-chordcard{color:#1A1D24;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-strum{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-arrows span{color:#ACD1F3}
html.csp-dark .csp-teoria .t-gloss div{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-gloss dt{color:#ACD1F3}
html.csp-dark .csp-teoria .t-done{background-color:#1B1F26}
html.csp-dark .csp-teoria .t-done.on{color:#1E5A37;background-color:rgba(234,246,239,1.0)}
html.csp-dark .csp-teoria .t-done.on .t-done-box{background-color:rgba(47,181,115,1.0)}
html.csp-dark .csp-teoria .t-instr button{border-color:rgba(46,50,56,0.35)}
html.csp-dark .csp-teoria .t-instr button.on{color:#0f5699;background-color:rgba(255,255,255,1.0)}
html.csp-dark .csp-teoria .t-pname{color:#ACD1F3}
/* pagina-xfactor.html */
/* widget senza sfondo proprio: solo il testo grigio diventa leggibile */
html.csp-dark .csp-pr-hint{color:#AFB5C0 !important}
/* etichetta artista e chip: scritta bianca */
html.csp-dark .byline.post-labels a,html.csp-dark body.item-view .byline.post-labels a,html.csp-dark .csp-chip{color:#fff !important}
/* voce evidenziata nella tendina del menu: scritta scura sul fondo chiaro */

/* link semplici dentro gli articoli e le pagine */
html.csp-dark .post-body a:not([class]):not([style]){color:#8FB8F0}
/* striscia notizie: etichetta gialla con logo, scritta e freccia scuri */
html.csp-dark .csp-news .csp-ticker-label,html.csp-dark .csp-news .csp-ticker-label *{color:#3A2A00 !important}
/* esercizio "Che nota e?" della Teoria: il pentagramma resta su fondo chiaro come un disegno */
html.csp-dark .csp-teoria .t-quiz-staff svg{background:#FFFDF5;border-radius:12px;padding:6px 0}
/* Preferiti: la scritta "I miei preferiti" sul fondo rosso in bianco */
/* Preferiti: grafica in cima uguale alle altre pagine (angoli tondi, margini interni, etichetta gialla) */
.post-body .csp-pf .s-kicker,html.csp-dark .post-body .csp-pf .s-kicker{display:inline-block !important;padding:5px 10px !important;border-radius:6px;background:#FFC93C !important;background-image:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#0B2A4A !important;-webkit-text-fill-color:#0B2A4A !important;opacity:1 !important;visibility:visible !important;font:700 12px/1 Ubuntu,sans-serif !important;letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:1}
/* fondo blu notte e scritte chiare in modalita chiara e scura, come Amici, Sanremo e le altre pagine */
.post-body .csp-pf .s-hero{background:#0B2A4A !important;background-image:none !important;color:#fff !important}
.post-body .csp-pf .s-hero h1,.post-body .csp-pf .s-hero h2,.post-body .csp-pf .s-hero h3{color:#fff !important;-webkit-text-fill-color:#fff !important}
.post-body .csp-pf .s-hero p{color:#DCE6F5 !important;-webkit-text-fill-color:#DCE6F5 !important}
@media (min-width:746px){.post-body .csp-pf .s-hero{box-sizing:border-box;padding-top:44px !important;padding-bottom:44px !important}}
@media (max-width:745px){
  .post-body .csp-pf .s-hero{box-sizing:border-box;position:relative;overflow:hidden;margin:0 0 22px !important;padding:22px 18px !important;border-radius:20px !important}
}
/* tasto luna/sole (computer) e interruttore nel riquadro account (telefono) */

.csp-acct-dark{display:flex !important;align-items:center;justify-content:space-between;width:100% !important;margin:0 0 10px !important;padding:10px 12px !important;border:1px solid var(--csp-line) !important;border-radius:12px !important;background:transparent !important;color:var(--csp-text) !important;font:700 14px/1.2 Ubuntu,sans-serif !important;cursor:pointer;box-shadow:none !important}
.csp-acct-dark i{position:relative;flex:0 0 40px;width:40px;height:24px;border-radius:12px;background:#C9D3E1;transition:background .2s}
.csp-acct-dark i::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.csp-acct-dark[aria-pressed="true"] i{background:var(--csp-blue)}
.csp-acct-dark[aria-pressed="true"] i::after{transform:translateX(16px)}

/* ---------- Lente della ricerca e tasto menu: azzurro #1582E7 (anche in modalita scura) ---------- */
html body .centered-top.centered-top.centered-top .search .svg-icon-24.svg-icon-24,html body .centered-top.centered-top.centered-top .search svg.svg-icon-24,html body .centered-top.centered-top.centered-top .search .search-submit-container .svg-icon-24.svg-icon-24,html body .centered-top.centered-top.centered-top .search .search-expand .svg-icon-24.svg-icon-24,
html body .centered-top.centered-top.centered-top .hamburger-section .svg-icon-24.svg-icon-24,html body .centered-top.centered-top.centered-top .hamburger-section svg{fill:#1582E7 !important;color:#1582E7 !important}
html body .centered-top.centered-top.centered-top .search .search-submit-container svg path,html body .centered-top.centered-top.centered-top .hamburger-section svg path{fill:#1582E7 !important}
/* l'icona del tasto "apri ricerca" resta trasparente (si vede solo la lente sotto, come prima) */
html body .centered-top.centered-top.centered-top .search .search-expand .search-expand-icon.svg-icon-24,html body .centered-top.centered-top.centered-top .search .search-expand .search-expand-icon path{fill:transparent !important}

/* ---------- Menu laterale: tasto di chiusura rotondo, come quello dell'account, sempre in vista ---------- */
.sidebar-container .navigation{position:sticky;top:0;z-index:5;display:flex !important;justify-content:flex-end;align-items:center;padding:12px 16px 8px !important;background:linear-gradient(var(--csp-bg) 70%,transparent)}
html body .sidebar-container .navigation .sidebar-back{float:none !important;box-sizing:border-box;width:44px !important;height:44px !important;padding:11px !important;margin:0 !important;border-radius:50%;background:#fff;border:1px solid var(--csp-line);box-shadow:0 4px 14px rgba(15,40,80,.12);fill:#1582E7 !important;cursor:pointer;transition:transform .15s ease,background-color .2s ease}
html body .sidebar-container .navigation .sidebar-back path{fill:#1582E7 !important}
@media (hover:hover) and (pointer:fine){html body .sidebar-container .navigation .sidebar-back:hover{background:#E8F2FD}}
html body .sidebar-container .navigation .sidebar-back:active{transform:scale(.92)}
html.csp-dark body .sidebar-container .navigation .sidebar-back{background:#1B1F26;border-color:#333944;box-shadow:none}
@media (hover:hover) and (pointer:fine){html.csp-dark body .sidebar-container .navigation .sidebar-back:hover{background:#232833}}

/* ---------- Telefono: funzioni della canzone in una sola riga compatta (si scorre di lato) ---------- */
@media (max-width:745px){
  .post-body .csp-tools-row.csp-extra{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:6px !important;overflow-x:auto;overflow-y:hidden;margin-right:-14px;padding:14px 14px 4px 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .post-body .csp-tools-row.csp-extra::-webkit-scrollbar{display:none}
  .post-body .csp-tools-row.csp-extra .csp-pill{flex:0 0 auto;flex-direction:column;justify-content:center;gap:5px;width:auto;min-width:70px;max-width:92px;height:62px;padding:6px 8px;border-radius:14px;font-size:11px;line-height:1.1;text-align:center;white-space:normal;scroll-snap-align:start}
  .post-body .csp-tools-row.csp-extra .csp-pill svg{width:20px;height:20px;flex:0 0 20px}
  .post-body .csp-tools-row.csp-extra .csp-pill[hidden]{display:none}
}

/* ---------- Installa l'app (solo telefono, in basso a sinistra, su tutte le pagine) ---------- */
.csp-appi{display:none}
@media (max-width:745px){
  .csp-appi.csp-show{position:fixed;left:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:2147482990;display:inline-flex;align-items:center;gap:0;height:34px;margin:0;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:#1582E7;color:#fff;box-shadow:0 6px 16px rgba(10,30,60,.25);font:700 12.5px/1 Ubuntu,sans-serif;animation:csp-appi-in .35s ease both}
  .csp-appi button{display:inline-flex;align-items:center;gap:7px;height:100%;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .csp-appi .csp-appi-go{padding:0 6px 0 12px}
  .csp-appi .csp-appi-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .csp-appi .csp-appi-x{justify-content:center;width:30px;padding:0 4px 0 0;font-size:17px;font-weight:400;opacity:.8}
  body.csp-following .csp-appi.csp-show{display:none}
}
@keyframes csp-appi-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.csp-appi-tip{position:fixed;left:12px;right:12px;bottom:calc(54px + env(safe-area-inset-bottom,0px));z-index:2147482991;box-sizing:border-box;max-width:380px;padding:14px 16px;border-radius:16px;background:#0B2A4A;color:#DCE6F5;font:400 14px/1.5 Ubuntu,sans-serif;box-shadow:0 14px 34px rgba(10,30,60,.35);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}
.csp-appi-tip.csp-show{opacity:1;transform:none;pointer-events:auto}
.csp-appi-tip b{display:block;margin:0 0 6px;color:#fff;font-size:15px}
.csp-appi-tip ol{margin:0;padding:0 0 0 20px}
.csp-appi-tip li{margin:3px 0}
.csp-appi-tip svg{width:16px;height:16px;vertical-align:-3px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media print{.csp-appi,.csp-appi-tip{display:none !important}}

/* ---------- Preferenze nel menu utente ---------- */
.csp-acct-pop{max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain}
@media (max-width:745px){.csp-acct-pop{box-sizing:border-box;width:min(320px,calc(100vw - 24px)) !important;max-width:none}}
.csp-pref-open{display:flex !important;align-items:center;justify-content:space-between;width:100% !important;margin:0 0 10px !important;padding:10px 12px !important;border:1px solid var(--csp-line) !important;border-radius:12px !important;background:transparent !important;color:var(--csp-text) !important;font:700 14px/1.2 Ubuntu,sans-serif !important;cursor:pointer;box-shadow:none !important}
.csp-pref-open i{width:9px;height:9px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.csp-pref-open[aria-expanded="true"] i{transform:rotate(-135deg)}
.csp-pref{margin:-2px 0 10px}
.csp-pref-row{margin:0 0 10px}
.csp-pref-row>span{display:block;margin:0 0 5px;font:700 12px/1.2 Ubuntu,sans-serif;color:var(--csp-muted);letter-spacing:.02em}
.csp-pref-seg{display:flex;gap:3px;padding:3px;border-radius:12px;background:#F0F4FA}
.csp-pref-seg button{flex:1 1 auto;min-width:0;height:32px;margin:0 !important;padding:0 6px !important;border:0 !important;border-radius:9px !important;background:transparent !important;color:#0f5699 !important;font:700 12.5px/1 Ubuntu,sans-serif;cursor:pointer;box-shadow:none !important;white-space:nowrap}
.csp-pref-seg button[aria-pressed="true"]{background:#0f5699 !important;color:#fff !important}
.csp-pref-note{margin:2px 0 0 !important;font-size:12px !important}
body:has(.csp-acct-pop:not([hidden])) .csp-appi,body:has(.csp-acct-pop:not([hidden])) .csp-appi-tip{display:none !important}
html.csp-dark .csp-pref-seg{background:#121518}
html.csp-dark .csp-pref-seg button{color:#ACD1F3 !important}
html.csp-dark .csp-pref-seg button[aria-pressed="true"]{background:#1582E7 !important;color:#fff !important}
/* ---------- Scorciatoie su telefono (fila a scorrimento sotto l'intestazione, solo nelle pagine /p/) ---------- */

/* ---------- Menu laterale in pagine e canzoni (telefono) ---------- */
.csp-drawer,.csp-drawer-dim{display:none}
.centered-top .csp-hamb{display:none !important}
@media (max-width:745px),(orientation:landscape) and (max-height:540px){
  .centered-top .csp-hamb{display:flex !important;align-items:center}
  /* stessa distanza tra lente, account e menu (le icone hanno margini interni diversi) */
  .centered-top .hamburger-section.csp-hamb{margin-left:3px !important;margin-right:10px !important}
  .centered-top .hamburger-section.csp-emp-ham{display:none !important}
  .csp-hamb-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .csp-hamb-btn svg{width:24px;height:24px;fill:#1582E7}
  .csp-drawer-dim{display:block;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.54);opacity:0;pointer-events:none;transition:opacity .25s}
  .csp-drawer{display:block;position:fixed;top:0;right:0;bottom:0;z-index:10001;box-sizing:border-box;width:min(320px,86vw);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#F3F6FB;transform:translateX(100%);transition:transform .3s var(--csp-ease-out);visibility:hidden}
  body.csp-drawer-open .csp-drawer{transform:none;visibility:visible}
  body.csp-drawer-open .csp-drawer-dim{opacity:1;pointer-events:auto}
  html.csp-drawer-open{overflow:hidden}
  .csp-drawer-nav{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:12px 16px 8px;background:linear-gradient(#F3F6FB 75%,rgba(243,246,251,0))}
  .csp-drawer-x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #DCE5F2;border-radius:50%;background:#fff;cursor:pointer}
  .csp-drawer-x svg{width:22px;height:22px;fill:#1582E7}
  .csp-drawer-body{padding:0 14px 24px}
  .csp-drawer-body .widget{margin:0 0 14px !important;padding:18px !important;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(10,30,60,.06);font:400 14px/1.55 Ubuntu,sans-serif;color:#1A1D24}
  .csp-drawer-body .widget.HTML{padding:0 !important;background:none;box-shadow:none}
  .csp-drawer-body .widget h2,.csp-drawer-body .widget h3.title,.csp-drawer-body .widget .title{margin:0 0 10px !important;font:700 17px/1.3 Ubuntu,sans-serif !important;color:#1A1D24}
  .csp-drawer-body .widget a{color:#0f5699;text-decoration:none}
  .csp-drawer-body .widget ul{margin:0;padding:0;list-style:none}
  .csp-drawer-body .widget li{margin:6px 0}
  .csp-drawer-body .widget img{max-width:100%;height:auto}
  .csp-drawer-body [style*="display:none"],.csp-drawer-body .widget.ReportAbuse,.csp-drawer-body .widget.PopularPosts:empty{display:none}
  .csp-drawer-wait{margin:24px 4px;color:#5A6272;font:400 15px/1.4 Ubuntu,sans-serif}
  html.csp-dark .csp-drawer{background:#111316}
  html.csp-dark .csp-drawer-nav{background:linear-gradient(#111316 75%,rgba(17,19,22,0))}
  html.csp-dark .csp-drawer-x{background:#1B1F26;border-color:#2E3440}
  html.csp-dark .csp-drawer-body .widget{background:#1B1F26;color:#DEE0E7}
  html.csp-dark .csp-drawer-body .widget.HTML{background:none}
  html.csp-dark .csp-drawer-body .widget h2,html.csp-dark .csp-drawer-body .widget h3.title,html.csp-dark .csp-drawer-body .widget .title{color:#fff}
  html.csp-dark .csp-drawer-body .widget a{color:#8FB8F0}
}
body.csp-drawer-open .csp-appi,body.csp-drawer-open .csp-appi-tip,body.csp-drawer-open .csp-scroller{display:none !important}
/* ---------- Pagine su computer (24 ottobre 2026): i riquadri della colonna vanno nel menu con i tre trattini ----------
   La pubblicita resta a destra della pagina, ferma mentre si scorre. I riquadri (mance, accordatore, passatempi...)
   restano dove sono nel codice: su computer sono nascosti a destra e scorrono dentro quando si preme il tasto.
   Home, canzoni e telefono come prima. */
.csp-side-x,.csp-dmb,.csp-dmdim{display:none}
/* canzoni su computer (24 ottobre 2026): schermata centrata, niente colonna accanto.
   Sotto la canzone: Stampa o salva in PDF, la pubblicita (rettangolo grande) e la fascia "Continua a suonare" */
@media (min-width:746px){
  html.csp-song .centered .centered-bottom{display:block !important;max-width:1180px !important;box-sizing:border-box;padding:0 16px !important;margin-left:auto !important;margin-right:auto !important}
  html.csp-song .centered-bottom > .main-container{width:auto !important;max-width:920px !important;margin:0 auto !important;float:none !important}
  /* la colonna non si vede mai, nemmeno mentre la pagina si carica: i riquadri li sposta lo script nella fascia sotto */
  html.csp-song .centered-bottom > .sidebar-container{display:none !important}
}
html.csp-song #sidebar_item[hidden]{display:none !important}
/* ---------- Pagine e canzoni su computer (24 ottobre 2026): effetto "schermo intero" ----------
   Niente scheda bianca centrata: il contenuto sta sullo sfondo della pagina, la grafica blu in cima alle pagine
   e la fascia "Altro dal blog" vanno da un bordo all'altro dello schermo. Il testo resta allineato al centro */
@media (min-width:746px){
  /* il taglio orizzontale va sul contenitore, non su html: su html blocca lo scorrimento di "Segui il video" */
  html.csp-dside .page_body,html.csp-song .page_body{overflow-x:clip}
  html.csp-dside body.item-view,html.csp-song body.item-view{background:#fff !important}
  html.csp-dside body.item-view .post-outer,html.csp-song body.item-view .post-outer{background:transparent !important;box-shadow:none !important;border-radius:0 !important;overflow:visible !important}
  html.csp-dside .post-body > :is(.csp-phero,.s-hero,.k-hero,.o-hero,.t-hero,.e-hero),html.csp-dside .post-body > * > :is(.csp-phero,.s-hero,.k-hero,.o-hero,.t-hero,.e-hero){margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;margin-top:-20px !important;border-radius:0 !important;padding-top:44px !important;padding-bottom:44px !important;padding-left:max(26px, calc(50vw - 574px)) !important;padding-right:max(26px, calc(50vw - 574px)) !important}
  html.csp-dside .csp-has-share > .csp-share-btn.csp-share-in{right:max(14px, calc(50vw - 574px)) !important;top:40px !important}
  html.csp-song .csp-suona{margin:40px calc(50% - 50vw) 0 !important;width:auto !important;padding:36px max(16px, calc(50vw - 574px)) 44px !important;background:#F3F6FB}
  html.csp-dark.csp-dside body.item-view,html.csp-dark.csp-song body.item-view{background:#111316 !important}
  html.csp-dark.csp-song .csp-suona{background:#181C22}
}

.csp-suona-grid > #HTML8 .csp-tun,.csp-suona-grid > #HTML7 .csp-tip{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:0 !important;height:100% !important;margin:0 !important}
.csp-suona-grid > #HTML7 .csp-tip > :not(.csp-tip-k){width:100%;align-self:stretch}
.csp-suona-grid > #HTML7 .csp-tip > .csp-tip-k{align-self:center}
.csp-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 22px}
.csp-act > .csp-share-btn{margin:0 !important}
.csp-share-btn.csp-pr-mini{width:auto !important;max-width:none !important;padding:0 18px 0 14px !important;background:#fff !important;color:var(--csp-blue) !important;font:700 14px/1 Ubuntu,sans-serif !important;border-radius:20px !important;gap:8px}
.csp-share-btn.csp-pr-mini svg{fill:none !important;stroke:currentColor}
@media (hover:hover) and (pointer:fine){.csp-share-btn.csp-pr-mini:hover{background:#fff !important;border-color:var(--csp-blue)}}
html.csp-dark .csp-share-btn.csp-pr-mini{background:#1B1F26 !important;color:#ACD1F3 !important}
@media print{.csp-act{display:none !important}}
.csp-suona-grid > .csp-rel-w{order:-1}.csp-suona-grid > #HTML9{order:0}.csp-suona-grid > #HTML4{order:1}.csp-suona-grid > #HTML8{order:2}.csp-suona-grid > #HTML7{order:3}
/* home su computer (24 ottobre 2026): colonna corta con "Manca una canzone?" e "Benvenuti!", sempre visibile intera.
   Su tablet e telefono tutto come prima */
/* vecchie copie di Passatempi, Offerte e Mance nella home (se Blogger le ha tenute nel Layout): sempre nascoste */
#sidebar_feed #HTML10,#sidebar_feed #HTML11,#sidebar_feed #HTML12,.csp-drawer #HTML10,.csp-drawer #HTML11,.csp-drawer #HTML12{display:none !important}
@media (min-width:1024px){
  body.feed-view .sidebar-container #HTML6{display:block !important;padding:0 !important;margin:0 0 14px !important;background:none !important;border:0 !important;box-shadow:none !important}
  body.feed-view .sidebar-container #PopularPosts2{display:none !important}
  body.feed-view .sidebar-container #Text1{margin:0 !important;padding:16px 16px 14px !important}
  body.feed-view .sidebar-container #Text1 h3.title,body.feed-view .sidebar-container #Text1 h2{font-size:16px !important;margin:0 0 8px !important}
  body.feed-view .sidebar-container #Text1 .widget-content{font:400 12.5px/1.5 Ubuntu,sans-serif !important;max-height:calc(100vh - var(--csp-hh,70px) - var(--csp-ask-h,170px) - 130px);overflow:auto;overscroll-behavior:contain;padding-right:8px;margin-right:-6px}
  /* barra di scorrimento sottile, blu del blog, con angoli tondi */
  body.feed-view .sidebar-container #Text1 .widget-content::-webkit-scrollbar{width:6px}
  body.feed-view .sidebar-container #Text1 .widget-content::-webkit-scrollbar-track{background:#EEF4FC;border-radius:6px;margin:2px 0}
  body.feed-view .sidebar-container #Text1 .widget-content::-webkit-scrollbar-thumb{background:#9CC3EC;border-radius:6px}
  @media (hover:hover) and (pointer:fine){body.feed-view .sidebar-container #Text1 .widget-content::-webkit-scrollbar-thumb:hover{background:#1582E7}}
  html.csp-dark body.feed-view .sidebar-container #Text1 .widget-content::-webkit-scrollbar-track{background:#22272F}
  html.csp-dark body.feed-view .sidebar-container #Text1 .widget-content::-webkit-scrollbar-thumb{background:#3D5A80}
  @media (hover:hover) and (pointer:fine){html.csp-dark body.feed-view .sidebar-container #Text1 .widget-content::-webkit-scrollbar-thumb:hover{background:#5B9BE6}}
  @supports not selector(::-webkit-scrollbar){
    body.feed-view .sidebar-container #Text1 .widget-content{scrollbar-width:thin;scrollbar-color:#9CC3EC #EEF4FC}
    html.csp-dark body.feed-view .sidebar-container #Text1 .widget-content{scrollbar-color:#3D5A80 #22272F}
  }
  body.feed-view .sidebar-container #Text1 p{margin:0 0 7px !important}
  body.feed-view .sidebar-container #Text1 p:last-child{margin:0 !important}
  body.feed-view .sidebar-container .csp-fun-icons,body.feed-view .sidebar-container .csp-fun-s,body.feed-view .sidebar-container .csp-fun-all,
  body.feed-view .sidebar-container .csp-deal-icons,body.feed-view .sidebar-container .csp-deal-s,
  body.feed-view .sidebar-container .csp-tip-s{display:none !important}
  body.feed-view .sidebar-container .csp-fun,body.feed-view .sidebar-container .csp-deal,body.feed-view .sidebar-container .csp-tip{padding:16px 16px 14px !important}
  body.feed-view .sidebar-container .csp-fun-t,body.feed-view .sidebar-container .csp-deal-t{font-size:21px !important;margin:8px 0 10px !important}
  body.feed-view .sidebar-container .csp-tip-t{font-size:18px !important;margin:0 0 10px !important}
  body.feed-view .sidebar-container .csp-fun-day{margin-bottom:10px !important}
  body.feed-view .sidebar-container .csp-tip-n{margin-top:8px !important}
  .csp-home-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:32px 0 8px}
  .csp-home-info > .widget{box-sizing:border-box;margin:0 !important;padding:20px !important;background:#fff;border:1px solid var(--csp-line);border-radius:16px;box-shadow:var(--csp-shadow);font:400 14px/1.6 Ubuntu,sans-serif;color:var(--csp-muted)}
  .csp-home-info > .widget.HTML{padding:0 !important;background:none;border:0;box-shadow:none}
  .csp-home-info > .widget.HTML .widget-content,.csp-home-info > .widget.HTML .csp-ask{height:100%}
  .csp-home-info > .widget h2,.csp-home-info > .widget h3.title{margin:0 0 10px;font:700 17px/1.3 Ubuntu,sans-serif;color:var(--csp-text)}
  .csp-home-info > .widget p{margin:0 0 10px}
  html.csp-dark .csp-home-info > .widget:not(.HTML){background:#1B1F26;border-color:#2E3440;color:#C3C8D2}
  html.csp-dark .csp-home-info > .widget h2,html.csp-dark .csp-home-info > .widget h3.title{color:#fff}
}
/* ---------- Barre di scorrimento in tutto il sito (24 ottobre 2026): sottili, azzurre, angoli tondi ----------
   Solo con il mouse (sul telefono le barre restano quelle del sistema). Le strisce che le nascondono restano senza barra */
@media (hover:hover) and (pointer:fine){
  html::-webkit-scrollbar{width:12px;height:12px}
  html::-webkit-scrollbar-track{background:#F3F6FB}
  html::-webkit-scrollbar-thumb{background:#9CC3EC;border:3px solid #F3F6FB;border-radius:8px}
  html::-webkit-scrollbar-thumb:hover{background:#1582E7}
  *::-webkit-scrollbar{width:8px;height:8px}
  *::-webkit-scrollbar-track{background:transparent}
  *::-webkit-scrollbar-thumb{background:#B9D3F0;background-clip:padding-box;border:2px solid transparent;border-radius:8px}
  *::-webkit-scrollbar-thumb:hover{background-color:#1582E7}
  *::-webkit-scrollbar-corner{background:transparent}
  html.csp-dark::-webkit-scrollbar-track{background:#101317}
  html.csp-dark::-webkit-scrollbar-thumb{background:#3D5A80;border-color:#101317}
  html.csp-dark::-webkit-scrollbar-thumb:hover{background:#5B9BE6}
  html.csp-dark *::-webkit-scrollbar-thumb{background-color:#3D5A80}
  html.csp-dark *::-webkit-scrollbar-thumb:hover{background-color:#5B9BE6}
  /* strisce che usano la barra sottile standard: stessi colori */
  .post-body .transpose-keys,.post-body .csp-diagrams,.post-body pre .csp-tab-in,.csp-pf .s-tabs,.csp-pf .s-rlist{scrollbar-color:#B9D3F0 transparent}
  html.csp-dark .post-body .transpose-keys,html.csp-dark .post-body .csp-diagrams,html.csp-dark .post-body pre .csp-tab-in,html.csp-dark .csp-pf .s-tabs,html.csp-dark .csp-pf .s-rlist{scrollbar-color:#3D5A80 transparent}
  /* Firefox */
  @supports not selector(::-webkit-scrollbar){
    html{scrollbar-color:#9CC3EC #F3F6FB}
    html.csp-dark{scrollbar-color:#3D5A80 #101317}
  }
}
/* home su computer: la colonna segue lo scorrimento e si ferma con il fondo allineato allo schermo,
   cosi accanto ai post non resta mai spazio vuoto (la posizione la calcola lo script) */
@media (min-width:1024px){
  body.feed-view .centered-bottom > .sidebar-container{position:sticky !important;top:var(--csp-side-top, 82px) !important;align-self:start !important}
}
/* ---------- Canzoni (24 ottobre 2026): fascia "Continua a suonare" sotto la canzone, a tutta larghezza ---------- */
.csp-suona{grid-column:1 / -1;clear:both;float:none;display:block;box-sizing:border-box;width:100%;max-width:none;margin:24px 0 36px;padding:0}
.csp-suona[hidden]{display:none}
.csp-suona-h{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:700 22px/1.25 Ubuntu,sans-serif;color:var(--csp-text)}
.csp-suona-h::before{content:"";width:5px;height:22px;border-radius:3px;background:linear-gradient(#3A7BE0,#0f5699)}
.csp-suona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
.csp-suona-grid > .widget{box-sizing:border-box;min-width:0;margin:0 !important;padding:18px !important;background:#fff !important;border:1px solid var(--csp-line) !important;border-radius:16px;box-shadow:var(--csp-shadow);text-align:center}
.csp-suona-grid > .csp-rel-w{text-align:left}
.csp-suona-grid > .widget,.csp-suona-grid > .widget .widget-content{height:auto !important;max-height:none !important;min-height:0 !important}
.csp-suona-grid > .widget.HTML{padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;overflow:visible}
.csp-suona-grid > .widget.HTML .widget-content{display:flex;height:100% !important}
.csp-suona-grid > .widget.HTML .widget-content > *{flex:1 1 auto}
.csp-suona-grid{align-items:stretch !important}
/* i banner distribuiscono il contenuto in tutta l'altezza del riquadro */
.csp-suona-grid > .widget.HTML .widget-content > *{justify-content:center !important;gap:12px}
/* Guarda anche: alto come i banner, righe distribuite fino in fondo */
.csp-suona-grid > .csp-rel-w{align-self:stretch;display:flex;flex-direction:column}
.csp-suona-grid > .csp-rel-w .csp-rel{flex:1 1 auto;display:flex;flex-direction:column}
.csp-suona-grid > .csp-rel-w .csp-rel li{flex:1 1 0;display:flex;align-items:center}
.csp-suona-grid > .csp-rel-w .csp-rel-a{width:100%}
.csp-suona-grid > .widget h2,.csp-suona-grid > .widget h3.title,.csp-suona-grid > .widget .title{margin:0 0 12px !important;font:700 17px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important;text-align:left}
@media (min-width:900px){.csp-suona-grid > .csp-rel-w{grid-column:span 2}.csp-suona-grid > .csp-rel-w .csp-rel{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;column-gap:20px}.csp-suona-grid > .csp-rel-w .csp-rel li:nth-child(2){border-top:0;padding-top:0}.csp-suona-grid > .csp-rel-w .csp-rel li:nth-last-child(2):nth-child(odd){padding-bottom:0}}
html.csp-dark .csp-suona-h{color:#fff}
html.csp-dark .csp-suona-grid > .widget:not(.HTML){background:#1B1F26 !important;border-color:#2E3440 !important;color:#DEE0E7}
html.csp-dark .csp-suona-grid > .widget h2,html.csp-dark .csp-suona-grid > .widget h3.title,html.csp-dark .csp-suona-grid > .widget .title{color:#fff !important}
@media print{.csp-suona{display:none !important}}
@media (min-width:746px) and (min-height:541px){
  /* tasto e velo propri (il menu del telefono qui non serve) */
  html.csp-dside .centered-top .csp-hamb,html.csp-dside .centered-top .hamburger-section.csp-emp-ham{display:none !important}
  html.csp-dside .csp-dmb{display:flex;align-items:center;justify-content:center;flex:none;align-self:center;width:42px;height:42px;margin:0 0 0 6px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:background-color .2s}
  @media (hover:hover) and (pointer:fine){html.csp-dside .csp-dmb:hover{background:#EEF4FC}}
  html.csp-dside .csp-dmb svg{width:24px;height:24px;fill:#1582E7}
  @media (hover:hover) and (pointer:fine){html.csp-dark.csp-dside .csp-dmb:hover{background:#22272F}}
  html.csp-dside .csp-dmdim{display:block;position:fixed;inset:0;z-index:2147480000;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s}
  html.csp-dmopen .csp-dmdim{opacity:1;pointer-events:auto}
  html.csp-dmopen,html.csp-dmopen body{overflow:hidden !important}
  /* contenuto centrato a tutta larghezza (nelle pagine non c'e piu la pubblicita laterale) */
  html.csp-dside .centered .centered-bottom{display:block !important;max-width:1180px !important;box-sizing:border-box;padding:0 16px !important;margin-left:auto !important;margin-right:auto !important}
  html.csp-dside .centered-bottom > .main-container{width:auto !important;max-width:none !important;min-width:0;margin:0 !important;float:none !important}
  html.csp-dside .centered-bottom > .sidebar-container{position:static !important;z-index:auto !important;width:auto !important;height:0 !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;background:none !important;overflow:visible !important}
  html.csp-dside .centered-bottom > .sidebar-container .csp-side-ad{display:none !important}
  /* i riquadri: pannello che entra da destra */
  html.csp-dside #sidebar_item{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;z-index:2147480001 !important;display:flex !important;flex-direction:column;gap:16px;width:min(360px,90vw) !important;max-width:none !important;margin:0 !important;padding:0 16px 24px !important;box-sizing:border-box;overflow-y:auto !important;overscroll-behavior:contain;background:#F3F6FB !important;transform:translateX(105%) !important;visibility:hidden !important;box-shadow:-24px 0 48px rgba(10,30,60,.18);transition:transform .3s var(--csp-ease-out),visibility 0s linear .3s !important}
  html.csp-dmopen #sidebar_item{transform:none !important;visibility:visible !important;transition:transform .3s var(--csp-ease-out),visibility 0s !important}
  html.csp-dside #sidebar_item > *{flex:none !important}
  html.csp-dside #sidebar_item > .widget,html.csp-dside #sidebar_item > .widget .widget-content{height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important}
  html.csp-dside #sidebar_item > .widget.HTML{padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important}
  html.csp-dside #sidebar_item > .widget.HTML#HTML3{padding:16px 18px !important;background:#fff !important;border:1px solid var(--csp-line) !important;border-radius:16px}
  html.csp-dark.csp-dside #sidebar_item > .widget.HTML#HTML3{background:#1B1F26 !important;border-color:#2E3440 !important}
  html.csp-dside .csp-side-x{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;flex:none;box-sizing:border-box;width:calc(100% + 32px);margin:0 -16px -8px;padding:12px 16px 8px;background:linear-gradient(#F3F6FB 75%,rgba(243,246,251,0))}
  html.csp-dside .csp-side-x span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #DCE5F2;border-radius:50%;background:#fff;cursor:pointer}
  html.csp-dside .csp-side-x svg{width:22px;height:22px;fill:#1582E7}
  html.csp-dark.csp-dside #sidebar_item{background:#111316 !important}
  html.csp-dark.csp-dside .csp-side-x{background:linear-gradient(#111316 75%,rgba(17,19,22,0))}
  html.csp-dark.csp-dside .csp-side-x span{background:#1B1F26;border-color:#2E3440}
}
@media print{.csp-hamb,.csp-drawer,.csp-drawer-dim{display:none !important}}
/* ---------- Pagine su computer: la stessa barra del menu della home ----------
   Blogger la mette nell'intestazione; nelle pagine la sposto sopra il contenuto,
   cosi scorre via come in home e l'intestazione fissa resta bassa. */

/* la barra blu del menu di Blogger non serve piu (su PC c'e il menu nell'intestazione, sul telefono
   il menu laterale): tutta la barra e nascosta, in ogni pagina */
.top-nav,.centered-top .top-nav,.centered-bottom > .top-nav{display:none !important}

/* ---------- Sito "da app": apertura delle pagine senza lampo bianco ----------
   Chrome, Edge, Brave e Safari recenti fanno una dissolvenza tra una pagina e l'altra;
   l'intestazione fissa resta ferma. Gli altri browser aprono le pagine come sempre. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease}
.centered-top-container.sticky{view-transition-name:csp-head}
/* l'intestazione non partecipa alla dissolvenza: resta ferma e viene sostituita senza animazione */
::view-transition-group(csp-head){animation:none}
::view-transition-old(csp-head){animation:none;opacity:0}
::view-transition-new(csp-head){animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* ---------- Intestazione uguale ovunque: niente freccia "indietro" (il logo porta alla home) ---------- */
.centered-top .return_link{display:none !important}
/* niente rotellina grigia di Emporio (compariva in alto a sinistra cambiando pagina) */
.loading-spinner-large,.mspin-grey_54-large,.mspin-black-large,.mspin-white-large{display:none !important}
/* logo allineato allo stesso punto in home, pagine e canzoni (Emporio lasciava 16px in home per il suo tasto menu) */
.centered-top .blog-name,.sticky .centered-top .blog-name{margin-left:0 !important}

/* ---------- Messaggi di Blogger con lo stile del sito ---------- */
.post-filter-message{display:flex !important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;box-sizing:border-box;margin:20px 8px 16px !important;padding:14px 18px !important;border-radius:16px;background:#fff !important;border:1px solid var(--csp-line);box-shadow:var(--csp-shadow);font:500 15px/1.45 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
.post-filter-message>div:first-child{flex:1 1 220px !important}
.post-filter-message .search-label,.post-filter-message .search-query{font-style:normal !important;font-weight:700;color:var(--csp-blue)}
.post-filter-message a{display:inline-flex !important;align-items:center;margin:0 !important;padding:9px 16px !important;border-radius:20px;background:var(--csp-blue);color:#fff !important;font:700 13.5px/1 Ubuntu,sans-serif !important;text-transform:none !important;text-decoration:none !important;white-space:nowrap}
.no-posts-message,.status-msg-body{box-sizing:border-box;margin:16px 8px !important;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--csp-line);font:500 15px/1.5 Ubuntu,sans-serif !important;color:var(--csp-text);text-align:center;line-height:1.5 !important}
html.csp-dark .post-filter-message,html.csp-dark .no-posts-message,html.csp-dark .status-msg-body{background:#1B1F26 !important;border-color:#2E3440;color:#DEE0E7 !important}
html.csp-dark .post-filter-message .search-label,html.csp-dark .post-filter-message .search-query{color:#8FB8F0}
html.csp-dark .post-filter-message a{background:#1582E7}

/* ---------- Pagina non trovata (404) ---------- */
.csp-404{box-sizing:border-box;max-width:720px;margin:24px auto;padding:34px 26px 30px;border-radius:20px;background:#fff;border:1px solid var(--csp-line);box-shadow:var(--csp-shadow);text-align:center;font-family:Ubuntu,sans-serif}
.csp-404-n{display:block;font:800 64px/1 Ubuntu,sans-serif;color:var(--csp-blue);letter-spacing:-.02em}
.csp-404 h1{margin:10px 0 8px;font:700 24px/1.25 Ubuntu,sans-serif;color:var(--csp-text)}
.csp-404 p{margin:0 auto 18px;max-width:480px;font:400 15.5px/1.55 Ubuntu,sans-serif;color:var(--csp-muted)}
.csp-404 form{display:flex;gap:8px;max-width:460px;margin:0 auto 18px}
.csp-404 input{flex:1;min-width:0;height:46px;padding:0 16px;border:1px solid var(--csp-line);border-radius:23px;font:400 16px Ubuntu,sans-serif;color:var(--csp-text);background:#fff}
.csp-404 button{height:46px;padding:0 20px;border:0;border-radius:23px;background:var(--csp-blue);color:#fff;font:700 15px Ubuntu,sans-serif;cursor:pointer}
.csp-404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.csp-404-links a{padding:9px 15px;border:1px solid #DCE5F2;border-radius:20px;color:var(--csp-blue) !important;font:700 14px/1 Ubuntu,sans-serif;text-decoration:none !important}
@media (hover:hover) and (pointer:fine){.csp-404-links a:hover{border-color:#1582E7;background:#F3F8FF}}
.error-view .csp-404 ~ .status-msg-wrap,.error-view .main .status-msg-wrap{display:none}
html.csp-dark .csp-404{background:#1B1F26;border-color:#2E3440}
html.csp-dark .csp-404 h1{color:#fff}
html.csp-dark .csp-404 input{background:#111316;border-color:#2E3440;color:#fff}
html.csp-dark .csp-404-links a{border-color:#2E3440;color:#ACD1F3 !important}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-404-links a:hover{background:#22272F}}
/* ---------- Menu nell'intestazione (computer): una sola riga, uguale ovunque ---------- */
.csp-hnav{display:none}
@media (min-width:746px){
  .centered-top{align-items:center !important}
  .centered-top .blog-name,.sticky .centered-top .blog-name{flex:0 0 auto !important}
  .centered-top .search,.sticky .centered-top .search{flex:0 0 auto !important;width:220px !important}
  .centered-top .search .section{width:100% !important;max-width:100% !important}
  .centered-top .search .search-input{width:100% !important;box-sizing:border-box}
  .centered-top .search .search-input input{width:100% !important;box-sizing:border-box !important}
  .centered-top .subscribe-section-container,.centered-top-container.sticky .centered-top .subscribe-section-container{flex:0 0 auto;order:2;margin:0;min-width:0}
  .centered-top .subscribe-section-container:empty{display:none}
  .centered-top .csp-acct,.centered-top-container.sticky .centered-top .csp-acct{align-self:center !important;margin-top:0 !important;margin-bottom:0 !important}
  .centered-top .csp-hnav{display:flex;order:1;flex:1 1 0;min-width:0;align-items:center;align-self:center;height:48px;margin:0 6px 0 18px}
  .csp-hn{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none}
  .csp-hn > li{position:relative;flex:0 0 auto;margin:0;padding:0;list-style:none}
  .csp-hn > li.csp-off{display:none}
  .csp-hn > li > a,.csp-hn > li > button{position:relative;display:flex;align-items:center;gap:4px;height:40px;margin:0;padding:0 11px;border:0;border-radius:10px;background:none;color:#1A1D24 !important;font:600 14px/1 Ubuntu,sans-serif;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
  .csp-hn > li.open > button{background:#EEF4FC;color:#0f5699 !important}@media (hover:hover) and (pointer:fine){.csp-hn > li > a:hover,.csp-hn > li > button:hover{background:#EEF4FC;color:#0f5699 !important}}
  .csp-hn > li.on > a,.csp-hn > li.on > button{color:#0f5699 !important}
  .csp-hn > li.on > a::after,.csp-hn > li.on > button::after{content:'';position:absolute;left:11px;right:11px;bottom:3px;height:2px;border-radius:2px;background:#1582E7}
  .csp-hn .csp-chev{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
  .csp-hn > li.open .csp-chev{transform:rotate(180deg)}
  .csp-hn .csp-hn-fav{padding:0 9px}
  .csp-hn .csp-hn-fav svg{width:21px;height:21px;fill:none;stroke:#E0245E;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .csp-hn > li.on .csp-hn-fav svg{fill:#E0245E}
  .csp-hn-sub{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:60;box-sizing:border-box;min-width:210px;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--csp-line);box-shadow:0 16px 40px rgba(8,20,38,.18)}
  .csp-hn-more .csp-hn-sub{left:auto;right:0}
  .csp-hn > li.open > .csp-hn-sub{display:block}
  .csp-hn-sub a{display:block;padding:10px 12px;border-radius:9px;color:#1A1D24 !important;font:500 14.5px/1.2 Ubuntu,sans-serif;text-decoration:none !important;white-space:nowrap}
  @media (hover:hover) and (pointer:fine){.csp-hn-sub a:hover{background:#EEF4FC;color:#0f5699 !important}}
  .csp-hn-sub a.on{color:#0f5699 !important;font-weight:700}
  .csp-hn-sub b{display:block;padding:10px 12px 4px;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--csp-muted)}
  html.csp-dark .csp-hn > li > a,html.csp-dark .csp-hn > li > button{color:#DEE0E7 !important}
  html.csp-dark .csp-hn > li.open > button{background:#22272F;color:#8FB8F0 !important}@media (hover:hover) and (pointer:fine){html.csp-dark .csp-hn > li > a:hover,html.csp-dark .csp-hn > li > button:hover{background:#22272F;color:#8FB8F0 !important}}
  html.csp-dark .csp-hn > li.on > a,html.csp-dark .csp-hn > li.on > button{color:#8FB8F0 !important}
  html.csp-dark .csp-hn-sub{background:#1B1F26;border-color:#2E3440}
  html.csp-dark .csp-hn-sub a{color:#DEE0E7 !important}
  @media (hover:hover) and (pointer:fine){html.csp-dark .csp-hn-sub a:hover{background:#22272F;color:#8FB8F0 !important}}

}
@media (min-width:746px) and (max-width:1100px){
  /* tablet: la ricerca resta un tasto e si apre quando la tocchi, cosi le voci del menu ci stanno */
  .centered-top .search,.sticky .centered-top .search{width:40px !important;transition:width .2s ease}
  .centered-top .search:focus-within,.sticky .centered-top .search:focus-within{width:220px !important}
  .centered-top .search:not(:focus-within) input::placeholder{color:transparent !important}
  /* tasto chiuso: la lente al centro del cerchio */
  .centered-top .search:not(:focus-within) .search-input input{background-image:none !important;padding-left:0 !important;padding-right:0 !important}
  .centered-top .search:not(:focus-within) .section{position:relative}
  .centered-top .search:not(:focus-within) .section::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231582E7' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 50% 50%/20px 20px}
  .centered-top .search:not(:focus-within) .csp-sx{display:none !important}
  /* ricerca chiusa: un tasto rotondo grande come quello dell'account, solo la lente, allineato */
  html body .centered-top .search:not(:focus-within),html body .sticky .centered-top .search:not(:focus-within){height:40px !important;align-self:center !important;margin-top:0 !important;margin-bottom:0 !important}
  html body .centered-top .search:not(:focus-within) .section{width:40px !important;height:40px !important;border-radius:50% !important;border:1px solid var(--csp-line) !important;box-shadow:none !important}
  html body .centered-top .search:not(:focus-within) form,html body .centered-top .search:not(:focus-within) .search-input input{height:38px !important;line-height:38px !important}
  html body .centered-top .search:not(:focus-within) .search-input input{color:transparent !important;caret-color:transparent}
  html body .centered-top .search:not(:focus-within) .search-input input::placeholder{color:transparent !important;opacity:0 !important}
  html body .centered-top .search:not(:focus-within) .section{background:#fff !important}
  html.csp-dark body .centered-top .search:not(:focus-within) .section{background:#1B1F26 !important;border-color:#2E3440 !important}
  html body .centered-top .search:not(:focus-within) .section > *{opacity:0 !important}
  /* toccando il cerchio si apre la casella (non parte una ricerca vuota) */
  html body .centered-top .search:not(:focus-within) .search-submit-container{pointer-events:none !important}
  .csp-hn > li > a,.csp-hn > li > button{padding:0 8px;font-size:13.5px}
}

/* ---------- Elenco delle sezioni nel menu laterale (telefono) ---------- */
.csp-dmenu{display:block;box-sizing:border-box;margin:0 0 14px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(10,30,60,.06);font-family:Ubuntu,sans-serif}
.csp-dmenu-h{display:block;padding:8px 10px 6px;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5A6272}
.csp-dmenu a,.csp-dm-grp > button{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:46px;margin:0;padding:0 10px;border:0;border-radius:10px;background:none;color:#1A1D24 !important;font:600 15.5px/1.2 Ubuntu,sans-serif;text-align:left;text-decoration:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.csp-dmenu a svg,.csp-dm-grp > button > svg:first-child{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#1582E7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.csp-dmenu a[data-fav] svg{stroke:#E0245E}
.csp-dmenu a:active,.csp-dm-grp > button:active{background:#EEF4FC}
.csp-dmenu a.on{background:#EEF4FC;color:#0f5699 !important}
.csp-dm-grp > button span{flex:1}
.csp-dm-grp .csp-chev{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#5A6272;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.csp-dm-grp.open .csp-chev{transform:rotate(180deg)}
.csp-dm-sub{display:none;padding:0 0 4px 32px}
.csp-dm-grp.open .csp-dm-sub{display:block}
.csp-dm-sub a{min-height:42px;font-weight:500;font-size:15px}
html.csp-dark .csp-dmenu{background:#1B1F26}
html.csp-dark .csp-dmenu-h{color:#9AA3B2}
html.csp-dark .csp-dmenu a,html.csp-dark .csp-dm-grp > button{color:#DEE0E7 !important}
html.csp-dark .csp-dmenu a.on,html.csp-dark .csp-dmenu a:active,html.csp-dark .csp-dm-grp > button:active{background:#22272F;color:#8FB8F0 !important}
.csp-drawer-menu{padding:0 14px}
@media (min-width:746px){.sidebar-container .csp-dmenu{display:none}}
@media print{.csp-hnav,.csp-dmenu{display:none !important}}
/* ---------- Home "da sito vero": scorciatoie alle sezioni, piede di pagina completo ---------- */
.csp-explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0}
.csp-explore a{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;min-width:0;padding:16px 18px;border-radius:16px;background:var(--csp-card,#fff);box-shadow:var(--csp-shadow);text-decoration:none !important;color:var(--csp-text) !important;transition:transform .2s ease,box-shadow .2s ease}
@media (hover:hover) and (pointer:fine){.csp-explore a:hover{transform:translateY(-3px);box-shadow:var(--csp-shadow-hover)}}
.csp-ex-ic{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#EAF2FC}
.csp-explore b{align-self:end}
.csp-explore small{align-self:start}
.csp-ex-ic svg{width:22px;height:22px;fill:none;stroke:#1582E7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.csp-explore b{font:700 15px/1.25 Ubuntu,sans-serif}
.csp-explore small{font:400 12.5px/1.35 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272)}
@media (max-width:745px){
  .csp-explore{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
  .csp-explore a{grid-template-rows:auto;column-gap:10px;padding:12px}
  .csp-explore b{align-self:center}
  .csp-ex-ic{grid-row:auto;width:36px;height:36px;border-radius:10px}
  .csp-ex-ic svg{width:19px;height:19px}
  .csp-explore b{font-size:14px}
  .csp-explore small{display:none}
}
html.csp-dark .csp-explore a{background:#1B1F26;color:#DEE0E7 !important}
html.csp-dark .csp-ex-ic{background:#22324A}
html.csp-dark .csp-ex-ic svg{stroke:#8FB8F0}
/* tracce di Blogger: crediti immagini del tema, titolo "Post"; Archivio e Visualizzazioni anche se Blogger li ha tenuti nel Layout */
footer.footer .image-attribution,.main-heading,.widget.BlogArchive,.widget.Stats,#BlogArchive1,#Stats1{display:none !important}
/* banner "Nessuno lo sa": nascosto anche se Blogger tiene i widget HTML1/HTML5 nel Layout */
#banner-packy,.widget.HTML a[href*="bit.ly/4dh0bCL"],.widget:has(#banner-packy),.widget:has(> .widget-content > a[href*="bit.ly/4dh0bCL"]){display:none !important}
/* piede di pagina */
.csp-foot{background:var(--csp-navy,#0B2340);color:#C9D6EA}
.csp-foot-in{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:48px 24px 32px}
.csp-foot-name{display:inline-block;margin-bottom:10px;font:700 20px/1.2 Ubuntu,sans-serif;color:#fff !important;text-decoration:none !important}
.csp-foot-brand p{margin:0;max-width:360px;font:400 14px/1.6 Ubuntu,sans-serif;color:#C9D6EA}
.csp-foot-col{display:flex;flex-direction:column;gap:9px}
.csp-foot-col b{margin-bottom:4px;font:700 13px/1.2 Ubuntu,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.csp-foot-col a{font:400 14px/1.3 Ubuntu,sans-serif;color:#C9D6EA !important;text-decoration:none !important}
@media (hover:hover) and (pointer:fine){.csp-foot-col a:hover{color:#fff !important;text-decoration:underline !important}}
.csp-foot-legal{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:0 24px 22px}
.csp-foot-legal p{margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font:400 12px/1.6 Ubuntu,sans-serif;color:#8FA3C0}
footer.footer{border-top:1px solid rgba(255,255,255,.12)}
footer.footer .widget-content{display:flex;justify-content:center}
footer.footer .copyright{font:400 13px/1.4 Ubuntu,sans-serif !important}
@media (max-width:900px){.csp-foot-in{grid-template-columns:repeat(3,1fr)}.csp-foot-brand{grid-column:1 / -1}}
@media (max-width:560px){.csp-foot-in{grid-template-columns:1fr 1fr;gap:28px 20px;padding:36px 20px 24px}.csp-foot-col:last-child{grid-column:1 / -1}}
html.csp-dark .csp-foot{background:#0B0D10}
html.csp-dark footer.footer{background:#0B0D10 !important}
@media print{.csp-foot,.csp-explore{display:none !important}}

/* Inglese / Latino al posto dell'interruttore "Traduci accordi" */
.post-body .form-check.csp-nota-on > .form-check-input,.post-body .form-check.csp-nota-on > .form-check-label{display:none !important}
.csp-nota{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#E6ECF5}
.csp-nota button{margin:0;padding:8px 15px;border:0;border-radius:999px;background:none;font:600 14px/1 Ubuntu,sans-serif;color:#4A5568;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}
.csp-nota button.on{background:#fff;color:#0f5699;box-shadow:0 1px 3px rgba(10,30,60,.18)}
.csp-nota button:focus-visible{outline:2px solid #1582E7;outline-offset:1px}
html.csp-dark .csp-nota{background:#22272F}
html.csp-dark .csp-nota button{color:#B5BCC8}
html.csp-dark .csp-nota button.on{background:#323A47;color:#fff;box-shadow:none}
@media print{.csp-nota{display:none !important}}

/* Registrazione della sincronizzazione (#registra): barra sottile in alto */
.csp-rec{position:fixed;left:8px;right:8px;top:calc(var(--csp-hh,62px) + 6px);z-index:2147482000;max-width:560px;margin:0 auto;padding:6px 6px 6px 12px;border-radius:14px;background:#0B2340;color:#E6EEF8;box-shadow:0 10px 26px rgba(0,0,0,.3);font:400 13px/1.45 Ubuntu,sans-serif}
.csp-rec-row{display:flex;align-items:center;gap:6px}
.csp-rec-row i{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:#FF4D4D;animation:csp-rec-dot 1.2s ease-in-out infinite}
@keyframes csp-rec-dot{50%{opacity:.35}}
.csp-rec [data-n]{flex:1 0 auto;margin-right:2px;font:700 13px/1 Ubuntu,sans-serif;color:#FFC93C;white-space:nowrap}
.csp-rec button{flex:0 0 auto;min-width:32px;height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:none;color:#fff;font:600 12.5px/1 Ubuntu,sans-serif;cursor:pointer}
.csp-rec button.csp-rec-main{background:#1582E7;border-color:#1582E7}
.csp-rec button:disabled{opacity:.4;cursor:default}
.csp-rec p{margin:8px 4px 4px}
.csp-rec p[hidden]{display:none}
.csp-rec textarea{display:block;width:100%;box-sizing:border-box;height:64px;margin-top:8px;padding:8px;border:0;border-radius:8px;font:12px/1.3 monospace;color:#0B2340}
.csp-rec textarea[hidden]{display:none}
@media (max-width:380px){.csp-rec button{padding:0 8px;font-size:12px}}
.csp-rec-flash{position:absolute;height:32px;border-radius:8px;background:rgba(255,201,60,.45);pointer-events:none;z-index:50;animation:csp-rec-fl .7s ease forwards}
@keyframes csp-rec-fl{from{opacity:1}to{opacity:0}}
@media print{.csp-rec{display:none !important}}

/* Pagine: niente titolo di Blogger sopra la grafica (resta per i motori di ricerca e i lettori di schermo) */
body.csp-pg .post-outer .post-title-container{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}
body.csp-pg .csp-share-btn{display:flex;width:max-content;height:36px;margin:0 0 12px auto;padding:0 14px 0 12px;font-size:14px}

/* Grafica in cima alle pagine (stessa delle altre pagine) */
.csp-phero{position:relative;overflow:hidden;margin:0 0 22px;padding:28px 26px;border-radius:20px;background:#0B2A4A;color:#fff;font:400 16px/1.6 Ubuntu,sans-serif;text-align:left}
.csp-phero:after{content:'';position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:38px solid rgba(255,255,255,.06);pointer-events:none}
.csp-phero > *{position:relative;z-index:1}
.csp-phero-k{display:inline-block;padding:5px 10px;border-radius:6px;background:#FFC93C;color:#0B2A4A;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.post-body .csp-phero h2{margin:12px 0 6px !important;padding:0 !important;border:0 !important;font:700 40px/1.05 Ubuntu,sans-serif !important;color:#fff !important}
.post-body .csp-phero p{margin:0 !important;max-width:620px;font:400 16px/1.6 Ubuntu,sans-serif;color:#DCE6F5 !important}
.post-body .csp-phero a{color:#FFC93C !important;font-weight:700;text-decoration:underline !important}
@media (max-width:745px){.csp-phero{padding:22px 18px}.post-body .csp-phero h2{font-size:30px !important}}
/* Condividi come icona nell'angolo della grafica */
.csp-has-share{position:relative}
.csp-has-share > .csp-share-btn.csp-share-in{position:absolute !important;top:14px;right:14px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px !important;height:40px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.95) !important;color:#0f5699 !important;font-size:0 !important;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.csp-has-share > .csp-share-btn.csp-share-in svg{width:19px;height:19px;flex:0 0 19px}
@media (hover:hover) and (pointer:fine){.csp-has-share > .csp-share-btn.csp-share-in:hover{background:#fff !important;transform:scale(1.05)}}
html.csp-dark .csp-has-share > .csp-share-btn.csp-share-in{background:rgba(255,255,255,.16) !important;color:#fff !important;box-shadow:none}
@media print{.csp-share-in{display:none !important}}

/* Titolo della canzone: titolo grande, artista sotto, riga con tonalita e data */
.csp-song-t .post-title[data-csp-t]{margin-bottom:4px !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}
.csp-song-t .post-title[data-csp-t] .csp-pt-t{grid-column:1;grid-row:1}
.csp-song-t .post-title[data-csp-t] .csp-pt-a{grid-column:1;grid-row:2;justify-self:start}
.csp-song-t .post-title[data-csp-t] button.csp-fav{grid-column:2;grid-row:1;align-self:center;justify-self:end}
.csp-song-t .byline.post-labels,.csp-song-t .post-header .post-labels,.csp-song-t .post-outer .labels-outer-container{display:none !important}
.csp-pt-t{display:block;font:700 40px/1.08 Ubuntu,sans-serif;color:var(--csp-text,#1A1D24);letter-spacing:-.01em}
.csp-pt-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.post-title .csp-pt-a{display:block;margin-top:8px;font:600 19px/1.3 Ubuntu,sans-serif !important;letter-spacing:.06em;text-transform:uppercase;color:#5A6272}
.post-title .csp-pt-a a{font:inherit !important;letter-spacing:inherit;color:#0f5699 !important;text-decoration:none !important}
.post-title .csp-pt-and{white-space:pre}
@media (hover:hover) and (pointer:fine){.post-title .csp-pt-a a:hover{text-decoration:underline !important;text-underline-offset:3px}}
.csp-song-t .post-title[data-csp-t] button.csp-fav{top:0 !important;margin:0 !important}
.csp-song-t .post-header .post-timestamp,.csp-song-t .post-outer .byline.post-timestamp{display:none !important}
.csp-pt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:4px 0 4px;font:400 14px/1.4 Ubuntu,sans-serif;color:#5A6272}
.csp-pt-meta b{font-weight:700;color:var(--csp-text,#1A1D24)}
.csp-pt-meta > span + span:before{content:'';display:inline-block;width:4px;height:4px;margin:0 12px 2px 0;border-radius:50%;background:#B8C2D2;vertical-align:middle}
@media (max-width:745px){.csp-pt-t{font-size:30px}.post-title .csp-pt-a{font-size:16px !important;margin-top:6px}.csp-pt-meta{font-size:13px}}
html.csp-dark .csp-pt-t{color:#fff}
html.csp-dark .post-title .csp-pt-a{color:#9AA3B2}
html.csp-dark .post-title .csp-pt-a a{color:#8FB8F0 !important}
html.csp-dark .csp-pt-meta{color:#9AA3B2}
html.csp-dark .csp-pt-meta b{color:#fff}

/* Pagina artista */
.csp-artist{margin-top:16px}
.csp-art-back{display:inline-block;margin-bottom:14px;font:600 13px/1 Ubuntu,sans-serif;color:#C9D6EA !important;text-decoration:none !important}
@media (hover:hover) and (pointer:fine){.csp-art-back:hover{color:#fff !important}}
.csp-art-row{display:flex;align-items:center;gap:20px}
.csp-art-av{flex:0 0 88px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1582E7,#0f5699);box-shadow:0 0 0 4px rgba(255,255,255,.12);font:700 40px/1 Ubuntu,sans-serif;color:#fff}
.csp-art-txt{min-width:0}
.csp-artist h1{margin:10px 0 4px !important;padding:0 !important;font:700 42px/1.05 Ubuntu,sans-serif !important;color:#fff !important;overflow-wrap:anywhere}
.csp-art-n{margin:0 !important;font:400 16px/1.4 Ubuntu,sans-serif;color:#DCE6F5}
.csp-artist-view .post-filter-message,.csp-search-view .post-filter-message{display:none !important}
.csp-search-hero{margin-top:16px}
.csp-search-hero h1{margin:12px 0 6px !important;padding:0 !important;font:700 40px/1.08 Ubuntu,sans-serif !important;color:#fff !important;overflow-wrap:anywhere}
.csp-sr-n{margin:0 !important;font:400 16px/1.5 Ubuntu,sans-serif;color:#DCE6F5}
.csp-sr-n a{color:#FFC93C !important;font-weight:700;text-decoration:underline !important}
@media (max-width:745px){.csp-search-hero h1{font-size:28px !important}.csp-sr-n{font-size:14px}}
.csp-art-head{margin-top:28px}
@media (max-width:745px){.csp-art-row{gap:14px}.csp-art-av{flex-basis:64px;width:64px;height:64px;font-size:28px}.csp-artist h1{font-size:30px !important}.csp-art-n{font-size:14px}}

/* Schede: nome dell'artista come testo, non come etichetta */
.csp-card-meta .csp-chip{padding:0 !important;border-radius:0 !important;background:none !important;font:600 12.5px/1.35 Ubuntu,sans-serif !important;letter-spacing:.06em;color:#0f5699 !important}
html.csp-dark .csp-card-meta .csp-chip{color:#8FB8F0 !important}
.csp-card-artist{min-width:0;font:600 12.5px/1.35 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#0f5699;overflow-wrap:anywhere}
.csp-card-meta .csp-card-artist + .csp-date:before{content:'';display:inline-block;width:4px;height:4px;margin:0 9px 2px 0;border-radius:50%;background:#B8C2D2;vertical-align:middle}
.csp-card-meta{justify-content:flex-start !important}
.csp-card-meta.csp-mwrap .csp-card-artist + .csp-date:before{display:none}
html.csp-dark .csp-card-artist{color:#8FB8F0}
@media (max-width:745px){.csp-card-meta{flex-direction:column;align-items:flex-start !important;gap:3px !important}.csp-card-meta .csp-card-artist + .csp-date:before{display:none}}

/* Ricerca nell'intestazione (computer): lente a sinistra e tasto per cancellare */
.csp-sx{display:none}
@media (min-width:746px){
  .centered-top .search .section{position:relative}
  .centered-top .search .search-input{position:relative}
  .centered-top .search .search-input input{padding-left:44px !important;padding-right:38px !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231582E7' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px 50%/19px 19px !important}
  .centered-top .search .search-submit-container{position:absolute !important;left:0;top:0;bottom:0;width:44px;opacity:0;z-index:2;margin:0 !important;cursor:pointer}
  .csp-sx{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:#EEF2F8;cursor:pointer;z-index:3}
  .csp-sx[hidden]{display:none}
  .csp-sx svg{width:14px;height:14px;fill:none;stroke:#5A6272;stroke-width:2.6;stroke-linecap:round}
  html.csp-dark .csp-sx{background:#2A303A}
  html.csp-dark .csp-sx svg{stroke:#C9CED8}
}
/* Ricerca a tutto schermo (telefono) */
.csp-ss{position:fixed;inset:0;z-index:2147483000;display:none;flex-direction:column;background:#F3F6FB;font-family:Ubuntu,sans-serif}
.csp-ss.csp-open{display:flex}
html.csp-ss-lock,html.csp-ss-lock body{overflow:hidden !important}
.csp-ss-bar{display:flex;align-items:center;gap:6px;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px 6px;background:#fff;border-bottom:1px solid #E3E9F2}
.csp-ss-back{flex:0 0 44px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.csp-ss-back svg{width:24px;height:24px;fill:#1582E7}
.csp-ss-field{position:relative;flex:1 1 auto;min-width:0}
.csp-ss-lens{position:absolute;left:14px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:#1582E7;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.csp-ss-field input{display:block;width:100%;box-sizing:border-box;height:46px;margin:0;padding:0 42px 0 42px;border:0;border-radius:23px;background:#EEF2F8;font:400 16px Ubuntu,sans-serif;color:#1A1D24;outline:0;-webkit-appearance:none;appearance:none}
.csp-ss-field input::-webkit-search-cancel-button{display:none}
.csp-ss-field input:focus{box-shadow:0 0 0 2px #1582E7}
.csp-ss-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:50%;background:#D9E1EC;cursor:pointer}
.csp-ss-x[hidden]{display:none}
.csp-ss-x svg{width:14px;height:14px;fill:none;stroke:#3C4554;stroke-width:2.6;stroke-linecap:round}
.csp-ss-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 14px calc(24px + env(safe-area-inset-bottom,0px))}
.csp-ss-head{display:flex;align-items:center;justify-content:space-between;margin:16px 4px 8px;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5A6272}
.csp-ss-head button{margin:0;padding:6px 0;border:0;background:none;font:600 13px Ubuntu,sans-serif;letter-spacing:0;text-transform:none;color:#1582E7;cursor:pointer}
.csp-ss-chips{display:flex;flex-wrap:wrap;gap:8px}
.csp-ss-chips a{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:9px 14px 9px 11px;border-radius:20px;background:#fff;border:1px solid #E3E9F2;font:500 14px/1.2 Ubuntu,sans-serif;color:#1A1D24 !important;text-decoration:none !important}
.csp-ss-chips a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csp-ss-chips svg,.csp-ss-av svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#8A93A3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.csp-ss-list{overflow:hidden;border-radius:16px;background:#fff;border:1px solid #E3E9F2}
.csp-ss-list a{display:flex;align-items:center;gap:12px;min-height:52px;padding:9px 14px;border-top:1px solid #EEF2F8;color:#1A1D24 !important;text-decoration:none !important}
.csp-ss-list a:first-child{border-top:0}
.csp-ss-list a:active{background:#EEF4FC}
.csp-ss-list img,.csp-ss-ph{flex:0 0 64px;width:64px;height:36px;object-fit:cover;border-radius:6px;background:#0f5699}
.csp-ss-av{flex:0 0 36px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#E8EFF9}
.csp-ss-av svg{stroke:#1582E7}
.csp-ss-n{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#FFF1B8;font:700 13px/1 Ubuntu,sans-serif;color:#8A5A00}
.csp-ss-list .t{display:block;font:700 15px/1.25 Ubuntu,sans-serif}
.csp-ss-list .a{display:block;margin-top:2px;font:600 11.5px/1.3 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#0f5699}
.csp-ss-list mark{background:#FFF1B8;color:inherit;border-radius:3px;padding:0 1px}
.csp-ss-all{display:block;margin:14px 0 0;padding:14px;border-radius:14px;background:#0f5699;text-align:center;font:700 15px Ubuntu,sans-serif;color:#fff !important;text-decoration:none !important}
.csp-ss-hint{margin:22px 6px;font:400 15px/1.5 Ubuntu,sans-serif;color:#5A6272}
.csp-ss-hint a{color:#0f5699 !important;font-weight:700}
html.csp-dark .csp-ss{background:#111316}
html.csp-dark .csp-ss-bar{background:#1B1F26;border-color:#2A303A}
html.csp-dark .csp-ss-field input{background:#262B34;color:#fff}
html.csp-dark .csp-ss-x{background:#3A414D}
html.csp-dark .csp-ss-x svg{stroke:#DEE0E7}
html.csp-dark .csp-ss-head{color:#9AA3B2}
html.csp-dark .csp-ss-chips a,html.csp-dark .csp-ss-list{background:#1B1F26;border-color:#2A303A;color:#DEE0E7 !important}
html.csp-dark .csp-ss-list a{border-color:#262B34;color:#DEE0E7 !important}
html.csp-dark .csp-ss-list a:active{background:#232934}
html.csp-dark .csp-ss-list .a{color:#8FB8F0}
html.csp-dark .csp-ss-av{background:#22324A}
html.csp-dark .csp-ss-list mark{color:#1A1D24}
html.csp-dark .csp-ss-hint{color:#9AA3B2}
html.csp-dark .csp-ss-hint a{color:#8FB8F0 !important}
@media (min-width:746px){.csp-ss{display:none !important}}

/* "Fuori tempo?" nel lettore */
.csp-pl-time{display:flex;align-items:center;gap:4px;min-width:0}
html body .csp-pl-ctrl .csp-pl-time .csp-pl-fix{width:auto !important;height:24px !important;margin:0 0 0 auto;padding:0 10px !important;border-radius:12px !important;background:rgba(255,201,60,.18) !important;color:#FFD566 !important;font:700 11.5px/1 Ubuntu,sans-serif;white-space:nowrap}
html body .csp-pl-ctrl .csp-pl-time .csp-pl-fix[hidden]{display:none !important}
html body .csp-pl-ctrl .csp-pl-close{order:1}
html body .csp-pl-ctrl .csp-pl-time{order:2;flex:1 1 100%}
@media (hover:hover) and (pointer:fine){html body .csp-pl-ctrl .csp-pl-time .csp-pl-fix:hover{background:rgba(255,201,60,.3) !important}}
.csp-rec p{max-width:520px}

/* Approvazione dei tempi (solo per il gestore) */
.csp-mod{position:fixed;inset:0;z-index:2147483100;display:flex;align-items:flex-start;justify-content:center;padding:70px 12px 20px;background:rgba(8,20,38,.55);overflow-y:auto;font-family:Ubuntu,sans-serif}
.csp-mod-in{position:relative;width:100%;max-width:620px;box-sizing:border-box;padding:22px 20px;border-radius:18px;background:#fff;color:#1A1D24;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.csp-mod-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#EEF2F8;font-size:16px;cursor:pointer}
.csp-mod-h{display:block;margin:0 40px 6px 0;font:700 20px/1.3 Ubuntu,sans-serif}
.csp-mod p{margin:0 0 14px;font-size:14px;color:#5A6272}
.csp-mod-list{display:flex;flex-direction:column;gap:8px}
.csp-mod-it{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #E3E9F2;border-radius:12px}
.csp-mod-it > div{flex:1 1 auto;min-width:0}
.csp-mod-it b{display:block;font-size:15px;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csp-mod-it small{font-size:12px;color:#5A6272}
.csp-mod-done{opacity:.55}
.csp-mod-btn{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 12px;border:0;border-radius:17px;background:#0f5699;color:#fff !important;font:700 13px Ubuntu,sans-serif;text-decoration:none !important;cursor:pointer}
.csp-mod-sec{background:#E8EFF9;color:#0f5699 !important}
.csp-mod-del{background:#FDE8EC;color:#C0244A !important}
.csp-prova{position:fixed;left:8px;right:8px;top:calc(var(--csp-hh,62px) + 6px);z-index:2147482000;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:620px;margin:0 auto;padding:8px 10px 8px 14px;border-radius:14px;background:#5B2A86;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.3);font:600 13px/1.3 Ubuntu,sans-serif}
.csp-prova span{flex:1 1 180px}
.csp-prova button,.csp-prova a{height:32px;padding:0 12px;border:0;border-radius:16px;background:#fff;color:#5B2A86 !important;font:700 13px Ubuntu,sans-serif;text-decoration:none !important;display:inline-flex;align-items:center;cursor:pointer}
html.csp-dark .csp-mod-in{background:#1B1F26;color:#DEE0E7}
html.csp-dark .csp-mod-it{border-color:#2E3440}
html.csp-dark .csp-mod p,html.csp-dark .csp-mod-it small{color:#9AA3B2}
html.csp-dark .csp-mod-x{background:#2A303A;color:#fff}

.csp-sugg-hrow{display:flex;align-items:center;justify-content:space-between}
.csp-sugg-hrow button{border:0;background:none;padding:0;font:700 12px Ubuntu,sans-serif;letter-spacing:0;text-transform:none;color:var(--csp-blue);cursor:pointer}
.csp-sugg-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 8px 10px}
.csp-sugg a.csp-sugg-chip{gap:6px;padding:7px 12px;border-radius:999px;background:var(--csp-chip);font:500 14px/1.2 Ubuntu,sans-serif;color:var(--csp-text) !important}
.csp-sugg a.csp-sugg-chip svg{color:var(--csp-muted);flex:0 0 auto}
.csp-sugg a.csp-sugg-chip.on{background:var(--csp-line-2)}@media (hover:hover) and (pointer:fine){.csp-sugg a.csp-sugg-chip:hover{background:var(--csp-line-2)}}
.csp-sugg .csp-sugg-n{flex:0 0 28px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--csp-chip);color:var(--csp-blue);font:700 13px Ubuntu,sans-serif}
html.csp-dark .csp-sugg a.csp-sugg-chip{background:#2A303A;color:#DEE0E7 !important}
html.csp-dark .csp-sugg a.csp-sugg-chip.on{background:#353C48}@media (hover:hover) and (pointer:fine){html.csp-dark .csp-sugg a.csp-sugg-chip:hover{background:#353C48}}
html.csp-dark .csp-sugg .csp-sugg-n{background:#2A303A;color:#ACD1F3}
html.csp-dark .csp-sugg-hrow button{color:#ACD1F3}

/* Tablature lunghe a capo per battute */
.post-body pre .csp-tab.csp-tab-flowing .csp-tab-in{display:none}
.post-body pre .csp-tab-flow{display:block;--csp-tab-ch:#0f5699;--csp-tab-hit:var(--csp-blue,#0f5699);--csp-tab-hitc:#fff}
html.csp-dark .post-body pre .csp-tab-flow{--csp-tab-ch:#ACD1F3;--csp-tab-hit:#ACD1F3;--csp-tab-hitc:#111316}
#csp-print .csp-tab-flow{display:none !important}
#csp-print .csp-tab .csp-tab-in{display:block !important}
@media print{.post-body pre .csp-tab-flow{display:none !important}.post-body pre .csp-tab .csp-tab-in{display:block !important;white-space:pre-wrap}}

/* "Forse cercavi" */
.csp-dym{margin:18px 0 8px}
.csp-dym .csp-h2{margin:0 0 10px}
.csp-dym .csp-h2 + .csp-dym-list{margin-top:20px}
@media (max-width:745px){.csp-dym .csp-h2 + .csp-dym-list{margin-top:14px}}
.csp-dym-list{display:flex;flex-direction:column;border:1px solid var(--csp-line);border-radius:16px;overflow:hidden;background:var(--csp-card,#fff)}
.csp-dym-list a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--csp-line);color:var(--csp-text) !important;text-decoration:none !important}
.csp-dym-list a:first-child{border-top:0}
@media (hover:hover) and (pointer:fine){.csp-dym-list a:hover{background:var(--csp-bg)}}
.csp-dym-list b{display:block;font:700 16px/1.3 Ubuntu,sans-serif}
.csp-dym-list small{display:block;font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.csp-dym-ic{flex:0 0 38px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--csp-chip);color:var(--csp-blue)}
.csp-ss-av svg[width]{stroke:#1582E7}
html.csp-dark .csp-dym-list{background:#1B1F26;border-color:#2E3440}
html.csp-dark .csp-dym-list a{border-color:#2E3440;color:#DEE0E7 !important}
@media (hover:hover) and (pointer:fine){html.csp-dark .csp-dym-list a:hover{background:#232833}}
html.csp-dark .csp-dym-ic{background:#2A303A;color:#ACD1F3}

.csp-rec button.csp-rec-undo{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.12)}
.csp-rec button.csp-rec-undo svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.csp-rec-flash.csp-rec-flash-x{background:rgba(255,77,77,.4)}
@media (max-width:360px){.csp-rec-row{gap:4px}.csp-rec button.csp-rec-undo span{display:none}.csp-rec button{min-width:30px;padding:0 7px}.csp-rec-row [data-n]{font-size:12px}}

/* ---------- Pagina Top 10 mensile (classifica automatica) ---------- */
.csp-top-intro{font:400 16px/1.6 Ubuntu,sans-serif;color:var(--csp-muted);margin:0 0 20px}
.csp-chart{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.csp-chart-item{margin:0;padding:0;background:#fff;border:1px solid var(--csp-line);border-radius:16px;overflow:hidden;box-shadow:var(--csp-shadow);transition:transform .25s ease,box-shadow .25s ease;animation:csp-rise .5s cubic-bezier(.2,.7,.2,1) both}
@media (hover:hover) and (pointer:fine){.csp-chart-item:hover{transform:translateY(-4px);box-shadow:var(--csp-shadow-hover)}}
.csp-chart-item:first-child{grid-column:1 / -1}
.csp-chart-item:nth-child(n+4){grid-column:1 / -1;display:flex;align-items:center}
.csp-chart-media{position:relative;aspect-ratio:16/9;background:var(--csp-blue);overflow:hidden}
.csp-chart-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.csp-chart-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.csp-chart-item:nth-child(n+4) .csp-chart-media{flex:0 0 200px}
.csp-chart-play{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;display:flex;align-items:center;justify-content:center;padding:0 0 0 3px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--csp-blue);box-shadow:0 6px 20px rgba(8,20,38,.35);cursor:pointer;transition:transform .2s ease}
@media (hover:hover) and (pointer:fine){.csp-chart-play:hover{transform:scale(1.08)}}
.csp-chart-item:nth-child(n+4) .csp-chart-play{width:44px;height:44px;margin:-22px 0 0 -22px}
.csp-chart-info{display:flex;align-items:center;gap:14px;padding:16px 18px;min-width:0}
.csp-chart-rank{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--csp-bright);color:#fff;font:700 18px/1 Ubuntu, sans-serif}
.csp-chart-item:first-child .csp-chart-rank{width:56px;height:56px;font-size:24px;background:var(--csp-blue)}
.csp-chart-trend{flex:0 0 22px;width:22px;height:22px;display:none}
.csp-chart-trend.up,.csp-chart-trend.down,.csp-chart-trend.equal{display:block}
.csp-chart-trend.up{background:#1E7B4F;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l8 10h-5v6H9v-6H4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l8 10h-5v6H9v-6H4z'/%3E%3C/svg%3E") center/contain no-repeat}
.csp-chart-trend.down{background:#B3402A;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20L4 10h5V4h6v6h5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20L4 10h5V4h6v6h5z'/%3E%3C/svg%3E") center/contain no-repeat}
.csp-chart-trend.equal{background:#8A93A3;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h16v3H4zM4 13h16v3H4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h16v3H4zM4 13h16v3H4z'/%3E%3C/svg%3E") center/contain no-repeat}
.csp-chart-title{display:flex;flex-direction:column;gap:3px;min-width:0;text-decoration:none !important}
.csp-chart-title .t{font:700 18px/1.25 Ubuntu,sans-serif;color:var(--csp-blue)}
.csp-chart-title .a{font:italic 400 14px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.csp-chart-item:first-child .csp-chart-title .t{font-size:24px}
@media (hover:hover) and (pointer:fine){.csp-chart-title:hover .t{text-decoration:underline}}
/* Top 10 su computer (24 ottobre 2026): anche 1, 2 e 3 nello stesso formato delle altre posizioni, una per riga. Telefono come prima */
@media (min-width:746px){
  .csp-chart .csp-chart-item{grid-column:1 / -1;display:flex;align-items:center}
  .csp-chart .csp-chart-item .csp-chart-media{flex:0 0 200px}
  .csp-chart .csp-chart-item .csp-chart-play{width:44px;height:44px;margin:-22px 0 0 -22px}
  .csp-chart .csp-chart-item:first-child .csp-chart-rank{width:44px;height:44px;font-size:18px;background:var(--csp-bright)}
  .csp-chart .csp-chart-item:first-child .csp-chart-title .t{font-size:18px}
  html.csp-dark .csp-chart .csp-chart-item:first-child .csp-chart-rank{background-color:var(--csp-bright, rgba(58,123,224,1.0))}
}
/* ---------- Top 10: podio come nella pagina di Sanremo, con entrata animata (25 ottobre 2026) ----------
   All'apertura escono in ordine il primo, il secondo, il terzo e poi il resto della classifica */
.csp-podium{list-style:none;margin:8px 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end;--gold:#C9962B;--silver:#8E99A8;--bronze:#B06A3B}
.csp-podium .csp-chart-item{grid-column:auto !important;display:flex !important;flex-direction:column;align-items:stretch !important;margin:0;padding:0;border-radius:18px;overflow:visible !important;background:#fff;border:1px solid var(--csp-line);box-shadow:var(--csp-shadow);animation:none !important;position:relative}
.csp-podium .csp-chart-item.p1{order:2;z-index:2}.csp-podium .csp-chart-item.p2{order:1}.csp-podium .csp-chart-item.p3{order:3}
.csp-podium .csp-chart-media{flex:none !important;width:auto !important;aspect-ratio:16/10;border-radius:18px 18px 0 0;overflow:hidden}
.csp-podium .p1 .csp-chart-media{aspect-ratio:16/11.5}
.csp-podium .csp-chart-play{width:52px !important;height:52px !important;margin:-26px 0 0 -26px !important}
.csp-podium .csp-chart-info{position:relative;padding:30px 16px 16px !important;gap:10px}
.csp-podium .csp-chart-rank{position:absolute;left:14px;top:-24px;width:46px !important;height:46px !important;font:700 19px/1 Ubuntu,sans-serif !important;border:3px solid #fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.45);z-index:3}
.csp-podium .p1 .csp-chart-rank{width:58px !important;height:58px !important;top:-30px;font-size:24px !important;background:var(--gold) !important}
.csp-podium .p2 .csp-chart-rank{background:var(--silver) !important}
.csp-podium .p3 .csp-chart-rank{background:var(--bronze) !important}
.csp-podium .csp-chart-trend{position:absolute;right:14px;top:10px}
.csp-podium .csp-chart-title .t{font-size:17px}
.csp-podium .p1 .csp-chart-title .t{font-size:21px}
.csp-podium .p1{box-shadow:0 18px 40px -16px rgba(201,150,43,.55),var(--csp-shadow)}
.csp-podium .p1::before{content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;background:linear-gradient(135deg,#f5d77a,#C9962B 40%,#fff2c4 55%,#C9962B 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
html.csp-dark .csp-podium .csp-chart-item{background:#1B1F26;border-color:#2E3440}
html.csp-dark .csp-podium .csp-chart-rank{border-color:#1B1F26}
/* resto della classifica: tutte le righe uguali */
.csp-chart.csp-rest .csp-chart-item{grid-column:1 / -1 !important;display:flex !important;align-items:center}
.csp-chart.csp-rest .csp-chart-item .csp-chart-media{flex:0 0 200px}
.csp-chart.csp-rest .csp-chart-item .csp-chart-play{width:44px;height:44px;margin:-22px 0 0 -22px}
.csp-chart.csp-rest .csp-chart-item .csp-chart-rank{width:44px;height:44px;font-size:18px;background:var(--csp-bright)}
.csp-chart.csp-rest .csp-chart-item .csp-chart-title .t{font-size:18px}
html.csp-dark .csp-chart.csp-rest .csp-chart-item .csp-chart-rank{background-color:var(--csp-bright, rgba(58,123,224,1.0))}
/* entrata animata */
.csp-anim .csp-podium .csp-chart-item,.csp-anim .csp-chart.csp-rest .csp-chart-item,.csp-anim .csp-chart-legend{opacity:0}
.csp-anim .csp-chart.csp-rest .csp-chart-item:not(.in),.csp-anim .csp-chart-legend:not(.in){animation:none !important}
.csp-podium .csp-chart-item.in{animation:csp-podin .9s cubic-bezier(.16,1.15,.3,1) both !important}
.csp-podium .p1.in{animation:csp-podin1 1.1s cubic-bezier(.16,1.2,.3,1) both !important}
.csp-podium .csp-chart-item.in .csp-chart-rank{animation:csp-medal .7s cubic-bezier(.2,1.6,.4,1) .35s both}
.csp-podium .p1.in::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,236,170,.55) 50%,transparent 70%);background-size:250% 100%;animation:csp-shine 1.4s ease .5s both;z-index:2}
.csp-chart.csp-rest .csp-chart-item.in,.csp-chart-legend.in{animation:csp-rowin .55s cubic-bezier(.2,.9,.3,1) both !important}
@keyframes csp-podin{0%{opacity:0;transform:translateY(60px) scale(.9)}100%{opacity:1;transform:none}}
@keyframes csp-podin1{0%{opacity:0;transform:translateY(80px) scale(.82)}60%{opacity:1;transform:translateY(-8px) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes csp-medal{0%{transform:scale(.4) rotate(-120deg);opacity:0}100%{transform:none}}
@keyframes csp-shine{0%{background-position:120% 0;opacity:1}100%{background-position:-30% 0;opacity:0}}
@keyframes csp-rowin{0%{opacity:0;transform:translateX(-26px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.csp-anim .csp-podium .csp-chart-item,.csp-anim .csp-chart.csp-rest .csp-chart-item,.csp-anim .csp-chart-legend{opacity:1}.csp-podium .csp-chart-item.in,.csp-chart.csp-rest .csp-chart-item.in,.csp-chart-legend.in,.csp-podium .csp-chart-item.in .csp-chart-rank,.csp-podium .p1.in::after{animation:none !important}}
@media (max-width:745px){
  /* telefono: il primo grande sopra, secondo e terzo affiancati sotto */
  .csp-podium{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 12px;margin-bottom:20px}
  .csp-podium .csp-chart-item.p1{order:0;grid-column:1 / -1 !important}
  .csp-podium .csp-chart-item.p2{order:1}.csp-podium .csp-chart-item.p3{order:2}
  .csp-podium .p2 .csp-chart-media,.csp-podium .p3 .csp-chart-media{aspect-ratio:16/11}
  .csp-podium .p2 .csp-chart-play,.csp-podium .p3 .csp-chart-play{width:40px !important;height:40px !important;margin:-20px 0 0 -20px !important}
  .csp-podium .p2 .csp-chart-info,.csp-podium .p3 .csp-chart-info{padding:26px 10px 12px !important}
  .csp-podium .p2 .csp-chart-rank,.csp-podium .p3 .csp-chart-rank{width:40px !important;height:40px !important;top:-21px;left:10px;font-size:16px !important}
  .csp-podium .p2 .csp-chart-title .t,.csp-podium .p3 .csp-chart-title .t{font-size:14.5px}
  .csp-podium .p2 .csp-chart-trend,.csp-podium .p3 .csp-chart-trend{right:8px;top:8px}
  .csp-chart.csp-rest .csp-chart-item .csp-chart-media{flex:0 0 118px}
  .csp-chart.csp-rest .csp-chart-item .csp-chart-play{width:36px;height:36px;margin:-18px 0 0 -18px}
  .csp-chart.csp-rest .csp-chart-item .csp-chart-rank{width:36px;height:36px;font-size:15px}
  .csp-chart.csp-rest .csp-chart-item .csp-chart-title .t{font-size:16px}
}
.csp-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px 0 6px;padding:14px 16px;border-radius:14px;background:var(--csp-bg);border:1px solid var(--csp-line);font:400 14px/1.4 Ubuntu,sans-serif;color:var(--csp-muted)}
.csp-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.csp-chart-legend .csp-chart-trend{display:block;flex-basis:18px;width:18px;height:18px}
.csp-chart-legend small{flex-basis:100%;text-align:center;font-size:12px}
@media (max-width:745px){
  .csp-chart{grid-template-columns:minmax(0,1fr);gap:12px}
  .csp-chart-item:nth-child(n+2){display:flex;align-items:center}
  .csp-chart-item:nth-child(n+2) .csp-chart-media{flex:0 0 118px}
  .csp-chart-item:nth-child(n+2) .csp-chart-play{width:36px;height:36px;margin:-18px 0 0 -18px}
  .csp-chart-info{gap:10px;padding:12px}
  .csp-chart-rank{width:36px;height:36px;font-size:15px}
  .csp-chart-trend{flex-basis:18px;width:18px;height:18px}
  .csp-chart-title .t{font-size:15px}
  .csp-chart-title .a{font-size:12px}
  .csp-chart-item:first-child .csp-chart-title .t{font-size:20px}
  .csp-chart-item:first-child .csp-chart-rank{width:46px;height:46px;font-size:20px}
}

/* ---------- Intestazione compatta (pagine interne e scorrimento): logo al posto della scritta ---------- */
.centered-top-container.sticky .Header .header-image-wrapper{display:block !important}
.centered-top-container.sticky .Header .replaced h1{display:none !important}
.centered-top-container.sticky .Header .header-widget{display:flex;align-items:center}
.centered-top-container.sticky .centered-top .blog-name img{max-height:44px !important;width:auto !important;height:auto !important;display:block}
.centered-top-container.sticky .centered-top .blog-name{margin-top:6px;margin-bottom:6px}
@media (max-width:745px){.centered-top-container.sticky .centered-top .blog-name img{max-height:38px !important}}
/* logo con misure fisse (622x96): l'intestazione ha subito l'altezza giusta, anche prima che l'immagine arrivi */
.centered-top .blog-name .csp-logo img,.centered-top-container.sticky .centered-top .blog-name img{height:40px !important;max-height:none !important;width:auto !important;max-width:100%;aspect-ratio:622/96;object-fit:contain;object-position:left center}
@media (max-width:745px){.centered-top .blog-name .csp-logo img,.centered-top-container.sticky .centered-top .blog-name img{height:28px !important}}
@media (max-width:359px){.centered-top .blog-name .csp-logo img,.centered-top-container.sticky .centered-top .blog-name img{height:24px !important}}
/* logo 2026: versione chiara o scura secondo il tema del sito */
.centered-top .blog-name .csp-logo .csp-logo-d{display:none !important}
html.csp-dark .centered-top .blog-name .csp-logo .csp-logo-l{display:none !important}
html.csp-dark .centered-top .blog-name .csp-logo .csp-logo-d{display:block !important}

/* ---------- Colonna della pagina canzone: schede ordinate ---------- */
.item-view .sidebar-container{background:none !important}
.item-view .sidebar-container .section{display:flex;flex-direction:column;gap:16px}
.item-view .sidebar-container .widget{margin:0 !important;padding:18px !important;background:#fff !important;border:1px solid var(--csp-line) !important;border-radius:16px;box-shadow:var(--csp-shadow);height:auto !important;text-align:center}
.item-view .sidebar-container .widget + .widget{border-top:1px solid var(--csp-line) !important}
.item-view .sidebar-container .widget h2,.item-view .sidebar-container .widget h3.title,.item-view .sidebar-container .widget .title{margin:0 0 12px !important;font:700 17px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important;text-align:left}
.item-view .sidebar-container .widget.Image img{max-width:100%;height:auto;border-radius:10px;display:block;margin:0 auto}
.item-view .sidebar-container .widget.Image br{display:none}
.item-view .sidebar-container #Image5 img{max-width:170px}
.item-view .sidebar-container #HTML3 .widget-content{display:flex;justify-content:center;align-items:center}
.item-view .sidebar-container #HTML3 .widget-content br{display:none}
.item-view .sidebar-container .PopularPosts{text-align:left}
.item-view .sidebar-container .PopularPosts [role="feed"]{display:flex;flex-direction:column}
.item-view .sidebar-container .PopularPosts article.post{display:flex;align-items:center;gap:12px;margin:0 !important;padding:10px 0 !important;border-top:1px solid var(--csp-line)}
.item-view .sidebar-container .PopularPosts article.post:first-child{border-top:0;padding-top:0 !important}
.item-view .sidebar-container .PopularPosts .item-thumbnail{flex:0 0 112px;margin:0 !important;width:112px}
.item-view .sidebar-container .PopularPosts .item-thumbnail img{display:block;width:112px !important;height:63px !important;object-fit:cover;border-radius:8px;max-width:none}
.item-view .sidebar-container .PopularPosts h3.post-title{margin:0 !important;font:700 15px/1.3 Ubuntu,sans-serif !important}
.item-view .sidebar-container .PopularPosts h3.post-title a{color:var(--csp-blue) !important;text-decoration:none !important}
.item-view .sidebar-container .PopularPosts .item-content{display:none}
@media (max-width:1328px){
  .item-view .sidebar-container{padding:0 12px !important;margin-top:24px !important}
  .item-view .sidebar-container .section{max-width:640px !important;margin:0 auto 24px !important}
  .item-view .sidebar-container .PopularPosts{order:-1}
}

/* ---------- Ricerca con suggerimenti ---------- */
.csp-sugg{position:fixed;z-index:9999;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--csp-line);border-radius:16px;box-shadow:0 18px 44px rgba(8,20,38,.22);padding:6px;font-family:Ubuntu,sans-serif}
.csp-sugg[hidden]{display:none}
.csp-sugg-head{padding:10px 12px 6px;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--csp-muted)}
.csp-sugg a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;text-decoration:none !important;color:var(--csp-text) !important}
.csp-sugg a.on{background:var(--csp-bg)}@media (hover:hover) and (pointer:fine){.csp-sugg a:hover{background:var(--csp-bg)}}
.csp-sugg img,.csp-sugg .csp-sugg-ph{flex:0 0 64px;width:64px;height:36px;object-fit:cover;border-radius:6px;background:var(--csp-blue)}
.csp-sugg .csp-sugg-art{flex:0 0 36px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--csp-chip);color:var(--csp-blue)}
.csp-sugg .t{display:block;font:700 15px/1.25 Ubuntu,sans-serif}
.csp-sugg .a{display:block;font:italic 400 13px/1.3 Ubuntu, sans-serif;color:var(--csp-muted)}
.csp-sugg mark{background:#FFF1B8;color:inherit;border-radius:3px;padding:0 1px}
.csp-sugg a.csp-sugg-all{justify-content:center;margin-top:4px;border-top:1px solid var(--csp-line);border-radius:0 0 10px 10px !important;color:var(--csp-blue) !important;font:700 14px Ubuntu,sans-serif}
.csp-sugg-empty{padding:14px 12px;font-size:14px;color:var(--csp-muted)}

/* ---------- Correzioni colonna pagina canzone ---------- */
.item-view .sidebar-container #HTML3{padding:16px 18px !important}
.item-view .sidebar-container #HTML3 .widget-content{min-height:0 !important}
.item-view .sidebar-container #HTML3 .widget-content a img{display:block}
body.item-view .sidebar-container .PopularPosts{display:block !important;width:auto !important;overflow:visible !important}
.item-view .sidebar-container .PopularPosts .post,.item-view .sidebar-container .PopularPosts .post + .post{margin:0 !important;padding-top:10px !important}
.item-view .sidebar-container .PopularPosts .post:first-child{padding-top:0 !important}
.item-view .sidebar-container .PopularPosts .item-thumbnail{height:auto !important;overflow:hidden !important;clear:none !important;border-radius:8px}
.item-view .sidebar-container .PopularPosts .item-thumbnail a{display:block}
.item-view .sidebar-container .PopularPosts .item-thumbnail img{width:112px !important;height:63px !important;padding:0 !important}
.item-view .sidebar-container .PopularPosts .post-title,.item-view .sidebar-container .PopularPosts h3.post-title{flex:1 1 auto;min-width:0}
.item-view .sidebar-container .PopularPosts .post-title a{display:block;font:700 15px/1.3 Ubuntu,sans-serif !important}
/* pubblicità in cima alla colonna: fissa mentre si scorre su computer */
.csp-side-ad{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 16px}
.csp-ad-label{font:500 10px/1 Ubuntu,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8A93A3}
.csp-side-ad .csp-ad{margin:0 auto}
@media (min-width:1329px){.item-view .sidebar-container .csp-side-ad{position:sticky;top:84px;z-index:1}}
@media (max-width:1328px){.item-view .sidebar-container .csp-side-ad{margin:0 auto 20px;max-width:640px}}

/* ---------- Casella di ricerca arrotondata come i pulsanti ---------- */
.centered-top .search .section{border-radius:24px !important;border:1px solid transparent;box-sizing:border-box !important;overflow:hidden !important;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.centered-top .search.focused .section{background:#fff !important;border-color:var(--csp-line-2);box-shadow:0 6px 18px rgba(15,40,80,.12)}
@media (min-width:1075px){.centered-top .search .section{background:#fff !important;border-color:var(--csp-line-2);box-shadow:var(--csp-shadow)}}
.centered-top .search .search-input input{font:400 16px Ubuntu,sans-serif !important;color:var(--csp-text) !important;height:46px !important;line-height:46px}
.centered-top .search form{height:46px;overflow:hidden}
.centered-top .search .search-submit-container .search-icon{padding:11px 8px !important}
.centered-top .search .search-input input::placeholder{font:400 16px/46px Ubuntu,sans-serif !important;color:#8A93A3 !important;font-style:normal !important}
.centered-top .search .search-submit-container .svg-icon-24{fill:var(--csp-blue) !important}

/* ---------- Menu laterale su telefono: stesse schede arrotondate ---------- */
@media (max-width:605px){
  .sidebar-container{background:var(--csp-bg) !important}
  .sidebar-container .navigation{padding:16px 16px 4px !important}
  .sidebar-container .sidebar-back{fill:var(--csp-blue)}
  .feed-view .sidebar-container .widget{margin:12px 14px !important;padding:18px !important;background:#fff !important;border:1px solid var(--csp-line) !important;border-radius:16px;box-shadow:var(--csp-shadow);height:auto !important}
  .feed-view .sidebar-container .widget + .widget{border-top:1px solid var(--csp-line) !important}
  .feed-view .sidebar-container .widget .title,.feed-view .sidebar-container .widget h3.title,.feed-view .sidebar-container .widget h2{font:700 17px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important;margin:0 0 10px !important}
  .feed-view .sidebar-container .widget.Image img{max-width:100%;height:auto;border-radius:10px}
  .feed-view .sidebar-container .widget.Text{font:400 14px/1.6 Ubuntu,sans-serif;color:var(--csp-muted)}
  .feed-view .sidebar-container .widget a{color:var(--csp-blue) !important}
  .feed-view .sidebar-container .PopularPosts .item-thumbnail{height:auto !important;border-radius:10px;overflow:hidden}
}

/* ---------- Riquadro pubblicitario della colonna: altezza massima e chiusura se vuoto ---------- */
.csp-side-ad .csp-ad-box{min-height:0 !important;max-height:620px;overflow:hidden;align-items:flex-start}
.csp-side-ad.csp-empty{display:none !important}

/* Chi preferisce meno movimento non vede animazioni */
.csp-tk-nav{display:none}
@media (prefers-reduced-motion:reduce){
  .csp-card,.csp-hero,.csp-chart-item{animation:none !important}
  .csp-ticker-track,.csp-eq i{animation:none !important}
  /* striscia ferma: si scorre a mano (rotellina o dito), senza i titoli ripetuti */
  .csp-ticker-viewport{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
  .csp-ticker-viewport::-webkit-scrollbar{display:none}
  .csp-ticker-item[aria-hidden]{display:none}
  .csp-ticker-track{padding-right:24px}
  /* frecce per scorrere a mano (le aggiunge lo script) */
  .csp-tk-nav{display:flex;flex:0 0 auto;align-items:center;gap:4px;padding:0 6px}
  .csp-tk-nav button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;cursor:pointer}
  @media (hover:hover) and (pointer:fine){.csp-tk-nav button:hover{background:rgba(255,255,255,.3)}}
  .csp-tk-nav button:disabled{opacity:.35;cursor:default;background:rgba(255,255,255,.16)}
  .csp-tk-nav button:focus-visible{outline:2px solid #FFC93C;outline-offset:1px}
  .csp-news .csp-tk-nav button,.csp-news .csp-tk-nav button:disabled{background:#EEF3FA;color:#0f5699}
  @media (hover:hover) and (pointer:fine){.csp-news .csp-tk-nav button:hover{background:#DCE7F5}}
  html.csp-dark .csp-news .csp-tk-nav button,html.csp-dark .csp-news .csp-tk-nav button:disabled{background:#2A303A;color:#ACD1F3}
  .csp-card,.csp-top-card,.csp-card-media img,.csp-top-media img,.csp-hero img{transition:none !important}
}

/* ---------- Barra laterale della pagina canzone: niente deve uscire dallo schermo ---------- */
.item-view .sidebar-container,.item-view .sidebar-container .section,.item-view .sidebar-container .widget,.item-view .sidebar-container .widget-content,.item-view .sidebar-container .csp-side-ad{box-sizing:border-box !important;min-width:0 !important}
.item-view .sidebar-container .widget,.item-view .sidebar-container .widget-content{width:auto !important;max-width:100% !important}
.item-view .sidebar-container .widget{overflow:hidden !important}
.item-view .sidebar-container .widget img{max-width:100% !important;height:auto !important}
.item-view .sidebar-container .widget-content a{display:block;max-width:100%}
.csp-pr,.csp-pr-btn{box-sizing:border-box !important;max-width:100% !important}
@media (max-width:1328px){
  .item-view .sidebar-container{width:100% !important;max-width:100vw !important;overflow:hidden !important}
  .item-view .sidebar-container .section{width:auto !important;max-width:min(640px,100%) !important}
  .item-view .sidebar-container .csp-side-ad{max-width:min(640px,100%) !important;overflow:hidden}
}
/* ---------- Strumenti della canzone: diesis/bemolle, diagrammi, solo testo, schermo acceso ---------- */
.post-body .csp-extra{justify-content:flex-start;gap:8px;padding-top:12px;border-top:1px solid var(--csp-line)}
.post-body .csp-pill{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1px solid var(--csp-line-2);border-radius:20px;background:#fff;color:var(--csp-blue);font:500 14px/1 Ubuntu,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.post-body .csp-pill svg{width:18px;height:18px;flex:0 0 18px}
@media (hover:hover) and (pointer:fine){.post-body .csp-pill:hover{border-color:var(--csp-blue)}}
.post-body .csp-pill[aria-pressed="true"]{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}
.post-body .csp-pill:active{transform:scale(.97)}
.post-body .csp-pill[hidden]{display:none}
.post-body .csp-diagrams{display:flex;gap:10px;overflow-x:auto;margin:-10px 0 22px;padding:4px 2px 10px;scrollbar-width:thin}
.post-body .csp-diagrams[hidden]{display:none}
.post-body .csp-dg{flex:0 0 96px;margin:0;padding:8px 6px 6px;background:#fff;border:1px solid var(--csp-line);border-radius:12px;text-align:center}
.post-body .csp-dg figcaption{font:700 15px/1.2 Ubuntu,sans-serif;color:var(--csp-chord)}
.post-body .csp-dg svg{display:block;width:100%;height:auto}
.post-body .csp-dg small{display:block;font:400 10px/1.2 Ubuntu,sans-serif;color:var(--csp-muted)}
.post-body pre.csp-hide{display:none !important}
.post-body .csp-lyrics{margin:0 0 24px;padding:0;white-space:pre-wrap;word-wrap:break-word;font:400 19px/1.75 Ubuntu,sans-serif;color:var(--csp-text)}
@media (max-width:745px){
  .post-body .csp-pill{height:38px;padding:0 12px;font-size:13px}
  .post-body .csp-lyrics{font-size:18px}
}
.post-body pre.csp-fit{overflow-x:hidden !important}
/* Tablature: mai a capo, intere nello schermo, numeri da toccare */
.post-body pre .csp-tab{display:block;position:relative;margin:2px 0 0;padding:52px 0 0}
.post-body pre .csp-tab-in{display:block;white-space:pre;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0 0 4px}
/* il pulsante e uguale alle altre pillole dello spartito (Diagrammi, Metronomo...) */
.post-body pre .csp-tab-play{position:absolute;top:2px;left:0;display:inline-flex;align-items:center;gap:7px;height:40px;margin:0;padding:0 14px;border:1px solid var(--csp-line-2);border-radius:20px;background:#fff;color:var(--csp-blue);font:500 14px/1 Ubuntu,sans-serif;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}
.post-body pre .csp-tab-play svg{width:18px;height:18px;flex:0 0 18px}
.post-body pre .csp-tab-play .csp-ic-stop,.post-body pre .csp-tab-play.csp-on .csp-ic-play{display:none}
.post-body pre .csp-tab-play.csp-on .csp-ic-stop{display:block}
.post-body pre .csp-tab-play::after{content:'Ascolta'}
.post-body pre .csp-tab-play.csp-on::after{content:'Ferma'}
@media (hover:hover) and (pointer:fine){.post-body pre .csp-tab-play:hover{border-color:var(--csp-blue)}}
.post-body pre .csp-tab-play:active{transform:scale(.97)}
.post-body pre .csp-tab-play.csp-on{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}
.post-body pre .csp-tab-play[hidden],body.csp-following .post-body pre .csp-tab-play{display:none}
@media (max-width:745px){
  .post-body pre .csp-tab{padding-top:50px}
  .post-body pre .csp-tab-play{height:38px;padding:0 12px;font-size:13px}
}
.post-body pre .csp-tn{cursor:pointer;border-radius:3px;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,color .12s ease}
@media (hover:hover) and (pointer:fine){.post-body pre .csp-tn:hover{color:var(--csp-blue)}}
.post-body pre .csp-tn.csp-hit{background:var(--csp-blue);color:#fff}
html.csp-dark .post-body pre .csp-tab-play{background:#1B1F26;color:#ACD1F3}
html.csp-dark .post-body pre .csp-tab-play.csp-on{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff}
@media (hover:hover) and (pointer:fine){html.csp-dark .post-body pre .csp-tn:hover{color:#ACD1F3}}
html.csp-dark .post-body pre .csp-tn.csp-hit{background:#ACD1F3;color:#111316}
#csp-print .csp-tab-play{display:none !important}
#csp-print .csp-tab,#csp-print .csp-tab-in{padding:0 !important;margin:0 !important;overflow:visible !important;font-size:inherit !important}

/* ---------- Preferiti e traduzione del testo ---------- */
button.csp-fav{position:relative !important;top:-3px !important;left:auto !important;right:auto !important;bottom:auto !important;float:none !important;vertical-align:middle !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;width:46px !important;height:46px !important;min-width:0 !important;max-width:46px !important;min-height:0 !important;margin:0 0 0 12px !important;padding:0 !important;border:1px solid #F3C4D2 !important;border-radius:50% !important;background:#fff !important;box-shadow:0 2px 8px rgba(224,36,94,.12) !important;font-size:0 !important;line-height:0 !important;color:#E0245E !important;text-indent:0 !important;transform:none !important;-webkit-appearance:none !important;appearance:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
button.csp-fav svg{display:block !important;width:24px !important;height:24px !important;margin:0 !important;fill:none !important;stroke:#E0245E !important;stroke-width:2 !important;stroke-linejoin:round}
button.csp-fav[aria-pressed="true"]{background:#FFF0F4 !important}
button.csp-fav[aria-pressed="true"] svg{fill:#E0245E !important}
button.csp-fav.csp-pop svg{animation:csp-fav-pop .4s ease}
@keyframes csp-fav-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
.csp-fav-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:24px;background:#0B2A4A;color:#fff;font:500 15px/1.3 Ubuntu,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.csp-fav-toast.csp-show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.csp-fav-toast a{margin-left:10px;color:#FFC93C !important;font-weight:700;text-decoration:none !important}
.post-body .csp-trad{margin:0 0 24px;padding:16px 18px;border:1px solid var(--csp-line);border-radius:16px;background:#F7FAFE}
.post-body .csp-trad-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.post-body .csp-trad-h b{font:700 18px/1.3 Ubuntu,sans-serif;color:var(--csp-blue)}
.post-body .csp-trad-x{width:34px;height:34px;padding:0;border:1px solid var(--csp-line);border-radius:50%;background:#fff;color:var(--csp-muted);font:400 22px/1 Ubuntu,sans-serif;cursor:pointer}
.post-body .csp-trad-b p{margin:0 !important;padding:0 !important}
.post-body .csp-trad-o{display:block !important;font:400 18px/1.55 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
.post-body .csp-trad-t{display:block !important;font:400 18px/1.55 Ubuntu,sans-serif !important;color:var(--csp-blue) !important}
.post-body .csp-trad-b p.csp-trad-gap{height:1.55em;margin:0 !important}
.post-body .csp-trad-all{margin:0;white-space:pre-wrap;font:400 18px/1.6 Ubuntu,sans-serif;color:var(--csp-text)}
.post-body .csp-trad-msg{margin:0;font:400 16px/1.5 Ubuntu,sans-serif;color:var(--csp-muted)}
.post-body .csp-trad-note{margin:10px 0 0;font:400 13px/1.4 Ubuntu,sans-serif;color:var(--csp-muted)}
@media (max-width:745px){
  button.csp-fav{width:42px !important;height:42px !important;max-width:42px !important}
  .post-body .csp-trad{padding:14px}
  .post-body .csp-trad-o,.post-body .csp-trad-t{font-size:17px !important}
}

.post-body .csp-yt-dead{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;aspect-ratio:16/9;margin:0 auto 16px;padding:20px;border-radius:14px;background:#0B2A4A;color:#fff;text-align:center}
.post-body .csp-yt-dead svg{width:54px;height:54px;fill:none;stroke:#FFC93C;stroke-width:1.6;color:#FFC93C}
.post-body .csp-yt-dead b{max-width:420px;font:700 18px/1.35 Ubuntu,sans-serif;color:#fff}
.post-body .csp-yt-dead a{display:inline-block;padding:11px 20px;border-radius:24px;background:#FFC93C;color:#0B2A4A !important;font:700 15px/1.2 Ubuntu,sans-serif;text-decoration:none !important}
@media (max-width:480px){.post-body .csp-yt-dead{aspect-ratio:auto;min-height:200px}.post-body .csp-yt-dead b{font-size:16px}}

/* ---------- Capotasto ---------- */
.post-body .csp-capo{display:inline-flex;align-items:center;margin:0 0 14px;padding:6px 14px;border-radius:16px;background:var(--csp-blue);color:#fff;font:700 15px/1.2 Ubuntu,sans-serif}
.post-body .csp-capo[hidden]{display:none}
/* capotasto nella barra degli strumenti (27 ottobre 2026) */
.post-body .csp-semi.csp-on{border-color:var(--csp-blue)}
.post-body .csp-capo-note{margin:8px 0 0 !important;font:400 13px/1.4 Ubuntu,sans-serif;color:var(--csp-muted)}
.post-body .csp-capo-note b{color:var(--csp-text,#1A1D24)}
.post-body .csp-capo-note[hidden]{display:none !important}
html.csp-dark .post-body .csp-capo-note{color:#9AA3B2}
html.csp-dark .post-body .csp-capo-note b{color:#fff}
html.csp-dark .post-body .csp-semi.csp-on{border-color:#5B9BE8}

/* ---------- Segui il video ---------- */
/* il video resta visibile dentro la barra del lettore (regole di YouTube) */
.post-body iframe.csp-yt-dock{position:fixed !important;left:16px;bottom:50px;z-index:9992;width:200px !important;height:113px !important;aspect-ratio:auto;border-radius:10px;margin:0 !important;box-shadow:none}
.csp-player{box-sizing:border-box;position:fixed;left:8px;right:8px;bottom:8px;z-index:9991;display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:113px 28px;gap:6px 12px;padding:8px;border-radius:18px;background:#0B2A4A;color:#fff;box-shadow:0 12px 34px rgba(10,30,60,.4);max-width:640px;margin:0 auto}
.csp-pl-video{grid-row:1;grid-column:1;border-radius:10px;background:#000}
.csp-pl-ctrl{grid-row:1;grid-column:2;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:8px;position:relative}
.csp-pl-ctrl button{display:inline-flex;align-items:center;justify-content:center;gap:1px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .2s ease,transform .15s ease}
@media (hover:hover) and (pointer:fine){.csp-pl-ctrl button:hover{background:rgba(255,255,255,.22)}}
.csp-pl-ctrl button:active{transform:scale(.92)}
.csp-pl-ctrl button svg{width:20px;height:20px}
.csp-pl-ctrl button small{font:700 9px/1 Ubuntu,sans-serif;margin-left:-2px}
.csp-pl-ctrl .csp-pl-main{width:54px;height:54px;background:#fff;color:#0B2A4A}
@media (hover:hover) and (pointer:fine){.csp-pl-ctrl .csp-pl-main:hover{background:#DCE8FA}}
.csp-pl-ctrl .csp-pl-main svg{width:26px;height:26px}
.csp-player .i-pause{display:none}
.csp-player.csp-playing .i-pause{display:inline}
.csp-player.csp-playing .i-play{display:none}
.csp-pl-time{flex:1 1 70px;font:500 13px/1 Ubuntu,sans-serif;color:#C9D8EE;font-variant-numeric:tabular-nums}
.csp-pl-ctrl .csp-pl-close{margin-left:auto;width:32px;height:32px;background:none}
.csp-pl-ctrl .csp-pl-close svg{width:16px;height:16px}
.csp-pl-bar{grid-row:2;grid-column:1 / -1;width:100%;height:28px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%}
.csp-pl-bar::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#fff var(--p),rgba(255,255,255,.25) var(--p))}
.csp-pl-bar::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.25)}
.csp-pl-bar::-moz-range-progress{height:6px;border-radius:3px;background:#fff}
.csp-pl-bar::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.csp-pl-bar::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0}
body.csp-following{padding-bottom:190px !important}
body.csp-following .abt-scroll-container{display:none !important}

/* telefono: il lettore sta un po' piu in alto, sopra il tasto "Riservatezza" dei cookie (InMobi) */
@media (max-width:745px){
  .csp-player{bottom:calc(46px + env(safe-area-inset-bottom,0px))}
  .post-body iframe.csp-yt-dock{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  body .csp-sync-hint{bottom:calc(46px + 175px + env(safe-area-inset-bottom,0px));z-index:9993}
  body.csp-following{padding-bottom:230px !important}
}
/* telefono: lettore compatto (video piu piccolo, comandi accanto, barra sottile): piu spazio per il testo */
@media (max-width:745px){
  html body .csp-player{grid-template-columns:160px minmax(0,1fr) !important;grid-template-rows:90px !important;gap:0 10px !important;padding:7px 8px !important;border-radius:16px}
  html body .post-body iframe.csp-yt-dock{left:16px !important;width:160px !important;height:90px !important;bottom:calc(46px + 7px + env(safe-area-inset-bottom,0px)) !important}
  html body .csp-pl-ctrl{grid-row:1 !important;grid-column:2 !important;align-self:start;align-content:flex-start !important;padding-top:2px}
  html body .csp-pl-bar{grid-row:1 !important;grid-column:2 !important;align-self:end;margin:0 0 -2px !important}
  html body .csp-pl-ctrl{gap:5px !important}
  html body .csp-pl-ctrl button{width:36px !important;height:36px !important}
  html body .csp-pl-ctrl .csp-pl-main{width:44px !important;height:44px !important}
  html body .csp-pl-ctrl{padding-right:26px}
  html body .csp-pl-ctrl .csp-pl-close{position:absolute;top:-2px;right:-4px;width:28px !important;height:28px !important;margin:0 !important}
  html body .csp-pl-time{flex:1 1 100%;font-size:12px;line-height:1}
  html body .csp-pl-bar{height:18px !important}
  html body .csp-sync-hint{bottom:calc(46px + 114px + env(safe-area-inset-bottom,0px)) !important}
  body.csp-following{padding-bottom:170px !important}
}
@media (max-width:480px){
  .csp-pl-ctrl{gap:6px}.csp-pl-ctrl button{width:40px;height:40px}.csp-pl-ctrl .csp-pl-main{width:48px;height:48px}
  .csp-pl-ctrl .csp-pl-close{width:28px;height:28px}
}
@media (max-width:359px){
  .post-body iframe.csp-yt-dock{width:160px !important;height:90px !important}
  .csp-player{grid-template-columns:160px minmax(0,1fr);grid-template-rows:90px 28px}
  .csp-pl-ctrl{gap:5px}.csp-pl-ctrl button{width:38px;height:38px}.csp-pl-ctrl .csp-pl-main{width:46px;height:46px}
}
.csp-yt-holder{width:100%;border-radius:12px;background:var(--csp-bg);margin-bottom:16px}
/* Segui il video: al posto del video resta un avviso compatto, non un rettangolo vuoto */
.csp-yt-holder.csp-yt-note{display:flex;align-items:center;gap:14px;height:auto !important;min-height:0;padding:16px 18px;box-sizing:border-box;border:1px solid var(--csp-line);background:#F3F6FB}
.csp-yt-note i{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#0f5699;color:#fff}
.csp-yt-note i svg{width:18px;height:18px;fill:currentColor}
.csp-yt-note b{display:block;font:700 15px/1.3 Ubuntu,sans-serif;color:var(--csp-text,#1A1D24)}
.csp-yt-note small{display:block;margin-top:2px;font:400 13px/1.4 Ubuntu,sans-serif;color:var(--csp-muted)}
html.csp-dark .csp-yt-holder.csp-yt-note{background:#181C22;border-color:#2E3440}
html.csp-dark .csp-yt-note b{color:#DEE0E7}
body.csp-following .post-body pre,body.csp-following .post-body .csp-lyrics{cursor:pointer}
.csp-sync-hint{position:fixed;left:12px;right:12px;bottom:190px;margin:0 auto;z-index:9991;max-width:420px;padding:10px 14px;border-radius:12px;background:#0B2A4A;color:#fff;font:500 14px/1.4 Ubuntu,sans-serif;box-shadow:0 8px 24px rgba(10,30,60,.3);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.csp-sync-hint.csp-show{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.csp-sync-hint{transition:none}}
/* computer: lettore in basso a destra */
@media (min-width:746px){
  .csp-player{left:auto;right:16px;bottom:54px;width:520px;max-width:none;margin:0}
  .post-body iframe.csp-yt-dock{left:auto;right:328px;bottom:96px}
  .csp-sync-hint{left:auto;right:16px;width:520px;max-width:none;box-sizing:border-box;z-index:9993}
  body .csp-sync-hint{bottom:236px}
}

/* ---------- Pagina canzone: niente foto sfocata dietro l'articolo ---------- */
.item-view .bg-photo-container{display:none !important}
.item-view .bg-photo-container+.centered .centered-bottom .post-wrapper{margin-top:0 !important}
/* l'intestazione nella pagina canzone e fissa: il contenuto parte sotto di lei */
.item-view .page_body{padding-top:calc(var(--csp-hh,70px) + 20px) !important}
@media (max-width:745px){.item-view .page_body{padding-top:calc(var(--csp-hh,62px) + 12px) !important}}
/* Ovunque (home, pagine, canzoni, cantanti, ricerca): intestazione fissa in alto, non sparisce scorrendo */
body:not(#layout) .centered-top-container.sticky{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;-webkit-transform:none !important;transform:none !important;opacity:1 !important;visibility:visible !important}
body:not(#layout) .centered-top-placeholder{display:none !important}
/* niente pubblicita dentro l'intestazione (27 ottobre 2026): se un formato automatico ci si infila, non la ingrandisce */
body:not(#layout) .centered-top > :not(.return_link):not(.hamburger-section):not(.blog-name):not(.search):not(.subscribe-section-container):not(nav):not([class*="csp-"]):not([id^="csp-"]):not(script):not(style),
body:not(#layout) .centered-top-container > :not(.centered-top):not([class*="csp-"]):not([id^="csp-"]):not(script):not(style){display:none !important}
body:not(#layout) .centered-top-container iframe,body:not(#layout) .centered-top-container ins,body:not(#layout) .centered-top-container [id^="sas_"],body:not(#layout) .centered-top-container [id*="google_ads"]{display:none !important}
body:not(#layout) .page_body{padding-top:calc(var(--csp-hh,70px) + 20px) !important}
@media (max-width:745px){body:not(#layout) .page_body{padding-top:calc(var(--csp-hh,62px) + 12px) !important}}
/* ---------- Condivisione ---------- */
.item-view .post .post-share-buttons{display:none !important}
.csp-share-btn{display:inline-flex;align-items:center;gap:8px;height:40px;margin:6px 0 22px;padding:0 18px 0 14px;border:1px solid var(--csp-line-2);border-radius:20px;background:#fff;color:var(--csp-blue);font:700 14px/1 Ubuntu,sans-serif;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
@media (hover:hover) and (pointer:fine){.csp-share-btn:hover{border-color:var(--csp-blue);box-shadow:0 4px 12px rgba(15,40,80,.1)}}
.csp-share-btn:active{transform:scale(.97)}
.csp-share-btn svg{width:18px;height:18px;fill:currentColor;flex:0 0 18px}
.post .share-buttons{display:none !important}
.csp-sh{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,20,40,.45);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.csp-sh.csp-open{opacity:1;visibility:visible}
html.csp-sh-lock{overflow:hidden}
.csp-sh-box{box-sizing:border-box;width:100%;max-width:440px;padding:20px;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(8,20,40,.35);transform:translateY(12px) scale(.98);transition:transform .25s var(--csp-ease-out);font-family:Ubuntu,sans-serif;color:var(--csp-text)}
.csp-sh.csp-open .csp-sh-box{transform:none}
.csp-sh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.csp-sh-head b{display:block;font:700 20px/1.2 Ubuntu,sans-serif}
.csp-sh-title{display:block;margin-top:2px;font:400 14px/1.35 Ubuntu,sans-serif;color:var(--csp-muted)}
.csp-sh-x{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--csp-bg);color:var(--csp-text);cursor:pointer}
.csp-sh-x svg{width:18px;height:18px}
.csp-sh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.csp-sh-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:0;border-radius:14px;background:none;color:var(--csp-text) !important;text-decoration:none !important;font:500 13px/1.2 Ubuntu,sans-serif;cursor:pointer;transition:background .2s ease}
.csp-sh-item:focus-visible{background:var(--csp-bg);outline:0}@media (hover:hover) and (pointer:fine){.csp-sh-item:hover{background:var(--csp-bg);outline:0}}
.csp-sh-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;transition:transform .2s ease}
@media (hover:hover) and (pointer:fine){.csp-sh-item:hover .csp-sh-ic{transform:scale(1.08)}}
.csp-sh-ic svg{width:26px;height:26px}
.csp-sh-copy{display:flex;gap:8px;margin-top:16px;padding:6px;border:1px solid var(--csp-line-2);border-radius:26px;background:var(--csp-bg)}
.csp-sh-copy input{flex:1;min-width:0;height:38px;padding:0 10px;border:0;background:none;font:400 16px Ubuntu,sans-serif;color:var(--csp-muted);outline:0}
.csp-sh-copy button{flex:0 0 auto;height:38px;padding:0 16px;border:0;border-radius:19px;background:var(--csp-blue);color:#fff;font:700 14px/1 Ubuntu,sans-serif;cursor:pointer;transition:background .2s ease}
.csp-sh-copy button.csp-ok{background:#2FB573}
@media (max-width:745px){
  .csp-sh{align-items:flex-end;padding:0}
  /* in fondo lascio spazio al pulsante RISERVATEZZA (fisso in basso a destra): "Copia link" resta sopra */
  .csp-sh-box{max-width:none;border-radius:22px 22px 0 0;padding:20px 16px calc(60px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}
  .csp-sh.csp-open .csp-sh-box{transform:none}
}
@media (prefers-reduced-motion:reduce){.csp-sh,.csp-sh-box,.csp-sh-ic{transition:none}}
/* ---------- Capo - / + ---------- */
.post-body .csp-keys-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px}
.post-body .csp-semis{display:flex;flex-wrap:wrap;gap:8px}
.post-body .csp-semi{display:inline-flex;align-items:center;gap:0;height:36px;border:1px solid var(--csp-line-2);border-radius:18px;background:#fff;overflow:hidden}
.post-body .csp-semi span{padding:0 6px;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--csp-muted)}
.post-body .csp-semi button{width:40px;height:36px;padding:0;border:0;background:none;color:var(--csp-blue);font:700 20px/1 Ubuntu,sans-serif;cursor:pointer;transition:background .15s ease}
@media (hover:hover) and (pointer:fine){.post-body .csp-semi button:hover{background:var(--csp-bg)}}
.post-body .csp-semi button:active{background:#DCE8FA}
.post-body .csp-semi b,.post-body .csp-semi .csp-semi-n{display:inline-block;min-width:22px;text-align:center;color:var(--csp-blue);font-size:14px;margin-left:2px}
.post-body .csp-semi button:disabled{color:#C3CAD6;cursor:default;background:none}

/* ---------- Scelta della tonalita con la nota ---------- */
.post-body .csp-keys-wrap .transpose-keys{display:none !important}
.post-body .csp-keys-head .csp-tools-label{margin-right:-2px}
.post-body .csp-keypick{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 10px 0 14px;border:0;border-radius:18px;background:var(--csp-blue);color:#fff;font:700 16px/1 Ubuntu,sans-serif;cursor:pointer;margin-right:auto;transition:background .2s ease}
@media (hover:hover) and (pointer:fine){.post-body .csp-keypick:hover{background:#2159D6}}
.post-body .csp-keypick svg{width:16px;height:16px;transition:transform .2s ease}
.post-body .csp-keypick[aria-expanded="true"] svg{transform:rotate(180deg)}
.post-body .csp-keygrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px;border:1px solid var(--csp-line-2);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,40,80,.08)}
.post-body .csp-keygrid[hidden]{display:none}
.post-body .csp-keygrid button{height:42px;padding:0;border:1px solid var(--csp-line-2);border-radius:10px;background:#fff;color:var(--csp-text);font:500 15px/1 Ubuntu,sans-serif;cursor:pointer;transition:border-color .15s ease,background .15s ease}
@media (hover:hover) and (pointer:fine){.post-body .csp-keygrid button:hover{border-color:var(--csp-blue)}}
.post-body .csp-keygrid button[aria-pressed="true"]{background:var(--csp-blue);border-color:var(--csp-blue);color:#fff;font-weight:700}
@media (max-width:480px){.post-body .csp-keygrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Testata nei post: il nome del blog non e piu un h1, resta nascosto come prima */
.Header .replaced p.title{position:absolute !important;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Computer e tablet: la barra in alto resta sopra a tutti i widget quando ricompare */
@media (min-width:606px){.centered-top-container.sticky{z-index:1000 !important}}

/* Guarda anche (pagina del post) */
.item-view .sidebar-container .csp-rel-w{text-align:left}
.csp-rel{list-style:none;margin:0;padding:0}
.csp-rel li{margin:0;padding:10px 0;border-top:1px solid var(--csp-line)}
.csp-rel li:first-child{border-top:0;padding-top:0}
.csp-rel li:last-child{padding-bottom:0}
.csp-rel-a{display:flex;align-items:center;gap:12px;text-decoration:none !important;color:inherit !important}
.csp-rel-img{flex:0 0 112px;width:112px;height:63px;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#3A7BE0,#0f5699)}
.csp-rel-img img{display:block;width:112px !important;height:63px !important;object-fit:cover;margin:0 !important;padding:0 !important;max-width:none}
.csp-rel-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.csp-rel-t{font:700 15px/1.3 Ubuntu,sans-serif;color:var(--csp-blue);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.csp-rel-ar{font:400 13px/1.3 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover) and (pointer:fine){.csp-rel-a:hover .csp-rel-t{text-decoration:underline}}

/* Diteggiature al passaggio sull'accordo */
.post-body pre span.c{cursor:pointer}

.csp-pop{position:absolute;z-index:9995;width:176px;box-sizing:border-box;padding:10px 10px 8px;background:#fff;border:1px solid var(--csp-line,#E3E9F2);border-radius:14px;box-shadow:0 14px 34px rgba(8,20,38,.2);font-family:Ubuntu,sans-serif;color:#1A1D24}
.csp-pop[hidden]{display:none}
.csp-pop-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 2px}
.csp-pop-n{font:700 17px/1.2 Ubuntu,sans-serif;color:#2159D6}
.csp-pop button{border:0;background:none;font-family:inherit;cursor:pointer;color:#0f5699}
.csp-pop-x{width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;color:#5A6272 !important}
@media (hover:hover) and (pointer:fine){.csp-pop-x:hover{background:#F0F4FA}}
.csp-pop-d svg{display:block;width:132px;height:auto;margin:0 auto}
.csp-pop-c{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;flex-wrap:wrap}
.csp-pop-prev,.csp-pop-next{width:30px;height:30px;border-radius:50%;background:#F0F4FA !important;font-size:20px;line-height:1}
.csp-pop-prev:disabled,.csp-pop-next:disabled{opacity:.35;cursor:default}
.csp-pop-i{min-width:42px;text-align:center;font:500 13px/1 Ubuntu,sans-serif;color:#5A6272}
.csp-pop-play{flex:1 0 100%;margin-top:6px;height:32px;border-radius:16px;background:#0f5699 !important;color:#fff !important;font:700 13px/1 Ubuntu,sans-serif}
@media (hover:hover) and (pointer:fine){.csp-pop-play:hover{filter:brightness(1.08)}}

/* Scelta dello strumento: chitarra, ukulele, piano */
.csp-instr{display:flex;gap:4px;padding:3px;background:#F0F4FA;border-radius:999px;width:max-content;max-width:100%;box-sizing:border-box}
.csp-instr button{border:0;background:none;padding:6px 12px;border-radius:999px;font:700 13px/1 Ubuntu,sans-serif;color:#0f5699;cursor:pointer}
.csp-instr button[aria-pressed="true"]{background:#0f5699;color:#fff}
.post-body .csp-instr-dg{margin:-6px 0 10px}
.post-body .csp-instr-dg[hidden]{display:none}
.csp-pop .csp-instr-pop{margin:4px 0 6px;padding:2px;width:100%;justify-content:space-between}
.csp-pop .csp-instr-pop button{flex:1 1 auto;padding:5px 4px;font-size:12px;color:#0f5699}
.csp-pop .csp-instr-pop button[aria-pressed="true"]{color:#fff;background:#0f5699 !important}
.csp-pop{width:196px}
.csp-pop.csp-pop-piano .csp-pop-d svg{width:170px}
.csp-diagrams.csp-dg-piano .csp-dg{flex-basis:132px}
.csp-dg svg{max-height:118px}

/* Accordi nel testo: stesso blu dei pulsanti selezionati */
.post-body pre span.c{color:#0f5699 !important}
@media (hover:hover) and (pointer:fine){.post-body pre span.c:hover{text-decoration:underline;text-underline-offset:3px}}

/* Menu Talent (Amici, X Factor) */

/* ---------- Schermi medi (TV, tablet orizzontale, finestre strette): come su computer ---------- */
/* ricerca accanto al login, sulla stessa riga del menu */
@media (min-width:746px) and (max-width:1074px){
  .centered-top .search .search-expand{display:none !important}
  .centered-top .search .section{opacity:1 !important;visibility:visible !important;background:#fff !important;border-color:var(--csp-line-2);box-shadow:var(--csp-shadow)}
  html.csp-dark .centered-top .search .section{background-color:#1B1F26 !important}
  .centered-top .csp-acct{align-self:center !important;margin-top:0 !important}
}
/* ultima aggiunta e griglia dei post a tutta larghezza */
@media (min-width:606px) and (max-width:1074px){
  .feed-view .page_body .centered div.widget.FeaturedPost,.feed-view div.widget.Blog{width:100% !important}
}
/* colonna laterale accanto ai post anche da 900 a 1023 px (TV), come su computer */
@media (min-width:900px) and (max-width:1023px){
  .feed-view .centered-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) 260px;column-gap:24px;align-items:start}
  .feed-view .centered-bottom > .post-filter-message{grid-column:1 / -1}
  .feed-view .centered-bottom > .main-container{grid-column:1;min-width:0}
  .feed-view .sidebar-container{grid-column:2;margin:20px 0 0 !important;padding:0 !important;position:static !important;transform:none !important;overflow:visible !important}
  .feed-view .sidebar-container .sidebar{display:block !important}
}
/* post e pagine: colonna laterale a destra anche da 900 a 1328 px (TV, computer piccoli), come su computer grande */
@media (min-width:900px) and (max-width:1328px){
  .item-view .centered .centered-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) 280px;column-gap:24px;align-items:start;box-sizing:border-box;padding:0 16px !important;max-width:1232px}
  .item-view .centered-bottom > .main-container{grid-column:1;width:auto !important;max-width:none !important;min-width:0;margin:0 !important;float:none !important}
  .item-view .centered-bottom > .sidebar-container{grid-column:2;width:auto !important;max-width:none !important;margin:15px 0 0 !important;padding:0 !important;float:none !important}
  .item-view .sidebar-container .section{max-width:none !important;margin:0 !important}
}
/* "Ultima aggiunta" mai piu larga della colonna */
.feed-view .csp-hero{width:100% !important;max-width:100% !important;box-sizing:border-box}
/* schermi bassi (TV, computer piccoli): lettore di "Segui il video" compatto */
@media (min-width:746px) and (max-height:760px){
  html body .csp-player{width:460px;grid-template-columns:160px minmax(0,1fr) !important;grid-template-rows:90px !important;gap:0 10px !important;padding:7px 8px !important;border-radius:16px}
  html body .post-body iframe.csp-yt-dock{left:auto !important;right:308px !important;bottom:61px !important;width:160px !important;height:90px !important}
  html body .csp-pl-ctrl{grid-row:1 !important;grid-column:2 !important;align-self:start;align-content:flex-start !important;padding-top:2px;padding-right:26px;gap:5px !important}
  html body .csp-pl-bar{grid-row:1 !important;grid-column:2 !important;align-self:end;margin:0 0 -2px !important;height:18px !important}
  html body .csp-pl-ctrl button{width:36px !important;height:36px !important}
  html body .csp-pl-ctrl .csp-pl-main{width:44px !important;height:44px !important}
  html body .csp-pl-ctrl .csp-pl-close{position:absolute;top:-2px;right:-4px;width:28px !important;height:28px !important;margin:0 !important}
  html body .csp-pl-time{flex:1 1 100%;font-size:12px;line-height:1}
  html body .csp-sync-hint{width:460px;bottom:168px !important}
  body.csp-following{padding-bottom:170px !important}
}

/* ============================================================
   MOVIMENTO 2026 (16 ottobre 2026)
   Animazioni riviste: curve decise, durate brevi, entrate che partono dal pulsante,
   effetti al passaggio del mouse solo con il mouse, niente movimenti per chi li ha disattivati.
   Questo blocco sta in fondo apposta: sovrascrive le regole precedenti senza toccarle.
   ============================================================ */
:root{
  --csp-ease-out:cubic-bezier(0.23,1,0.32,1);
  --csp-ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --csp-ease-drawer:cubic-bezier(0.32,0.72,0,1);
}

/* --- Entrata delle schede: piu corta, spostamento piccolo, cascata veloce --- */
@keyframes csp-rise2{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.csp-card{animation:csp-rise2 300ms var(--csp-ease-out) both}
.feed-view .blog-posts > *:nth-child(2) .csp-card{animation-delay:40ms}
.feed-view .blog-posts > *:nth-child(3) .csp-card{animation-delay:80ms}
.feed-view .blog-posts > *:nth-child(4) .csp-card{animation-delay:120ms}
.feed-view .blog-posts > *:nth-child(5) .csp-card{animation-delay:160ms}
.feed-view .blog-posts > *:nth-child(6) .csp-card{animation-delay:200ms}
.feed-view .blog-posts > *:nth-child(n+7) .csp-card{animation-delay:200ms}
.csp-hero{animation:csp-rise2 350ms var(--csp-ease-out) both}
.csp-chart-item{animation:csp-rise2 300ms var(--csp-ease-out) both;transition:transform 200ms var(--csp-var(--csp-ease-out)),box-shadow 200ms var(--csp-var(--csp-ease-out))}
.csp-chart-item:nth-child(2){animation-delay:40ms}
.csp-chart-item:nth-child(3){animation-delay:80ms}
.csp-chart-item:nth-child(n+4){animation-delay:120ms}

/* --- Schede e copertine: sollevamento e zoom piu misurati --- */
.csp-card,.csp-top-card{transition:transform 200ms var(--csp-var(--csp-ease-out)),box-shadow 200ms var(--csp-var(--csp-ease-out))}
.csp-card-media img,.csp-top-media img{transition:transform 300ms var(--csp-var(--csp-ease-out))}
.csp-hero img{transition:transform 400ms var(--csp-var(--csp-ease-out))}
@media (hover:hover) and (pointer:fine){.csp-card:hover,.csp-top-card:hover{transform:translateY(-3px)}}
@media (hover:hover) and (pointer:fine){.csp-card:hover .csp-card-media img,.csp-top-card:hover .csp-top-media img{transform:scale(1.03)}}
@media (hover:hover) and (pointer:fine){.csp-hero:hover img{transform:scale(1.02)}}
.csp-play{transform:scale(.92);transition:opacity 150ms var(--csp-var(--csp-ease-out)),transform 150ms var(--csp-var(--csp-ease-out))}
.csp-explore a{transition:transform 200ms var(--csp-var(--csp-ease-out)),box-shadow 200ms var(--csp-var(--csp-ease-out))}
.csp-more{transition:background-color 200ms ease,transform 160ms var(--csp-var(--csp-ease-out))}

/* Sul telefono e sui tablet il "passaggio del mouse" non esiste: un tocco lasciava la scheda sollevata */
@media (hover:none),(pointer:coarse){
  @media (hover:hover) and (pointer:fine){.csp-card:hover,.csp-top-card:hover,.csp-chart-item:hover,.csp-explore a:hover,.csp-more:hover,.csp-deal:hover,.csp-tun:hover{transform:none}}
  @media (hover:hover) and (pointer:fine){.csp-card:hover,.csp-top-card:hover,.csp-chart-item:hover,.csp-explore a:hover{box-shadow:var(--csp-shadow)}}
  @media (hover:hover) and (pointer:fine){.csp-card:hover .csp-card-media img,.csp-top-card:hover .csp-top-media img,.csp-hero:hover img{transform:none}}
  @media (hover:hover) and (pointer:fine){.csp-chart-play:hover{transform:none}}
  @media (hover:hover) and (pointer:fine){.csp-has-share > .csp-share-btn.csp-share-in:hover{transform:none}}
  @media (hover:hover) and (pointer:fine){.csp-ask .csp-ask-btn:hover svg,.csp-tun:hover .csp-tun-btn svg{transform:none}}
  @media (hover:hover) and (pointer:fine){.csp-deal:hover .csp-deal-btn,.csp-fun-btn:hover{gap:8px}}
}

/* --- Pressione dei pulsanti: risposta immediata e uguale ovunque ---
   Uso la proprieta "scale" (separata da "transform") cosi non si scontra con gli altri movimenti */
.csp-arrow,.csp-more,.post-body .csp-pill,.csp-size button,.post-body .csp-semi button,.post-body .csp-keypick,.post-body .csp-keygrid button,
.csp-scroller button,.csp-pl-ctrl button,.csp-share-btn,.csp-sh-item,.csp-sh-copy button,.csp-sh-x,.csp-acct-btn,.csp-acct-g,.csp-acct-dark,.csp-pref-open,
.csp-hamb-btn,.csp-drawer-x,.csp-sc-nav,.csp-chart-play,.post-body pre .csp-tab-play,button.csp-fav,.csp-tip .csp-tip-btn,.csp-tip-amt button,
.csp-deal-btn,.csp-tun-btn,.csp-ask .csp-ask-btn,.csp-fun-btn,.csp-404 button,.csp-appi button,.feed-view #blog-pager a,.csp-nota button,
.csp-ss-back,.csp-ss-x,.csp-sx,.csp-pr-btn,.csp-mod-btn,.csp-prova button,.csp-trad-x,.csp-pop button,.csp-instr button,.csp-dm-grp > button,
.csp-hn > li > a,.csp-hn > li > button,.csp-rec button,.csp-pref-seg button,html body .sidebar-container .navigation .sidebar-back{
  transition-property:background-color,color,border-color,box-shadow,opacity,filter,transform,scale;
  transition-duration:200ms,200ms,200ms,200ms,200ms,200ms,200ms,160ms;
  transition-timing-function:ease,ease,ease,ease,ease,ease,var(--csp-var(--csp-ease-out)),var(--csp-var(--csp-ease-out));
}
.csp-arrow:active,.csp-more:active,.post-body .csp-pill:active,.csp-size button:active,.post-body .csp-semi button:active,.post-body .csp-keypick:active,.post-body .csp-keygrid button:active,
.csp-scroller button:active,.csp-pl-ctrl button:active,.csp-share-btn:active,.csp-sh-item:active,.csp-sh-copy button:active,.csp-sh-x:active,.csp-acct-btn:active,.csp-acct-g:active,.csp-acct-dark:active,.csp-pref-open:active,
.csp-hamb-btn:active,.csp-drawer-x:active,.csp-sc-nav:active,.csp-chart-play:active,.post-body pre .csp-tab-play:active,button.csp-fav:active,.csp-tip .csp-tip-btn:active,.csp-tip-amt button:active,
.csp-deal-btn:active,.csp-tun-btn:active,.csp-ask .csp-ask-btn:active,.csp-fun-btn:active,.csp-404 button:active,.csp-appi button:active,.feed-view #blog-pager a:active,.csp-nota button:active,
.csp-ss-back:active,.csp-ss-x:active,.csp-sx:active,.csp-pr-btn:active,.csp-mod-btn:active,.csp-prova button:active,.csp-trad-x:active,.csp-pop button:active,.csp-instr button:active,.csp-dm-grp > button:active,
.csp-hn > li > a:active,.csp-hn > li > button:active,.csp-rec button:active,.csp-pref-seg button:active,html body .sidebar-container .navigation .sidebar-back:active{scale:.97}
/* le vecchie pressioni a 0.92-0.94 erano troppo forti: ora le fa tutte "scale" */
.csp-arrow:active,.csp-size button:active,.post-body .csp-pill:active,.csp-share-btn:active,.csp-pl-ctrl button:active,.csp-tip .csp-tip-btn:active,
.csp-pr-btn:active,.post-body pre .csp-tab-play:active,.post-body .csp-keygrid button:active,html body .sidebar-container .navigation .sidebar-back:active{transform:none}
/* il cuoricino: piccolo balzo, piu breve */
@keyframes csp-fav-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
button.csp-fav.csp-pop svg{animation:csp-fav-pop 320ms var(--csp-ease-out)}

/* --- Menu e finestre che compaiono: nascono dal loro pulsante --- */
.csp-acct-pop{transform-origin:top right;transition:opacity 180ms var(--csp-var(--csp-ease-out)),transform 180ms var(--csp-var(--csp-ease-out))}
.csp-hn-sub{transform-origin:top left;transition:opacity 180ms var(--csp-var(--csp-ease-out)),transform 180ms var(--csp-var(--csp-ease-out))}
.csp-hn-more .csp-hn-sub{transform-origin:top right}
.post-body .csp-keygrid{transform-origin:top left;transition:opacity 180ms var(--csp-var(--csp-ease-out)),transform 180ms var(--csp-var(--csp-ease-out))}
.csp-sugg{transform-origin:top center;transition:opacity 150ms var(--csp-var(--csp-ease-out)),transform 150ms var(--csp-var(--csp-ease-out))}
.csp-pop{transform-origin:center bottom;transition:opacity 125ms var(--csp-var(--csp-ease-out)),transform 125ms var(--csp-var(--csp-ease-out))}
.csp-scroller{transition:opacity 200ms var(--csp-var(--csp-ease-out)),transform 200ms var(--csp-var(--csp-ease-out))}
.csp-player{transition:opacity 300ms var(--csp-var(--csp-ease-out)),transform 300ms var(--csp-var(--csp-ease-out))}
.csp-scaletta{transition:opacity 300ms var(--csp-var(--csp-ease-out)),transform 300ms var(--csp-var(--csp-ease-out))}
.csp-mod{transition:opacity 250ms var(--csp-var(--csp-ease-out))}
.csp-mod-in{transition:opacity 250ms var(--csp-var(--csp-ease-out)),transform 250ms var(--csp-var(--csp-ease-out))}
.csp-prova,.csp-rec{transition:opacity 250ms var(--csp-var(--csp-ease-out)),transform 250ms var(--csp-var(--csp-ease-out))}
.csp-ss.csp-open{transition:opacity 220ms var(--csp-var(--csp-ease-out)),transform 220ms var(--csp-var(--csp-ease-out))}
.csp-diagrams,.post-body .csp-trad,.csp-dym{transition:opacity 200ms var(--csp-var(--csp-ease-out)),transform 200ms var(--csp-var(--csp-ease-out))}
@starting-style{
  .csp-acct-pop{opacity:0;transform:scale(.96)}
  .csp-hn > li.open > .csp-hn-sub{opacity:0;transform:scale(.96) translateY(-4px)}
  .post-body .csp-keygrid{opacity:0;transform:scale(.97)}
  .csp-sugg{opacity:0;transform:scale(.98) translateY(-4px)}
  .csp-pop{opacity:0;transform:scale(.97)}
  .csp-scroller{opacity:0;transform:scale(.96)}
  .csp-player{opacity:0;transform:translateY(16px)}
  .csp-scaletta{opacity:0;transform:translateX(-50%) translateY(16px)}
  .csp-mod{opacity:0}
  .csp-mod-in{opacity:0;transform:scale(.96)}
  .csp-prova,.csp-rec{opacity:0;transform:translateY(-8px)}
  .csp-ss.csp-open{opacity:0;transform:translateY(8px)}
  .post-body .csp-diagrams,.post-body .csp-trad,.csp-dym{opacity:0;transform:translateY(6px)}
}

/* --- Finestra "Condividi": su computer appare al centro, sul telefono sale dal basso come un foglio --- */
.csp-sh{transition:opacity 200ms var(--csp-var(--csp-ease-out)),visibility 200ms}
.csp-sh-box{transform:scale(.96);transition:transform 250ms var(--csp-var(--csp-ease-out))}
@media (max-width:745px){
  .csp-sh-box{transform:translateY(100%);transition:transform 400ms var(--csp-ease-drawer)}
}
.csp-sh.csp-open .csp-sh-box{transform:none}

/* --- Menu laterale: curva da foglio di iPhone, si ferma morbido --- */
.csp-drawer{transition:transform 400ms var(--csp-ease-drawer),visibility 400ms}
.csp-drawer-dim{transition:opacity 300ms var(--csp-var(--csp-ease-out))}
.sidebar-container{transition-timing-function:var(--csp-ease-drawer) !important;transition-duration:400ms !important}

/* --- Avvisi e interruttori: stessa curva del resto --- */
.csp-fav-toast{transition:opacity 300ms ease,transform 300ms ease}
.csp-privacy-msg,.csp-appi-tip,.csp-sync-hint{transition:opacity 200ms var(--csp-var(--csp-ease-out)),transform 200ms var(--csp-var(--csp-ease-out))}
.csp-acct-dark i::after{transition:transform 200ms var(--csp-var(--csp-ease-out))}
.csp-acct-dark i{transition:background-color 200ms ease}
.csp-hn .csp-chev,.csp-dm-grp .csp-chev,.post-body .csp-keypick svg,.csp-pref-open i{transition:transform 200ms var(--csp-var(--csp-ease-out))}

/* --- Chi ha chiesto meno movimento (impostazione del telefono o del computer):
       restano le dissolvenze, spariscono spostamenti, zoom e rimbalzi --- */
@media (prefers-reduced-motion:reduce){
  .csp-card,.csp-hero,.csp-chart-item{animation:none !important}
  @media (hover:hover) and (pointer:fine){.csp-card:hover,.csp-top-card:hover,.csp-chart-item:hover,.csp-explore a:hover,.csp-more:hover,.csp-deal:hover,.csp-tun:hover{transform:none !important}}
  @media (hover:hover) and (pointer:fine){.csp-card:hover .csp-card-media img,.csp-top-card:hover .csp-top-media img,.csp-hero:hover img{transform:none !important}}
  .csp-play{transform:none !important}
  button.csp-fav.csp-pop svg{animation:none}
  .csp-arrow:active,.csp-more:active,.post-body .csp-pill:active,.csp-size button:active,.csp-scroller button:active,.csp-pl-ctrl button:active,
  .csp-share-btn:active,.csp-acct-btn:active,.csp-hamb-btn:active,button.csp-fav:active,.feed-view #blog-pager a:active{scale:1}
  .csp-acct-pop,.csp-hn-sub,.post-body .csp-keygrid,.csp-sugg,.csp-pop,.csp-scroller,.csp-player,.csp-mod-in,.csp-prova,.csp-rec,.csp-ss.csp-open,
  .post-body .csp-diagrams,.post-body .csp-trad,.csp-dym{transition:opacity 200ms ease !important}
  .csp-sh-box,.csp-sh.csp-open .csp-sh-box{transform:none !important}
  .csp-drawer{transform:none !important;opacity:0;transition:opacity 200ms ease,visibility 200ms !important}
  body.csp-drawer-open .csp-drawer{opacity:1}
  .csp-fav-toast{transform:translate(-50%,0) !important}
}
@media (prefers-reduced-motion:reduce){
  @starting-style{
    .csp-acct-pop,.csp-hn > li.open > .csp-hn-sub,.post-body .csp-keygrid,.csp-sugg,.csp-pop,.csp-scroller,.csp-player,.csp-mod-in,.csp-prova,.csp-rec,.csp-ss.csp-open,
    .post-body .csp-diagrams,.post-body .csp-trad,.csp-dym{transform:none}
    .csp-scaletta{transform:translateX(-50%)}
  }
}

/* ============================================================
   TELEFONO IN ORIZZONTALE (23 ottobre 2026)
   Schermo basso (max 540 px di altezza) e girato: telefoni in orizzontale,
   qualunque sia la larghezza. Tablet e computer non cambiano.
   - margini sicuri per notch / Dynamic Island (il sito usa viewport-fit=cover)
   - intestazione piu bassa
   - "Ultima aggiunta" alta quanto lo schermo, non di piu
   - colonna laterale sotto i post: il contenuto usa tutta la larghezza
   - pulsanti fluttuanti piccoli, lontani dal contenuto
   ============================================================ */
@media (orientation:landscape) and (max-height:540px){

  /* --- margini sicuri (notch a sinistra o a destra) --- */
  body:not(#layout) .centered-top-container.sticky{box-sizing:border-box;padding-left:env(safe-area-inset-left,0px) !important;padding-right:env(safe-area-inset-right,0px) !important}
  /* 27 ottobre 2026: tutta la pagina (home, striscia "Piu cercate", schede, canzoni) lascia lo spazio del notch.
     Il margine e sul body, cosi vale anche per le parti che stanno fuori dal contenuto centrale */
  body:not(#layout){box-sizing:border-box;padding-left:env(safe-area-inset-left,0px) !important;padding-right:env(safe-area-inset-right,0px) !important}
  .feed-view .centered{padding-left:16px !important;padding-right:16px !important}
  .csp-foot-in{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
  .csp-drawer{padding-right:env(safe-area-inset-right,0px)}

  /* --- intestazione compatta --- */
  .centered-top-container.sticky .centered-top .blog-name{margin-top:4px !important;margin-bottom:4px !important}
  .centered-top .blog-name .csp-logo img,.centered-top-container.sticky .centered-top .blog-name img{height:30px !important}
  .centered-top-container.sticky .search,.centered-top-container.sticky .hamburger-section{margin-top:6px !important;margin-bottom:6px !important}
  .centered-top .search form{height:40px}
  .centered-top .search .search-input input{height:40px !important;line-height:40px}
  .centered-top .search .search-input input::placeholder{line-height:40px !important}
  .centered-top .search .search-submit-container .search-icon{padding:8px !important}
  .centered-top .csp-acct .csp-acct-btn{width:36px !important;height:36px !important}
  .centered-top .csp-hnav{height:40px}
  .csp-hn > li > a,.csp-hn > li > button{height:36px}
  body:not(#layout) .page_body{padding-top:calc(var(--csp-hh,56px) + 10px) !important}

  /* menu, account e finestre: mai piu alti dello schermo */
  .csp-hn-sub{max-height:calc(100vh - var(--csp-hh,56px) - 20px);max-height:calc(100svh - var(--csp-hh,56px) - 20px);overflow-y:auto;overscroll-behavior:contain}
  .csp-acct-pop{max-height:calc(100vh - var(--csp-hh,56px) - 20px);max-height:calc(100svh - var(--csp-hh,56px) - 20px);overflow-y:auto;overscroll-behavior:contain}
  .csp-sh-box{max-height:calc(100vh - 16px);max-height:calc(100svh - 16px);overflow-y:auto;overscroll-behavior:contain}
  .modal .modal-content{max-height:calc(100svh - 32px);overflow-y:auto}

  /* --- striscia "Piu cercate adesso" --- */
  .csp-ticker{height:36px;margin-top:10px;border-radius:10px}
  .csp-ticker-label{padding:0 12px;font-size:11px}
  .csp-ticker-item{font-size:13.5px;line-height:36px;margin-left:28px}
  .csp-news{margin-top:10px}

  /* --- "Ultima aggiunta": sta tutta nello schermo, sotto intestazione e striscia --- */
  .feed-view .csp-hero{aspect-ratio:auto !important;min-height:0;height:clamp(180px,calc(100vh - var(--csp-hh,56px) - 96px),300px);height:clamp(180px,calc(100svh - var(--csp-hh,56px) - 96px),300px);margin-top:12px;border-radius:16px}
  .csp-hero img{object-position:center 30%}
  .csp-hero-body{padding:14px 22px 16px;gap:6px}
  .csp-badge{padding:5px 9px;font-size:11px}
  .csp-hero-title{gap:4px}
  .csp-hero-title .t{font-size:30px;line-height:1.05}
  .csp-hero-title .a{font-size:13px}
  .csp-hero-date{font-size:12.5px}

  /* --- titoli di sezione piu vicini --- */
  .csp-sec-head{margin:26px 0 12px}

  /* --- home: colonna laterale sotto i post, su due colonne --- */
  .feed-view .centered-bottom{display:block !important}
  .feed-view .centered-bottom > .main-container{min-width:0}

  /* --- canzone: testo e accordi a tutta larghezza, colonna laterale sotto --- */
  .item-view .centered .centered-bottom{display:block !important;padding:0 16px !important}
  .item-view .centered-bottom > .main-container{width:auto !important;max-width:none !important;margin:0 !important;float:none !important}
  .item-view .centered-bottom > .main-container{display:flow-root !important}
  .item-view .centered-bottom > .sidebar-container{clear:both !important;width:auto !important;max-width:none !important;float:none !important;margin:24px 0 0 !important;padding:0 !important}
  .item-view .sidebar-container .section{max-width:640px !important;margin:0 auto 24px !important}
  .item-view .sidebar-container .csp-side-ad{position:static}

  /* --- pulsanti fluttuanti: piccoli e dentro i margini sicuri --- */
  html body .qc-cmp2-persistent-link,html body #qc-cmp2-persistent-link,html body .csp-privacy{width:36px !important;height:36px !important;padding:0 !important;gap:0 !important;justify-content:center !important;border-radius:50% !important;font-size:0 !important;letter-spacing:0 !important;overflow:hidden !important;right:max(12px,calc(env(safe-area-inset-right,0px) + 6px)) !important;bottom:max(10px,env(safe-area-inset-bottom,0px)) !important}
  html body .qc-cmp2-persistent-link img,html body .qc-cmp2-persistent-link svg,html body #qc-cmp2-persistent-link img,html body .csp-privacy svg{width:17px !important;height:17px !important}
  html body .csp-privacy span{display:none !important}
  .csp-privacy-msg{right:max(12px,calc(env(safe-area-inset-right,0px) + 6px));bottom:56px}
  .csp-scroller{right:max(12px,calc(env(safe-area-inset-right,0px) + 6px));bottom:58px}
  .csp-player{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px))}
}

/* telefono stretto in orizzontale (fino a 745 px): griglia a due colonne invece di una */
@media (orientation:landscape) and (max-height:540px) and (max-width:745px){
  .feed-view .blog-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .csp-explore{grid-template-columns:repeat(3,minmax(0,1fr))}
  .csp-hero-title .t{font-size:26px}
  .csp-appi.csp-show{left:max(12px,calc(env(safe-area-inset-left,0px) + 6px))}
  .csp-appi-tip{left:max(12px,calc(env(safe-area-inset-left,0px) + 6px))}
  .csp-sh-box{max-width:520px;margin:0 auto}
}

/* telefono in orizzontale: tasto menu e menu laterale come in verticale (niente menu nella barra) */
@media (orientation:landscape) and (max-height:540px){
  .feed-view .sidebar-container{display:none !important}
}
@media (orientation:landscape) and (max-height:540px) and (min-width:746px){
  .centered-top .csp-hnav{display:none !important}
  .centered-top .search,.sticky .centered-top .search{margin-left:auto !important}
  .sticky .centered-top .csp-acct,.centered-top .csp-acct{margin-left:12px !important;padding-left:0 !important}
  .centered-top .csp-hamb{order:5 !important}
}
/* ---------- Telefono (27 ottobre 2026): Capo nella riga di Testo, Tono accanto a Tonalita, allineati a destra ----------
   In fondo allo stile e con html davanti: cosi vince sulle regole di base della barra */
@media (max-width:745px){
  html .post-body .csp-tools-row > .csp-size{display:flex !important;align-items:center;flex-wrap:nowrap !important;flex:1 1 100% !important;width:100% !important;max-width:none !important}
  html .post-body .csp-keys-head{display:flex !important;flex-wrap:nowrap !important;width:100%}
  html .post-body .csp-keys-head .csp-semis{margin-left:auto !important;flex-wrap:nowrap !important}
  html .post-body .csp-size .csp-semi.csp-capo-in{margin-left:auto !important}
  html .post-body .csp-size .csp-semi.csp-capo-in,html .post-body .csp-keys-head .csp-semi{flex:0 0 150px !important;width:150px !important;justify-content:space-between !important;margin-right:0 !important}
  html .post-body .csp-semi button{width:34px !important}
  html .post-body .csp-semi span{padding:0 2px !important;letter-spacing:.04em !important;white-space:nowrap !important}
}
@media (max-width:359px){
  html .post-body .csp-tools-row > .csp-size{flex-wrap:wrap !important;row-gap:8px}
  html .post-body .csp-size .csp-semi.csp-capo-in,html .post-body .csp-keys-head .csp-semi{flex-basis:136px !important;width:136px !important}
  html .post-body .csp-semi button{width:30px !important}
}
/* ---------- Concerto (27 ottobre 2026): solo computer e TV ---------- */
html.csp-con-on body{overflow:hidden !important}
/* nel Concerto non si vede nient'altro: niente pubblicita, niente pulsanti del sito */
html.csp-con-on body{visibility:hidden !important}
html.csp-con-on .csp-con{z-index:2147483647 !important}
.csp-con{outline:0;position:fixed;inset:0;z-index:2147483647;visibility:visible !important;display:flex;flex-direction:column;background:#FAFBFD;color:#1A1D24;font-family:Ubuntu,sans-serif}
.csp-con .cc-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;border-bottom:1px solid #E1E6EE;background:#fff}
.csp-con .cc-t{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.csp-con .cc-t b{font:700 20px/1.2 Ubuntu,sans-serif}
.csp-con .cc-t span{font:600 13px/1.2 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#0f5699}
.csp-con .cc-t i{font:400 14px/1.2 Ubuntu,sans-serif;font-style:normal;color:#5A6272}
.csp-con .cc-t i b{font:700 14px/1.2 Ubuntu,sans-serif;color:#1A1D24}
.csp-con .cc-ctl{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.csp-con .cc-cols,.csp-con .cc-size{display:flex;align-items:center;gap:3px;padding:3px;border-radius:12px;background:#EEF2F8}
.csp-con .cc-cols span{padding:0 8px 0 6px;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5A6272}
.csp-con button{min-width:38px;height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#0f5699;font:700 15px/1 Ubuntu,sans-serif;cursor:pointer}
.csp-con .cc-cols button[aria-pressed="true"]{background:#0f5699;color:#fff}
.csp-con .cc-x{background:#0A1C35;color:#fff;border-radius:10px;padding:0 14px}
.csp-con button:focus-visible{outline:3px solid #FFC23A;outline-offset:2px}
.csp-con .cc-sheet{position:relative;flex:1 1 auto;min-height:0;box-sizing:border-box;padding:22px 32px 26px;overflow:hidden;font-family:'Ubuntu Mono',ui-monospace,monospace;line-height:1.38;cursor:default}
.csp-con .cc-view{height:100%;overflow:hidden}
/* iPhone e telefoni con notch: niente sotto la tacca o gli angoli arrotondati */
.csp-con .cc-bar{padding-left:max(22px, env(safe-area-inset-left, 0px)) !important;padding-right:max(22px, env(safe-area-inset-right, 0px)) !important;padding-top:max(10px, env(safe-area-inset-top, 0px)) !important}
.csp-con .cc-sheet{padding-left:max(32px, calc(env(safe-area-inset-left, 0px) + 12px)) !important;padding-right:max(32px, calc(env(safe-area-inset-right, 0px) + 12px)) !important;padding-bottom:max(26px, calc(env(safe-area-inset-bottom, 0px) + 10px)) !important}
@media (max-width:900px){
  .csp-con .cc-bar{padding-left:max(10px, env(safe-area-inset-left, 0px)) !important;padding-right:max(10px, env(safe-area-inset-right, 0px)) !important}
  .csp-con .cc-sheet{padding-left:max(16px, calc(env(safe-area-inset-left, 0px) + 8px)) !important;padding-right:max(16px, calc(env(safe-area-inset-right, 0px) + 8px)) !important}
}
.csp-con .cc-size[hidden]{display:none !important}
.csp-con .cc-size button:disabled{opacity:.35;cursor:default}
.csp-con[data-cols="1"] .cc-sheet{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.csp-con[data-cols="1"] .cc-view{height:auto;overflow:visible;max-width:1100px;margin:0 auto}
.csp-con[data-cols="1"] .cc-box{height:auto;transition:none}
.csp-con.cc-phonev .cc-cols{display:none}
@media (max-width:900px){
  .csp-con .cc-bar{padding:8px 10px;gap:8px}
  .csp-con .cc-t span,.csp-con .cc-t i{display:none}
  .csp-con .cc-t b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw;display:block}
  .csp-con .cc-ctl{gap:6px}
  .csp-con .cc-cols span,.csp-con .cc-x span{display:none}
  .csp-con button{min-width:32px;height:32px;padding:0 7px;font-size:14px}
  .csp-con .cc-pn{min-width:40px;font-size:13px}
  .csp-con .cc-sheet{padding:14px 16px 18px}
}
@media (max-width:745px) and (orientation:portrait){.csp-con .cc-sheet{padding:14px 14px 24px}}
.csp-con .cc-box{height:100%;column-fill:auto;column-rule:1px solid #E1E6EE;transition:transform .35s ease}
@media (prefers-reduced-motion:reduce){.csp-con .cc-box{transition:none}}
.csp-con .cc-nav{display:flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:#EEF2F8}
.csp-con .cc-nav[hidden]{display:none}
.csp-con .cc-nav button{font-size:22px}
.csp-con .cc-nav button:disabled{opacity:.35;cursor:default}
.csp-con .cc-pn{min-width:54px;text-align:center;font:700 14px/1 Ubuntu,sans-serif;color:#1A1D24}
/* le strofe possono continuare nella colonna dopo (colonne piene, meno pagine); riga di accordi + riga di testo mai separate */
.csp-con .cc-b{margin:0 0 .9em}
.csp-con .cc-l{white-space:pre;break-inside:avoid;-webkit-column-break-inside:avoid}
.csp-con .cc-sheet .c{color:#0f5699;font-weight:700}
html.csp-dark .csp-con{background:#0F1217;color:#E8ECF2}
html.csp-dark .csp-con .cc-bar{background:#161A1F;border-color:#262B33}
html.csp-dark .csp-con .cc-t b,html.csp-dark .csp-con .cc-t i b{color:#fff}
html.csp-dark .csp-con .cc-t span{color:#8FB8F0}
html.csp-dark .csp-con .cc-t i{color:#9AA3B2}
html.csp-dark .csp-con .cc-cols,html.csp-dark .csp-con .cc-size,html.csp-dark .csp-con .cc-nav{background:#1F242C}
html.csp-dark .csp-con .cc-pn{color:#fff}
html.csp-dark .csp-con button{color:#ACD1F3}
html.csp-dark .csp-con .cc-cols button[aria-pressed="true"]{background:#1582E7;color:#fff}
html.csp-dark .csp-con .cc-x{background:#2A3140;color:#fff}
html.csp-dark .csp-con .cc-box{column-rule-color:#262B33}
html.csp-dark .csp-con .cc-sheet .c{color:#8FC1FF}

/* ---------- Movimento ridotto (31 ottobre 2026) ----------
   Chi ha attivato "riduci movimento" nel telefono o nel computer: niente spostamenti, ingrandimenti o rimbalzi.
   Restano brevissimi cambi di colore e trasparenza. Le regole piu precise sopra restano valide. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;animation-delay:0s !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}