.chartsPage{background:var(--cream)}.chartsHero{border-bottom:2px solid var(--ink);background:var(--ink);color:#fff;grid-template-columns:1.2fr .8fr;min-height:590px;display:grid;overflow:hidden}.chartsHeroCopy{padding:78px 5vw 62px;position:relative}.chartsHeroCopy:after{content:"01 02 03 04 05";letter-spacing:18px;color:#fff5;white-space:nowrap;font-size:9px;position:absolute;bottom:24px;left:5vw}.chartsHero h1{letter-spacing:-2px;color:var(--cream);margin:0;font:clamp(78px,11vw,160px)/.77 Anton,Arial Black,sans-serif}.chartsHero .eyebrow{color:#f7c34e}.chartsHeroLead{max-width:680px;margin:36px 0 0;font:19px/1.55 Georgia,serif}.chartsHeroStats{background:var(--orange);color:#fff;border-left:2px solid var(--ink);flex-direction:column;justify-content:center;padding:55px 5vw;display:flex;position:relative}.chartsHeroStats:before{content:"LOCAL ONLY";color:var(--ink);border:2px solid var(--ink);letter-spacing:1.5px;box-shadow:4px 4px 0 var(--ink);background:#f7c34e;padding:10px 18px;font-size:10px;font-weight:900;position:absolute;top:34px;right:-28px;transform:rotate(8deg)}.chartsMonth{border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 var(--blue);padding:28px}.chartsMonth span{letter-spacing:2px;margin-bottom:8px;font-size:9px;font-weight:900;display:block}.chartsMonth strong{text-transform:uppercase;font:clamp(42px,5vw,70px)/.95 Anton,Arial Black,sans-serif}.chartsHeroStats dl{border:2px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:34px 0 15px;display:grid}.chartsHeroStats dl div{border-right:2px solid var(--ink);padding:16px}.chartsHeroStats dl div:last-child{border:0}.chartsHeroStats dt{letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:900}.chartsHeroStats dd{margin:6px 0 0;font:26px/1 Anton,Arial Black,sans-serif}.chartsHeroStats>p{text-transform:uppercase;font-size:10px;font-weight:800}.chartsMethod{max-width:1500px;margin:auto;padding:78px 5vw 58px}.chartsMethod>div:first-child{grid-template-columns:.45fr 1.55fr;align-items:end;gap:35px;margin-bottom:32px;display:grid}.chartsMethod h2{max-width:900px;margin:0;font:clamp(42px,5vw,70px)/.92 Anton,Arial Black,sans-serif}.methodGrid{border:2px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--blue);grid-template-columns:repeat(3,1fr);display:grid}.methodGrid article{border-right:2px solid var(--ink);padding:28px}.methodGrid article:last-child{border:0}.methodGrid span{background:var(--orange);color:#fff;border:2px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:inline-grid}.methodGrid h3{text-transform:uppercase;margin:18px 0 10px;font:27px/1 Anton,Arial Black,sans-serif}.methodGrid p{margin:0;font:14px/1.55 Georgia,serif}.chartsCaveat{border-left:5px solid var(--orange);max-width:950px;margin:28px 0 0;padding-left:16px;font-size:12px;line-height:1.6}.genreJump{z-index:10;background:var(--ink);color:#fff;border-block:2px solid var(--ink);gap:0;padding:0 5vw;display:flex;position:sticky;top:0;overflow:auto}.genreJump a{text-align:center;letter-spacing:.8px;text-transform:uppercase;border-right:1px solid #ffffff42;flex:1;min-width:max-content;padding:16px 18px;font-size:9px;font-weight:900}:is(.genreJump a:hover,.genreJump a:focus-visible){background:var(--orange)}.chartStack{gap:62px;max-width:1500px;margin:auto;padding:58px 5vw 92px;display:grid}.genreChart{border:2px solid var(--ink);background:var(--paper);box-shadow:9px 9px 0 var(--ink);scroll-margin-top:70px}.genreChart.orange{box-shadow:9px 9px 0 var(--orange)}.genreChart.blue{box-shadow:9px 9px 0 var(--blue)}.genreChart.gold{box-shadow:9px 9px #e3ae25}.genreChart>header{border-bottom:2px solid var(--ink);grid-template-columns:1fr minmax(280px,520px);align-items:end;gap:35px;padding:32px;display:grid}.genreChart>header h2{text-transform:uppercase;margin:5px 0 0;font:clamp(42px,6vw,76px)/.9 Anton,Arial Black,sans-serif}.genreChart>header>p{margin:0;font:15px/1.55 Georgia,serif}.chartNumber{letter-spacing:1.7px;color:var(--orange);margin:0;font-size:9px;font-weight:900}.chartTable{width:100%}.chartRow{border-bottom:1px solid #b8a585;grid-template-columns:1.4fr .55fr .55fr;align-items:center;min-height:92px;display:grid}.chartRow:last-child{border:0}.chartRow>*{padding:19px 25px}.chartRow>*+*{border-left:1px solid #b8a585}.chartHead{background:var(--ink);color:#fff;min-height:0}.chartHead span{letter-spacing:1.2px;text-transform:uppercase;padding-block:10px;font-size:8px;font-weight:900}.artistCell{align-items:center;gap:22px;display:flex}.rank{background:var(--blue);color:#fff;border:2px solid var(--ink);height:52px;box-shadow:3px 3px 0 var(--orange);flex:0 0 52px;place-items:center;font:25px/1 Anton,Arial Black,sans-serif;display:grid}.artistCell a{text-transform:uppercase;border-bottom:2px solid #0000;font:clamp(22px,3vw,34px)/1 Anton,Arial Black,sans-serif}:is(.artistCell a:hover,.artistCell a:focus-visible){color:var(--orange);border-color:currentColor}.artistCell small,.streamCell small{letter-spacing:.7px;text-transform:uppercase;color:#6f6048;margin-top:7px;font-size:8px;font-weight:900;display:block}.listenerCell{font:clamp(22px,2.6vw,36px)/1 Anton,Arial Black,sans-serif}.streamCell{font:24px/1.1 Anton,Arial Black,sans-serif}@media (max-width:950px){.chartsHero{grid-template-columns:1fr}.chartsHeroStats{border-left:0;border-top:2px solid var(--ink)}.chartsHeroStats:before{right:20px}.chartsMethod>div:first-child,.methodGrid{grid-template-columns:1fr}.methodGrid article{border-right:0;border-bottom:2px solid var(--ink)}.genreChart>header{grid-template-columns:1fr}.chartRow{grid-template-columns:1.1fr .55fr .55fr}.chartRow>*{padding:17px}.artistCell{gap:15px}.rank{flex-basis:44px;height:44px}}@media (max-width:680px){.chartsHeroCopy{padding:58px 20px 70px}.chartsHero h1{font-size:78px}.chartsHeroStats{padding:45px 20px}.chartsMonth{padding:22px}.chartsHeroStats dl{grid-template-columns:1fr}.chartsHeroStats dl div{border-right:0;border-bottom:2px solid var(--ink)}.chartsMethod{padding:60px 20px 48px}.genreJump{padding:0}.chartStack{gap:44px;padding:42px 20px 70px}.genreChart>header{padding:24px}.chartRow{grid-template-columns:1fr auto}.chartHead span:first-child{grid-column:auto}.chartHead span:nth-child(3){display:none}.chartRow>*+*{border-left:1px solid #b8a585}.streamCell{text-align:right;border-top:1px dashed #c6b493;grid-column:1/-1;padding:10px 18px 12px;font-size:18px;border-left:0!important}.artistCell{padding:17px 14px}.listenerCell{padding:17px 12px;font-size:22px}.artistCell a{font-size:23px}.artistCell small{max-width:180px;line-height:1.35}.streamCell small{margin-left:7px;display:inline}}