/* ---------- Pagina canzone su computer largo (26 ottobre 2026) ----------
   Da 1200 px in su: pagina piu larga, strumenti in una barra fissa in alto, testo su una colonna
   e video in una colonna sua a destra che resta ferma mentre si scorre.
   Telefono e tablet restano come prima. */
@media (min-width:1024px){
  html.csp-song .centered .centered-bottom{max-width:1400px !important}
  html.csp-song .centered .centered-bottom > .main-container{max-width:none !important}
  html.csp-song .post-body{display:grid !important;grid-template-columns:minmax(0,1fr) 340px;column-gap:32px;align-items:start}
  html.csp-song .post-body > *{grid-column:1;min-width:0}
  /* video: colonna destra, fermo mentre si scorre */
  html.csp-song .post-body > iframe:first-of-type,
  html.csp-song .post-body > iframe.csp-yt-dock{grid-column:2 !important;grid-row:1 / span 40;position:sticky !important;top:calc(var(--csp-hh,52px) + 16px);left:auto !important;right:auto !important;bottom:auto !important;z-index:2;width:100% !important;height:auto !important;aspect-ratio:16/9;margin:0 0 var(--csp-side-h,0px) !important;border-radius:16px;box-shadow:0 10px 28px rgba(10,28,53,.16)}
  html.csp-song .post-body > .csp-yt-holder{display:none !important}
  /* "Segui il video": i comandi stanno sotto il video, nella colonna destra, e non coprono mai il testo */
  html.csp-song .csp-player{left:auto !important;right:calc(max(0px, (100vw - 1400px) / 2) + 48px) !important;top:calc(var(--csp-hh,52px) + 16px + 192px + 12px) !important;bottom:auto !important;width:340px !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto !important;gap:6px !important;padding:10px 12px !important}
  html.csp-song .csp-player .csp-pl-video{display:none !important}
  html.csp-song .csp-player .csp-pl-ctrl{grid-column:1 !important;grid-row:1 !important;padding-right:28px}
  html.csp-song .csp-player .csp-pl-bar{grid-column:1 !important;grid-row:2 !important;align-self:auto;margin:0 !important}
  html.csp-song .csp-sync-hint{left:auto !important;right:calc(max(0px, (100vw - 1400px) / 2) + 48px) !important;width:340px !important;top:calc(var(--csp-hh,52px) + 16px + 192px + 12px + 116px) !important;bottom:auto !important}
  html.csp-song body.csp-following{padding-bottom:0 !important}

  /* strumenti: una barra compatta che resta in alto mentre si suona */
  html.csp-song .post-body .csp-tools{position:sticky;top:calc(var(--csp-hh,52px) + 6px);z-index:30;display:flex !important;flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px !important;margin-bottom:18px !important;box-shadow:0 10px 26px rgba(10,28,53,.12)}
  html.csp-song .post-body .csp-tools > .csp-tools-row{display:contents}
  html.csp-song .post-body .csp-tools .csp-keys-wrap{flex:0 0 auto;margin:0 !important;padding:0 !important;border:0 !important}
  html.csp-song .post-body .csp-tools .csp-keys-head{gap:14px;justify-content:flex-start}
  html.csp-song .post-body .csp-tools .csp-extra{margin:0 !important;padding:0 !important;border:0 !important}
  html.csp-song .post-body .csp-tools .csp-pill{height:36px;padding:0 12px;font-size:13px}
  html.csp-song .post-body .csp-tools .csp-size button{width:36px;height:36px}
  html.csp-song .post-body .csp-tools .form-check{margin:0 !important}
}

/* "Segui il video" sotto al video, nella colonna destra (computer largo) */
#csp-sync-side{display:none}
@media (min-width:1024px){
  html.csp-song .post-body .csp-tools #csp-b-sync{display:none !important}
  html.csp-song .post-body > #csp-sync-side{display:flex;flex-direction:column;gap:8px;grid-column:2 !important;grid-row:1 / span 40;align-self:start;position:sticky;top:calc(var(--csp-hh,52px) + 16px + 192px + 12px);margin-top:204px;z-index:2}
  html.csp-song .post-body > #csp-sync-side[hidden]{display:none}
  /* mentre il testo segue il video, al posto del tasto ci sono i comandi del lettore */
  html.csp-song body.csp-following #csp-sync-side > button,html.csp-song body.csp-following #csp-sync-side > p{display:none}
  html.csp-song #csp-sync-side .csp-player{position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:auto !important;max-width:none !important;margin:0 !important;box-shadow:0 10px 28px rgba(10,28,53,.16)}
  html.csp-song #csp-sync-side .csp-sync-hint{position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:auto !important;max-width:none !important;margin:0 !important;transform:none !important}
  #csp-sync-side > button{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 16px;border:0;border-radius:12px;background:#0B2A4A;color:#fff;font:700 15px/1 Ubuntu,sans-serif;cursor:pointer}
  #csp-sync-side > button svg{width:20px;height:20px;flex:none}
  #csp-sync-side > button[aria-pressed="true"]{background:#FFC23A;color:#0B2A4A}
  html.csp-dark #csp-sync-side > button[aria-pressed="false"]{background:#1A6FE8}
  #csp-sync-side > p{margin:0;font:400 13px/1.45 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272)}
}
/* ---------- Pagine artista e ricerca su computer largo (26 ottobre 2026) ---------- */
#csp-el{display:none}
@media (min-width:1200px){
  /* pagina artista: l'elenco completo prende il posto delle schede a pagine */
  html.csp-el-on body.csp-artist-view .widget.Blog > .csp-sec-head,
  html.csp-el-on body.csp-artist-view .widget.Blog > .blog-posts,
  html.csp-el-on body.csp-artist-view .widget.Blog > .blog-pager{display:none !important}
  #csp-el{display:block;margin:6px 0 24px;border:1px solid var(--csp-line,#E3E9F2);border-radius:18px;overflow:hidden;background:var(--csp-card,#fff);color:var(--csp-text,#1A1D24)}
  #csp-el .csp-el-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;border-bottom:1px solid var(--csp-line,#E3E9F2);background:var(--csp-bg,#F3F6FB)}
  #csp-el .csp-el-seg{display:flex;padding:3px;border-radius:12px;background:var(--csp-chip,#E9EEF5)}
  #csp-el .csp-el-seg button{height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--csp-text,#1A1D24);font:700 13.5px/1 Ubuntu,sans-serif;cursor:pointer}
  #csp-el .csp-el-seg button[aria-pressed="true"]{background:#0B2A4A;color:#fff}
  html.csp-dark #csp-el .csp-el-seg button[aria-pressed="true"]{background:#1A6FE8}
  #csp-el .csp-el-rnd{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:12px;background:#FFC23A;color:#0B2A4A !important;font:700 13.5px/1 Ubuntu,sans-serif;text-decoration:none !important}
  #csp-el .csp-el-find{margin-left:auto;display:flex;align-items:center;flex:1 1 180px;max-width:300px}
  #csp-el .csp-el-find span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  #csp-el .csp-el-find input{width:100%;height:40px;padding:0 14px;border:1px solid var(--csp-line-2,#D5DEEA);border-radius:12px;background:var(--csp-card,#fff);color:var(--csp-text,#1A1D24);font:400 14.5px Ubuntu,sans-serif}
  #csp-el .csp-el-head{display:grid;grid-template-columns:96px minmax(0,1fr) 84px 110px 96px;gap:16px;align-items:center;padding:10px 16px;font:700 11.5px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--csp-muted,#5A6272)}
  #csp-el .csp-el-head span:first-child{grid-column:1 / 3}
  #csp-el .csp-el-head .csp-el-n{text-align:right;letter-spacing:0;text-transform:none;font-weight:400;font-size:13px}
  #csp-el .csp-el-list{list-style:none;margin:0;padding:0}
  #csp-el .csp-el-list li{border-top:1px solid var(--csp-line,#E3E9F2)}
  #csp-el .csp-el-list a{display:grid;grid-template-columns:96px minmax(0,1fr) 84px 110px 96px;gap:16px;align-items:center;padding:10px 16px;color:var(--csp-text,#1A1D24) !important;text-decoration:none !important}
  @media (hover:hover) and (pointer:fine){#csp-el .csp-el-list a:hover{background:var(--csp-bg,#F3F6FB)}}
  #csp-el .csp-el-list img,#csp-el .csp-el-noimg{display:block;width:96px;height:54px;border-radius:8px;object-fit:cover;background:#0B2A4A}
  #csp-el .csp-el-t{min-width:0}
  #csp-el .csp-el-t b{display:block;font:700 16px/1.3 Ubuntu,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #csp-el .csp-el-t small{display:block;font:400 13px/1.3 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272)}
  #csp-el .csp-el-k,.csp-dym-list .csp-el-k{justify-self:start;min-width:48px;padding:5px 9px;border-radius:8px;background:var(--csp-chip,#E9EEF5);color:var(--csp-chord,#0f5699);font:700 13.5px/1 Ubuntu,sans-serif;text-align:center}
  #csp-el .csp-el-d,.csp-dym-list .csp-el-d{font:400 13.5px/1 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272)}
  #csp-el .csp-el-go{justify-self:end;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:10px;background:#0B2A4A;color:#fff;font:700 13px/1 Ubuntu,sans-serif}
  html.csp-dark #csp-el .csp-el-go{background:#1A6FE8}
  #csp-el .csp-el-none{padding:22px 16px;color:var(--csp-muted,#5A6272)}
  #csp-el .csp-el-more{display:block;margin:14px auto 18px;height:42px;padding:0 18px;border:1px solid var(--csp-line-2,#D5DEEA);border-radius:12px;background:var(--csp-card,#fff);color:var(--csp-text,#1A1D24);font:700 14px/1 Ubuntu,sans-serif;cursor:pointer}
  #csp-el .csp-el-more[hidden]{display:none}

  /* ricerca: l'artista e una scheda grande, le canzoni hanno tonalita e data */
  body.csp-search-view .csp-dym-list > a.csp-el-artist{margin:10px;padding:18px 20px;border:0 !important;border-radius:14px;background:#0B2A4A !important;color:#fff !important}
  body.csp-search-view .csp-dym-list > a.csp-el-artist b{font-size:22px}
  body.csp-search-view .csp-dym-list > a.csp-el-artist small{color:#C9D6E6;font-style:normal;font-size:14px}
  body.csp-search-view .csp-dym-list > a.csp-el-artist .csp-dym-ic{width:56px;height:56px;color:#7FE0FA;background:#132F57 !important}
  body.csp-search-view .csp-dym-list > a.csp-el-artist:after{content:'Tutte le canzoni \2192';margin-left:auto;padding:12px 16px;border-radius:12px;background:#FFC23A;color:#0B2A4A;font:700 14px/1 Ubuntu,sans-serif}
  body.csp-search-view .csp-dym-list > a > span:nth-child(2){flex:1 1 auto;min-width:0}
  body.csp-search-view .csp-dym-list > a .csp-el-d{width:90px;text-align:right}
}
@media (min-width:1200px){
  /* colonna destra della pagina artista: scorre con la pagina (i riquadri in piu non vengono tagliati) */
  html.csp-el-on body.csp-artist-view aside.sidebar-container{position:static !important}
  #csp-el .csp-el-seg button:disabled{opacity:.45;cursor:default}
  #csp-el .csp-el-seg button[hidden]{display:none}
  .csp-el-side{margin:0 0 16px;padding:16px;border:1px solid var(--csp-line,#E3E9F2);border-radius:16px;background:var(--csp-card,#fff);color:var(--csp-text,#1A1D24)}
  .csp-el-side h3{margin:0 0 6px;font:700 16px/1.3 Ubuntu,sans-serif;color:var(--csp-text,#1A1D24)}
  .csp-el-side p{margin:0 0 10px;font:400 13.5px/1.45 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272)}
  .csp-el-side ul{list-style:none;margin:0;padding:0}
  .csp-el-side li a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--csp-line,#E3E9F2);color:var(--csp-text,#1A1D24) !important;text-decoration:none !important;font:500 14px/1.3 Ubuntu,sans-serif}
  .csp-el-side li a small{flex:none;color:var(--csp-chord,#0f5699);font-weight:700}
  .csp-el-chips{display:flex;flex-wrap:wrap;gap:8px}
  .csp-el-chips a{padding:8px 12px;border-radius:10px;background:var(--csp-chip,#E9EEF5);color:var(--csp-text,#1A1D24) !important;text-decoration:none !important;font:500 14px/1 Ubuntu,sans-serif}
  .csp-phero.csp-artist{position:relative}
  .csp-el-follow{position:absolute;right:28px;bottom:28px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid #29B6F2;border-radius:12px;background:transparent;color:#fff;font:700 14.5px/1 Ubuntu,sans-serif;cursor:pointer}
  .csp-el-follow svg{width:18px;height:18px}
  .csp-el-follow[aria-pressed="true"]{background:#FFC23A;border-color:#FFC23A;color:#0B2A4A}
  /* ricerca: filtri sopra l'elenco */
  #csp-sr-bar{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
  #csp-sr-bar .csp-el-seg{display:flex;padding:3px;border-radius:12px;background:var(--csp-chip,#E9EEF5)}
  #csp-sr-bar button{height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--csp-text,#1A1D24);font:700 13.5px/1 Ubuntu,sans-serif;cursor:pointer}
  #csp-sr-bar button[aria-pressed="true"]{background:#0B2A4A;color:#fff}
  .csp-dym-list > a[hidden]{display:none !important}
  /* con un filtro attivo le schede "Altre canzoni trovate" (senza tonalita e data) si nascondono */
  html.csp-sr-filtro body.csp-search-view .widget.Blog > .csp-sec-head,
  html.csp-sr-filtro body.csp-search-view .widget.Blog > .blog-posts,
  html.csp-sr-filtro body.csp-search-view .widget.Blog > .blog-pager{display:none !important}
  /* Preferiti: playlist e artisti seguiti in una colonna a destra */
  html.csp-pf-on .post-body .csp-pf{display:grid !important;grid-template-columns:minmax(0,1fr) 320px;column-gap:28px;align-items:start}
  html.csp-pf-on .post-body .csp-pf > *{grid-column:1;min-width:0}
  html.csp-pf-on .post-body .csp-pf > .s-hero,html.csp-pf-on .post-body .csp-pf > .csp-ad,html.csp-pf-on .post-body .csp-pf > .s-acc,html.csp-pf-on .post-body .csp-pf > .s-shared{grid-column:1 / -1}
  html.csp-pf-on .post-body .csp-pf > #csp-pf-side{grid-column:2;grid-row:4 / span 20;position:sticky;top:calc(var(--csp-hh,52px) + 16px);display:flex;flex-direction:column;gap:14px;margin-top:20px}
  html.csp-pf-on .post-body .csp-pf .s-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .csp-pf-box{padding:18px;border-radius:18px;border:1px solid var(--csp-line,#E3E9F2);background:var(--csp-card,#fff);color:var(--csp-text,#1A1D24)}
  .csp-pf-box h3{margin:0 0 6px;font:700 17px/1.3 Ubuntu,sans-serif;color:inherit}
  .csp-pf-box p{margin:0 0 12px;font:400 13.5px/1.45 Ubuntu,sans-serif;color:var(--csp-muted,#5A6272)}
  .csp-pf-pl{background:#0B2A4A;border-color:#0B2A4A;color:#fff}
  .csp-pf-pl p{color:#C9D6E6}
  .csp-pf-pl #pf-tabs{display:flex !important;flex-direction:column;align-items:stretch;gap:8px;margin:0 !important;padding:0 !important;overflow:visible !important}
  .csp-pf-pl #pf-tabs .s-tab{width:100%;justify-content:space-between}
  .csp-pf-art ul{list-style:none;margin:0;padding:0}
  .csp-pf-art li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--csp-line,#E3E9F2);color:var(--csp-text,#1A1D24) !important;text-decoration:none !important;font:500 14.5px/1.3 Ubuntu,sans-serif}
  .csp-pf-art li a em{flex:none;padding:4px 8px;border-radius:8px;background:#FFC23A;color:#0B2A4A;font:700 12px/1 Ubuntu,sans-serif;font-style:normal}
}

/* Preferiti senza la colonna di destra (schermi medi): tre colonne */
@media (min-width:1200px){
  html:not(.csp-pf-on) .post-body .csp-pf .s-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}

/* ---------- Home su computer largo (26 ottobre 2026) ----------
   Da 1200 px in su: striscia delle piu cercate a tutta larghezza, ultima aggiunta grande con ricerca
   e "Manca una canzone?" a destra, scorciatoie in una riga, le piu viste 5 per riga, notizie,
   poi gli ultimi testi su 3 colonne con "Chi siamo" fermo a destra. Telefono e tablet restano come prima. */
@media (min-width:768px){
  html.csp-home-pc body.feed-view .centered{max-width:1384px !important;padding:0 32px !important}
  html.csp-home-pc #home_ticker{margin:0 !important}
  html.csp-home-pc #home_ticker .csp-ticker{height:46px;margin:0 0 28px;border-radius:0;background:var(--csp-navy);box-shadow:0 0 0 100vmax var(--csp-navy);clip-path:inset(0 -100vmax)}
  html.csp-home-pc #home_ticker .csp-ticker-label{height:28px;padding:0 12px;border-radius:8px;background:#1A6FE8}
  html.csp-home-pc #home_ticker .csp-ticker-item{line-height:46px}
  .csp-hp-wide{display:flex;flex-direction:column;gap:36px;margin:0 0 36px}
  .csp-hp-top{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:stretch}
  .csp-hp-top > #featured_post,.csp-hp-top > #featured_post .widget{margin:0 !important;padding:0 !important;height:100%}
  html.csp-home-pc .csp-hp-top .csp-hero{margin:0 !important;height:100%;min-height:420px;max-height:none;aspect-ratio:auto;border-radius:22px}
  html.csp-home-pc .csp-hp-top .csp-hero-body{padding:32px 36px;background:linear-gradient(180deg,rgba(10,28,53,0) 0%,rgba(10,28,53,.92) 100%) !important}
  .csp-hp-side{display:flex;flex-direction:column;gap:16px;min-width:0}
  .csp-hp-sb{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:22px;background:linear-gradient(150deg,#0B2A4A 0%,#123B6B 100%);color:#F5F8FC}
  .csp-hp-sb-k{padding:5px 10px;border-radius:7px;background:#FFC23A;color:#0B2A4A;font:700 11.5px/1 Ubuntu,sans-serif;letter-spacing:.06em;text-transform:uppercase}
  .csp-hp-sb b{font:700 20px/1.2 Ubuntu,sans-serif;color:#fff}
  .csp-hp-sb-s{font:400 14px/1.45 Ubuntu,sans-serif;color:#C9D6E6}
  .csp-hp-sb-t{display:flex;flex-wrap:wrap;gap:6px}
  .csp-hp-sb-t i{padding:5px 9px;border-radius:7px;background:rgba(255,255,255,.12);font:500 12px/1 Ubuntu,sans-serif;font-style:normal;color:#DCE8FA}
  .csp-hp-sb-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:4px}
  .csp-hp-sb-go{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;background:#FFC23A;color:#0B2A4A !important;font:700 14.5px/1 Ubuntu,sans-serif;text-decoration:none !important;transition:transform .2s ease}
  @media (hover:hover) and (pointer:fine){.csp-hp-sb-go:hover{transform:translateY(-1px)}}
  .csp-hp-sb-go svg{width:16px;height:16px}
  .csp-hp-sb-web{color:#fff !important;font:700 14px/1 Ubuntu,sans-serif;text-decoration:underline !important;text-underline-offset:3px}
  .csp-hp-side > #HTML6{flex:1 1 auto;display:flex !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important}
  .csp-hp-side > #HTML6 .widget-content{display:flex;flex:1}
  .csp-hp-side .csp-ask{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:22px;background:#1A6FE8;text-align:left}
  .csp-hp-side .csp-ask-ic{width:48px;height:48px;margin:0}
  .csp-hp-side .csp-ask-t,.csp-hp-side .csp-ask-s{margin:0}
  .csp-hp-side .csp-ask-t{font-size:19px}
  .csp-hp-side .csp-ask .csp-ask-btn{margin-top:auto;padding:12px 18px;border-radius:12px;color:#0B2A4A !important}
  html.csp-home-pc .csp-home-info:empty{display:none}
  .csp-hp-wide .csp-explore{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0}
  .csp-hp-wide .csp-explore a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border-radius:18px;border:1px solid var(--csp-line,#E3E9F2)}
  .csp-hp-wide .csp-explore .csp-ex-ic{width:42px;height:42px}
  .csp-hp-wide .csp-explore b{font-size:15.5px}
  .csp-hp-wide .csp-explore b,.csp-hp-wide .csp-explore small{align-self:auto;text-align:left}
  .csp-hp-wide .csp-explore small{font-size:13px;line-height:1.4}
  .csp-hp-wide #home_top10 .csp-sec-head{margin:0 0 16px}
  .csp-hp-wide .csp-rail{gap:14px}
  .csp-hp-wide .csp-top-item{flex:0 0 calc((100% - 56px) / 5)}
  .csp-hp-wide .csp-news{margin:0}
  html.csp-home-pc body.feed-view .centered-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) 320px !important;gap:24px !important;align-items:start}
  html.csp-home-pc #main > .csp-sec-head:first-of-type{margin-top:0}
  html.csp-home-pc body.feed-view .blog-posts{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:16px}
  html.csp-home-pc body.feed-view .blog-posts > *,html.csp-home-pc body.feed-view .blog-posts > .csp-t1{grid-column:span 2}
  html.csp-home-pc body.feed-view .blog-posts > .csp-r2{grid-column:span 3}
  html.csp-home-pc body.feed-view .blog-posts > .csp-r1{grid-column:1 / -1}
  html.csp-home-pc body.feed-view .sidebar-container #Text1 .widget-content{max-height:none;overflow:visible}
}
/* home sul tablet (da 768 a 1199 px): stessa impostazione, misure da schermo medio */
@media (min-width:768px) and (max-width:1199px){
  html.csp-home-pc body.feed-view .centered{padding:0 24px !important}
  .csp-hp-wide{gap:28px}
  .csp-hp-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
  html.csp-home-pc .csp-hp-top .csp-hero{min-height:320px}
  html.csp-home-pc .csp-hp-top .csp-hero-body{padding:22px 24px}
  html.csp-home-pc .csp-hp-top .csp-hero-title .t{font-size:30px}
  .csp-hp-sb,.csp-hp-side .csp-ask{padding:18px}
  .csp-hp-sb-s{display:none}
  .csp-hp-wide .csp-explore{grid-template-columns:repeat(3,minmax(0,1fr))}
  .csp-hp-wide .csp-explore a{flex-direction:row;align-items:center}
  .csp-hp-wide .csp-explore small{display:none}
  .csp-hp-wide .csp-top-item{flex-basis:calc((100% - 42px) / 4)}
  html.csp-home-pc body.feed-view .centered-bottom{grid-template-columns:minmax(0,1fr) !important}
  html.csp-home-pc body.feed-view .sidebar-container{position:static !important;top:auto !important;grid-column:1 !important;margin-top:8px !important}
  html.csp-home-pc body.feed-view .blog-posts{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html.csp-home-pc body.feed-view .blog-posts > *,html.csp-home-pc body.feed-view .blog-posts > .csp-t1,html.csp-home-pc body.feed-view .blog-posts > .csp-r1,html.csp-home-pc body.feed-view .blog-posts > .csp-r2{grid-column:auto !important}
  html.csp-home-pc body.feed-view .blog-posts > .csp-t1 .csp-card{flex-direction:column}
  html.csp-home-pc body.feed-view .blog-posts > .csp-t1 .csp-card-media{flex:none}
}
/* ---------- Ricerca su computer (26 ottobre 2026) ---------- */
#csp-srx{display:none}
@media (min-width:1200px){
  html.csp-srx-on body.csp-search-view .centered-bottom{display:none !important}
  html.csp-srx-on body.csp-search-view .centered{max-width:1384px !important;padding:0 32px !important}
  #csp-srx [hidden]{display:none !important}
  #csp-srx{display:block;margin:0 0 48px;font:400 15px/1.5 Ubuntu,sans-serif;color:var(--csp-text)}
  #csp-srx .srx-band{margin:0 0 26px;padding:22px 0 26px;background:var(--csp-navy);box-shadow:0 0 0 100vmax var(--csp-navy);clip-path:inset(0 -100vmax)}
  #csp-srx .srx-form{display:flex;gap:8px;max-width:860px;margin:0}
  #csp-srx .srx-field{flex:1;display:flex;align-items:center;gap:10px;height:54px;padding:0 18px;border-radius:14px;background:#F5F8FC;color:#3C4C63;cursor:text}
  #csp-srx .srx-field svg{flex:none;width:20px;height:20px}
  #csp-srx .srx-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#0A1C35;font:500 17px Ubuntu,sans-serif}
  #csp-srx .srx-form button{height:54px;padding:0 24px;border:0;border-radius:14px;background:#FFC23A;color:#0A1C35;font:700 16px Ubuntu,sans-serif;cursor:pointer}
  #csp-srx .srx-cols{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
  #csp-srx .srx-side{position:sticky;top:calc(var(--csp-hh,52px) + 16px);padding:18px;border-radius:18px;background:var(--csp-card,#fff);border:1px solid var(--csp-line,#E3E9F2)}
  #csp-srx .srx-side h2{margin:0 0 12px !important;font:700 15px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
  #csp-srx fieldset{margin:0 0 14px;padding:0;border:0}
  #csp-srx fieldset:last-child{margin:0}
  #csp-srx legend{margin:0 0 6px;padding:0;font:700 12px/1 Ubuntu,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--csp-muted)}
  #csp-srx fieldset label{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14.5px;cursor:pointer}
  #csp-srx fieldset input{width:18px;height:18px;margin:0;accent-color:#1A6FE8}
  #csp-srx .srx-main{display:flex;flex-direction:column;gap:16px;min-width:0}
  #csp-srx .srx-n{margin:0;font-size:15px;color:var(--csp-muted)}
  #csp-srx .srx-n b{color:var(--csp-text)}
  #csp-srx .srx-arts{display:flex;flex-direction:column;gap:12px}
  #csp-srx .srx-arts:empty{display:none}
  #csp-srx .srx-art{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:18px;background:#0A1C35;color:#F5F8FC !important;text-decoration:none !important;transition:transform .2s ease}
  @media (hover:hover) and (pointer:fine){#csp-srx .srx-art:hover{transform:translateY(-2px)}}
  #csp-srx .srx-av{flex:none;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#132F57;color:#7FE0FA;font:700 24px/1 Ubuntu,sans-serif}
  #csp-srx .srx-art-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  #csp-srx .srx-art-t small{font:700 12px/1 Ubuntu,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#7FE0FA}
  #csp-srx .srx-art-t b{font-size:22px;color:#fff}
  #csp-srx .srx-art-t span{font-size:14px;color:#C9D6E6}
  #csp-srx .srx-art-go{flex:none;display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:12px;background:#FFC23A;color:#0A1C35;font-weight:700}
  #csp-srx .srx-box{border-radius:18px;overflow:hidden;background:var(--csp-card,#fff);border:1px solid var(--csp-line,#E3E9F2)}
  #csp-srx .srx-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--csp-line,#E3E9F2);background:var(--csp-bg,#F7F9FC)}
  #csp-srx .srx-head h2{margin:0 !important;font:700 15px/1.3 Ubuntu,sans-serif !important;color:var(--csp-text) !important}
  #csp-srx .srx-head span{font-size:13px;color:var(--csp-muted)}
  #csp-srx .srx-list{list-style:none;margin:0;padding:0}
  #csp-srx .srx-list li{margin:0;padding:0;border-top:1px solid var(--csp-line,#EEF2F7)}
  #csp-srx .srx-list li:first-child{border-top:0}
  #csp-srx .srx-list li:before{display:none}
  #csp-srx .srx-list a{display:flex;align-items:center;gap:16px;padding:12px 20px;color:var(--csp-text) !important;text-decoration:none !important}
  @media (hover:hover) and (pointer:fine){#csp-srx .srx-list a:hover{background:var(--csp-bg,#F7F9FC)}}
  #csp-srx .srx-k{flex:none;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--csp-chip,#EEF2F7);color:#1A6FE8;font:700 13.5px/1 Ubuntu,sans-serif}
  #csp-srx .srx-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  #csp-srx .srx-t b{font-size:15.5px}
  #csp-srx .srx-t span{font-size:13.5px;color:var(--csp-muted)}
  #csp-srx mark{background:#FFE7A8;color:inherit;border-radius:3px;padding:0 2px}
  html.csp-dark #csp-srx mark{background:#5A4A1A}
  html.csp-dark #csp-srx .srx-k{color:#7FB2FF}
  #csp-srx .srx-go{flex:none;font-size:13.5px;font-weight:500;color:#1A6FE8}
  #csp-srx .srx-empty{padding:22px;color:var(--csp-muted);text-align:center}
  #csp-srx .srx-more{display:block;margin:14px auto;height:42px;padding:0 18px;border:1px solid var(--csp-line-2,#D5DEEA);border-radius:10px;background:var(--csp-card,#fff);color:var(--csp-text);font:500 14px Ubuntu,sans-serif;cursor:pointer}
  #csp-srx .srx-note{margin:0;font-size:13.5px;color:var(--csp-muted)}
  #csp-srx .srx-note a{color:#1A6FE8 !important}
}
/* ---------- Tablet in verticale (26 ottobre 2026): strumenti in una barra fissa in alto, pulsanti su una riga che scorre ---------- */
@media (min-width:746px) and (max-width:1023px){
  html.csp-song .post-body .csp-tools{position:sticky;top:calc(var(--csp-hh,52px) + 6px);z-index:30;display:flex !important;flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px !important;margin-bottom:18px !important;box-shadow:0 10px 26px rgba(10,28,53,.12)}
  html.csp-song .post-body .csp-tools > .csp-tools-row{display:contents}
  html.csp-song .post-body .csp-tools .csp-keys-wrap{flex:0 0 auto;margin:0 !important;padding:0 !important;border:0 !important}
  html.csp-song .post-body .csp-tools .csp-keys-head{gap:14px;justify-content:flex-start}
  html.csp-song .post-body .csp-tools .csp-extra{flex:1 1 100%;display:flex !important;flex-wrap:nowrap !important;gap:6px !important;overflow-x:auto;margin:0 !important;padding:0 !important;border:0 !important;scrollbar-width:none}
  html.csp-song .post-body .csp-tools .csp-extra::-webkit-scrollbar{display:none}
  html.csp-song .post-body .csp-tools .csp-pill{flex:0 0 auto;height:40px;padding:0 14px;font-size:13.5px}
  html.csp-song .post-body .csp-tools .csp-size button{width:40px;height:40px}
  html.csp-song .post-body .csp-tools .form-check{margin:0 !important}
}
/* ---------- Smart TV (26 ottobre 2026) ---------- */
html.csp-tv a:focus,html.csp-tv button:focus,html.csp-tv input:focus,html.csp-tv select:focus,html.csp-tv textarea:focus,html.csp-tv [tabindex]:focus{outline:4px solid #FFC23A !important;outline-offset:3px !important;box-shadow:0 0 0 10px rgba(255,194,58,.25) !important;position:relative;z-index:5}
html.csp-tv .csp-card:focus-within,html.csp-tv .csp-top-card:focus,html.csp-tv .csp-hero:focus{transform:scale(1.03)}
html.csp-tv .csp-ticker-track{animation-duration:90s}
html.csp-tv .csp-scr-grip{display:none}

/* ---------- Barra degli strumenti su computer e TV: i pulsanti non vanno mai a capo (31 ottobre 2026) ----------
   I comandi (Accordi, Testo, Tonalita, Tono, Capo) restano dove sono; i pulsanti stanno sempre su una riga loro.
   "Usa i bemolle / diesis" ha sempre la stessa larghezza: cambiando scelta non si sposta niente.
   Se lo spazio non basta i pulsanti si compattano; se non basta ancora, la riga scorre di lato. */
@media (min-width:1024px){
  html.csp-song .post-body .csp-tools{container-type:inline-size}
  html.csp-song .post-body .csp-tools .csp-extra{flex:1 1 100%;display:flex !important;flex-wrap:nowrap !important;gap:6px !important;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
  html.csp-song .post-body .csp-tools .csp-extra::-webkit-scrollbar{display:none}
  html.csp-song .post-body .csp-tools .csp-extra .csp-pill{flex:0 0 auto}
  html.csp-song .post-body .csp-tools #csp-b-acc span{display:inline-block;min-width:7.3em;text-align:left}
}
@container (max-width:900px){
  html.csp-song .post-body .csp-tools .csp-extra .csp-pill{height:36px;padding:0 8px;gap:5px;font-size:12px}
  html.csp-song .post-body .csp-tools .csp-extra .csp-pill svg{width:15px;height:15px}
  html.csp-song .post-body .csp-tools .csp-extra{gap:4px !important}
}
/* riga che scorre: sfumatura sul lato dove ci sono altri pulsanti (classi messe da emporio.js) */
@media (min-width:1024px){
  html.csp-song .post-body .csp-tools .csp-extra.csp-scorre-dx{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
  html.csp-song .post-body .csp-tools .csp-extra.csp-scorre-sx{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}
  html.csp-song .post-body .csp-tools .csp-extra.csp-scorre-sx.csp-scorre-dx{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
}