.s2f-charts.s2f-page-content{width:100%;max-width:1520px!important;margin-inline:auto;padding:65px 3% 44px;box-sizing:border-box;}
.s2f-charts-panel{width:100%;max-width:none;margin:32px 0 0;padding:30px clamp(20px,2.4vw,32px) 34px;box-sizing:border-box;}

.s2f-charts-status{color:var(--muted);font-size:13px;line-height:1.6;min-height:1.6em;}
.s2f-chart-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;}
.s2f-chart-row{display:flex;align-items:center;gap:18px;padding:14px 18px;border:1px solid var(--border,#ffffff20);border-radius:18px;background:var(--surface,#141513);min-width:0;}
.s2f-chart-track{display:grid;grid-template-columns:38px 80px minmax(0,1fr);align-items:center;gap:18px;flex:1;min-width:0;min-height:80px;padding:0;background:transparent;border:0;color:var(--fg);text-align:left;}
.s2f-chart-rank{font-size:24px;font-weight:650;text-align:center;color:var(--muted);}
.s2f-chart-podium .s2f-chart-rank{color:var(--lime,#c5f747);}
.s2f-chart-cover{display:block;width:80px;height:80px;object-fit:cover;border-radius:12px;background:var(--bg);}
.s2f-chart-info{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere;}
.s2f-chart-title{font-size:17px;font-weight:650;line-height:1.35;}
.s2f-chart-artist{font-size:13px;line-height:1.45;color:var(--muted);}
.s2f-chart-count{font-size:13px;line-height:1.4;color:var(--muted);}
.s2f-chart-row .s2f-chart-stream{margin:0;flex-shrink:0;min-height:44px;padding:12px 18px;white-space:nowrap;letter-spacing:0;font-size:14px;}
.s2f-charts .s2f-chart-row a.button.primary.s2f-chart-stream{background:var(--genre-color,#f5f5f7)!important;border-color:var(--genre-color,#f5f5f7)!important;color:#101014!important;justify-content:center;text-align:center;}
.s2f-charts .s2f-chart-row a.button.primary.s2f-chart-stream:visited{color:#101014!important;}
.s2f-charts .s2f-chart-row a.button.primary.s2f-chart-stream:hover{background:var(--genre-color,#f5f5f7)!important;color:#101014!important;filter:brightness(1.08);}
.s2f-chart-track:focus-visible,.s2f-chart-stream:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:8px;}
@media(max-width:700px){
 .s2f-charts.s2f-page-content{padding-top:32px;padding-left:4%;padding-right:4%;}
 .s2f-charts-panel{padding:24px 16px 28px;}
}
@media(max-width:600px){
 .s2f-charts-panel{margin-top:24px;}
 .s2f-chart-row{gap:10px;padding:12px 10px;flex-wrap:wrap;}
 .s2f-chart-track{grid-template-columns:25px 56px minmax(0,1fr);gap:10px;flex-basis:100%;min-height:56px;}
 .s2f-chart-cover{width:56px;height:56px;border-radius:9px;}
 .s2f-chart-rank{font-size:20px;}
 .s2f-chart-title{font-size:15px;}
 .s2f-chart-row .s2f-chart-stream{margin-left:auto;margin-right:auto;}
}