:root{
 --tscc-blue:#1c2e46;--tscc-red:#CC0033;--tscc-ink:#142238;
 --tscc-head:"Bebas Kai","Bebas","Bebas Neue",Impact,sans-serif;
 --tscc-body:"Neue Haas Grotesk Text Pro","Neue Haas Grotesk Display Pro","Helvetica Neue",Arial,sans-serif;
}
.tscc-page .entry-title,.tscc-page .page-title,.tscc-page .wp-block-post-title{display:none!important}
.tscc-page .site-main,.tscc-page main,.tscc-page .entry-content{background:#fff!important}
.tscc-wrap{width:100%;background:#fff;color:var(--tscc-ink);font-family:var(--tscc-body);padding:46px 0 32px}
.tscc-wrap *{box-sizing:border-box}
.tscc-head,.tscc-list,.tscc-footer{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.tscc-head{padding-bottom:20px;border-bottom:1px solid var(--tscc-blue);margin-bottom:16px}
.tscc-kicker,.tscc-modal-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.tscc-head h2{margin:8px 0 5px;color:var(--tscc-blue);font:400 clamp(58px,7vw,92px)/.88 var(--tscc-head);text-transform:uppercase}
.tscc-head p{margin:0;color:#62666c}
.tscc-list{display:grid;gap:9px}
.tscc-row{min-height:104px;display:grid;grid-template-columns:76px 84px minmax(0,1fr) 70px 60px 60px 48px;align-items:center;gap:13px;padding:9px 14px 9px 0;background:#fff;border:1px solid rgba(28,46,70,.08);border-left:4px solid var(--tscc-blue);box-shadow:0 7px 22px rgba(28,46,70,.08);transition:.18s ease}
.tscc-row:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(28,46,70,.12)}
.tscc-row.is-top{border-left-color:var(--tscc-red)}
.tscc-rank{align-self:stretch;display:flex;align-items:center;justify-content:center;color:var(--tscc-blue);font:400 56px/1 var(--tscc-head);border-right:1px solid rgba(28,46,70,.12)}
.tscc-row.is-top .tscc-rank{color:var(--tscc-red)}
.tscc-cover{width:76px;height:76px;overflow:hidden;background:var(--tscc-blue);display:flex;align-items:center;justify-content:center}
.tscc-cover img{width:100%;height:100%;object-fit:cover;display:block}
.tscc-cover-fallback{color:#fff;text-align:center;font:400 19px/.85 var(--tscc-head);letter-spacing:.05em}
.tscc-song strong{display:block;color:var(--tscc-blue);font:400 clamp(26px,2.5vw,36px)/.94 var(--tscc-head);text-transform:uppercase}
.tscc-song span{display:block;margin-top:5px;font-size:13px;font-weight:750}
.tscc-movement{justify-self:center;font-size:11px;font-weight:900;white-space:nowrap}
.tscc-movement.is-up{color:#16804b}.tscc-movement.is-down{color:var(--tscc-red)}
.tscc-movement.is-new{background:var(--tscc-red);color:#fff;padding:6px 7px;font-size:8px}
.tscc-stat{text-align:center}.tscc-stat small{display:block;color:#777;font-size:8px;font-weight:900;text-transform:uppercase}.tscc-stat b{display:block;margin-top:3px;color:var(--tscc-blue);font-size:17px}
.tscc-play{width:40px;height:40px;border:0;border-radius:50%;background:var(--tscc-red);color:#fff;cursor:pointer;font-size:14px;display:grid;place-items:center;padding-left:3px}
.tscc-play:hover{background:var(--tscc-blue)}.tscc-play.is-disabled{background:#eee;color:#aaa;cursor:default}
.tscc-footer{display:flex;justify-content:space-between;gap:15px;margin-top:20px;padding-top:13px;border-top:1px solid rgba(28,46,70,.15);color:#71757b;font-size:10px;font-weight:800;text-transform:uppercase}
.tscc-empty{padding:30px;background:#fff;font-family:var(--tscc-body)}
.tscc-modal[hidden]{display:none!important}.tscc-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px}
.tscc-modal-backdrop{position:absolute;inset:0;background:rgba(8,18,31,.88)}
.tscc-modal-card{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;display:grid;grid-template-columns:minmax(280px,42%) 1fr;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.tscc-modal-close{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;border:0;background:#333;color:#fff;font-size:24px;cursor:pointer}
.tscc-modal-visual{min-height:430px;background:var(--tscc-blue)}.tscc-modal-visual img{width:100%;height:100%;object-fit:cover;display:block}
.tscc-modal-content{padding:48px 36px 34px;align-self:center}.tscc-modal-content h3{margin:12px 0 2px;color:var(--tscc-blue);font:400 clamp(46px,6vw,76px)/.9 var(--tscc-head);text-transform:uppercase}.tscc-modal-content p{font-weight:800;margin:0 0 28px}.tscc-spotify-frame iframe{display:block;border-radius:12px}.tscc-modal-open{overflow:hidden}
@media(max-width:700px){
 .tscc-wrap{padding-top:30px}.tscc-head,.tscc-list,.tscc-footer{width:calc(100% - 28px)}
 .tscc-head h2{font-size:clamp(50px,15vw,70px)}
 .tscc-row{grid-template-columns:48px 68px minmax(0,1fr) 38px;min-height:88px;gap:9px;padding:7px 8px 7px 0}
 .tscc-rank{font-size:42px}.tscc-cover{width:62px;height:62px}
 .tscc-song strong{font-size:clamp(22px,6.6vw,30px)}.tscc-song span{font-size:11px}
 .tscc-stat{display:none}.tscc-movement{display:none}.tscc-play{width:34px;height:34px}
 .tscc-footer{font-size:9px}
 .tscc-modal{padding:0;align-items:stretch}.tscc-modal-card{width:100%;max-height:100dvh;min-height:100dvh;display:block}
 .tscc-modal-visual{height:46vh;min-height:280px}.tscc-modal-content{padding:28px 18px 32px}.tscc-modal-close{position:fixed;right:12px;top:12px}
}


/* v1.2 — inline player + movement states */
.tscc-item{display:grid;gap:0}
.tscc-row.is-up{background:#f4fbf6;border-left-color:#2f8a57}
.tscc-row.is-down{background:#fff5f7;border-left-color:#d94a66}
.tscc-row.is-new{background:#fff7fa;border-left-color:var(--tscc-red)}
.tscc-row.is-same{background:#fff}
.tscc-row.is-top.is-up{border-left-color:#2f8a57}
.tscc-row.is-top.is-down,.tscc-row.is-top.is-new{border-left-color:var(--tscc-red)}
.tscc-row.is-up .tscc-rank{color:#217247}
.tscc-row.is-down .tscc-rank{color:#b82e4d}
.tscc-movement.is-up{background:#e4f4e9;color:#217247;padding:6px 8px}
.tscc-movement.is-down{background:#fde7ec;color:#b82e4d;padding:6px 8px}
.tscc-movement.is-new{background:var(--tscc-red);color:#fff;padding:7px 9px;font-size:9px;letter-spacing:.05em}
.tscc-mobile-movement{display:none;font-style:normal;width:max-content;margin-top:6px;font-size:8px;font-weight:900;line-height:1;text-transform:uppercase}
.tscc-mobile-movement.is-up{display:none;background:#e4f4e9;color:#217247;padding:5px 7px}
.tscc-mobile-movement.is-down{display:none;background:#fde7ec;color:#b82e4d;padding:5px 7px}
.tscc-mobile-movement.is-new{display:none;background:var(--tscc-red);color:#fff;padding:5px 7px}
.tscc-inline-player[hidden]{display:none!important}
.tscc-inline-player{margin:-1px 0 9px;padding:12px 14px 14px 174px;background:#f7f8fa;border:1px solid rgba(28,46,70,.08);border-top:3px solid var(--tscc-red);box-shadow:0 7px 22px rgba(28,46,70,.06)}
.tscc-inline-player iframe{display:block;border-radius:12px;max-width:620px}
.tscc-play.is-playing{background:var(--tscc-blue);padding-left:0}
@media(max-width:700px){
 .tscc-mobile-movement.is-up,.tscc-mobile-movement.is-down,.tscc-mobile-movement.is-new{display:inline-block}
 .tscc-inline-player{padding:10px 8px 12px;margin:-1px 0 8px}
 .tscc-inline-player iframe{max-width:none}
}


/* v1.3 — chart date + Country Countdown promo */
.tscc-countdown{
  width:min(1180px,calc(100% - 36px));
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  min-height:112px;
  background:var(--tscc-blue);
  color:#fff;
  border-left:6px solid var(--tscc-red);
  box-shadow:0 8px 24px rgba(28,46,70,.10);
}
.tscc-countdown-label{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px 20px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:10px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.15em;
  text-align:center;
  text-transform:uppercase;
}
.tscc-countdown-copy{
  align-self:center;
  padding:22px 28px;
}
.tscc-countdown-copy strong{
  display:block;
  margin:0 0 5px;
  color:#fff;
  font:400 clamp(34px,3.5vw,48px)/.92 var(--tscc-head);
  text-transform:uppercase;
}
.tscc-countdown-copy p{
  margin:0;
  color:#fff;
  font-size:15px;
  line-height:1.45;
}
.tscc-countdown-copy b{
  color:#fff;
  font-weight:900;
}
@media(max-width:700px){
  .tscc-countdown{
    width:calc(100% - 28px);
    grid-template-columns:1fr;
    margin-bottom:14px;
  }
  .tscc-countdown-label{
    justify-content:flex-start;
    min-height:0;
    padding:11px 14px 9px;
    text-align:left;
    background:var(--tscc-red);
  }
  .tscc-countdown-copy{
    padding:17px 16px 19px;
  }
  .tscc-countdown-copy strong{
    font-size:36px;
  }
  .tscc-countdown-copy p{
    font-size:13px;
    line-height:1.5;
  }
}


/* v1.4 — persistent chart date, refined promo, controls and mobile rhythm */
.tscc-countdown{
  display:block;
  min-height:0;
  background:var(--tscc-blue);
  border-left:0;
  border-top:0;
  overflow:hidden;
}
.tscc-countdown-label{
  display:block;
  padding:9px 16px 8px;
  background:var(--tscc-red);
  text-align:left;
  font-size:9px;
  letter-spacing:.14em;
}
.tscc-countdown-copy{padding:18px 22px 20px}
.tscc-countdown-copy strong{font-size:42px;margin-bottom:5px}
.tscc-countdown-copy p{font-weight:400}
.tscc-countdown-copy b{font-weight:400}

/* Clean THE STAGE play/pause control: no font glyphs. */
.tscc-play{
  position:relative;
  width:42px;height:42px;
  padding:0;
  border:1px solid rgba(28,46,70,.16);
  border-radius:0;
  background:var(--tscc-blue);
  color:#fff;
  transition:background .16s ease,transform .16s ease;
}
.tscc-play:hover{background:var(--tscc-red);transform:translateY(-1px)}
.tscc-play::before{
  content:"";
  position:absolute;
  left:16px;top:13px;
  width:0;height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:12px solid #fff;
}
.tscc-play::after{content:none}
.tscc-play.is-playing{background:var(--tscc-red)}
.tscc-play.is-playing::before,
.tscc-play.is-playing::after{
  content:"";
  position:absolute;
  top:12px;
  width:5px;height:18px;
  border:0;
  background:#fff;
}
.tscc-play.is-playing::before{left:13px}
.tscc-play.is-playing::after{left:23px}
.tscc-play-icon{display:none}
.tscc-play.is-disabled::before,.tscc-play.is-disabled::after{display:none}
.tscc-spotify-mount,.tscc-spotify-mount iframe{width:100%!important;max-width:620px}

@media(max-width:700px){
  /* Same 14px content gutter used by Events and Radio Guide. */
  .tscc-wrap{width:100%;padding-left:0;padding-right:0;background:#fff}
  .tscc-head,.tscc-countdown,.tscc-list,.tscc-footer{width:calc(100% - 28px);margin-left:14px;margin-right:14px}
  .tscc-row{grid-template-columns:44px 62px minmax(0,1fr) 40px;gap:8px;min-height:84px;padding:7px 7px 7px 0}
  .tscc-rank{font-size:40px}.tscc-cover{width:60px;height:60px}
  .tscc-play{width:38px;height:38px}
  .tscc-play::before{left:14px;top:11px}
  .tscc-play.is-playing::before{left:11px;top:10px;height:18px}
  .tscc-play.is-playing::after{left:21px;top:10px;height:18px}
  .tscc-countdown{display:block}
  .tscc-countdown-label{padding:10px 14px 9px}
  .tscc-countdown-copy{padding:16px 15px 18px}
  .tscc-countdown-copy strong{font-size:36px}
}


/* v1.4.2 — mobile width + clearer movement colours */

.tscc-row.is-up{
  background:#f3faf5 !important;
  border-left-color:#3f8f5f !important;
}
.tscc-row.is-down{
  background:#fff4f5 !important;
  border-left-color:#CC0033 !important;
}
.tscc-row.is-new{
  background:#f2f6fb !important;
  border-left-color:#1c2e46 !important;
}
.tscc-row.is-new .tscc-rank{
  color:#1c2e46 !important;
}
.tscc-row.is-new .tscc-movement{
  background:#1c2e46 !important;
  color:#fff !important;
}
.tscc-row.is-up .tscc-movement{
  color:#2f7d4d !important;
}
.tscc-row.is-down .tscc-movement{
  color:#CC0033 !important;
}
.tscc-row.is-top.is-new{
  border-left-color:#1c2e46 !important;
}
.tscc-row.is-top.is-new .tscc-rank{
  color:#1c2e46 !important;
}

@media(max-width:700px){
  .tscc-page .entry-content,
  .tscc-page .wp-block-post-content{
    max-width:none !important;
    width:100% !important;
  }

  .tscc-wrap{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    background:#fff !important;
    overflow-x:hidden !important;
  }

  .tscc-head,
  .tscc-countdown,
  .tscc-list,
  .tscc-footer{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin-left:14px !important;
    margin-right:14px !important;
  }

  .tscc-row{
    width:100% !important;
    max-width:100% !important;
  }
}