#content{position:relative}
.item-chart-landing-header.clearfix{margin-bottom:6px}
div#charts-inner{font-family:robotoregular;font-size:12px;letter-spacing:.8px;margin:0}
.col-artist-title.charts-artist-title-div-sale-left{float:left;width:235px}
.col-artist-title.charts-artist-title-div-sale-right{float:left;text-align:right;width:227px}
.articlechart_heading_desc>p{font-family:robotoregular;font-size:15px;line-height:1.4}
.article_chart_desc_footer>p{font-size:14px;letter-spacing:.3px;line-height:1.4;min-height:70px}
.item-chart-landing-header.clearfix>h3{font-family:pier_sansregular;font-size:24px;font-weight:normal}
.chartweekly{border:0 solid red;float:left;position:relative;width:100%}
.chartbtn{float:left;position:relative;width:100%;margin-top:20px;margin-bottom:20px}
.chartweeklyheading{background:red none repeat scroll 0 0;color:#fff;font-size:15px;font-weight:bold;padding:10px;text-transform:uppercase}
.chartweeklytitle{border-bottom:1px solid red;float:left;height:23px;margin:10px;position:relative;width:30%}
.platform p{font-size:1.2em;text-align:center}
table.retailbiz{width:640px}
table.retailbiz th,td.retailbiz{background:#ccc;border-right:0 solid #fff;color:#fff;font-weight:normal;padding:5px 10px;margin-bottom:10px;text-align:left;font-size:11px}
table.retailbiz th{background:#ed1c24;font-family:arialbold}
td.retailbiz{background:#1a1a1a}
th.title2{text-align:right}
table.retailbiz th.position{width:8%;border-right:1px solid #fff}
th.title1{width:60%;border-right:1px solid #fff}
th.title2{width:26%}
table.retailbiz tr td{padding:10px}
td.col1{font-weight:bold;color:#000;background:transparent url(/assets/images/chart-up.png) no-repeat 30px center}
td.chart-up{background-image:url(/assets/images/chart-up.png)!important}
td.chart-down{background-image:url(/assets/images/chart-down.png)!important}
td.chart-stall{background-image:url(/assets/images/chart-stall.png)!important}
tr.number-one td{vertical-align:top}
tr.number-one td.col1,table.dvd-retail-chart tr.number-one td.col1{height:55px;background:#a00709 url(/assets/images/number-one-corner.png) no-repeat bottom left;color:#fff;text-align:center;vertical-align:middle;font-size:2.5em;font-weight:bold}
td.col1 div,td.col2 div{width:20px;padding:1px 0;background:#a00709;color:#fff;text-align:center;font-weight:bold}
table.retailbiz tr td.col2 div{background:0;color:#666}
td.publisher{text-align:right}
td.col1,td.col2,td.gametitle,td.format,td.publisher{border-right:0 solid #fff}
td.col2{text-align:center}
td.gametitle{color:#1a1a1a}
td.gametitle span{color:#666;font-weight:normal;font-size:.9em}
.chart-name{margin-bottom:2px;padding:5px 0;background:red;display:block;color:#fff;font-weight:bold}
.chart-name span{font-weight:normal;font-size:.9em}
table.retailbiz tr:nth-child(even){background:#fff}
table.retailbiz tr:nth-child(odd){background:#ddd}
table.retailbiz tr.number-one td.gametitle,table.retailbiz tr.number-one td.publish{font-size:1.4em}
table.retailbiz tr.number-one td.gametitle span{display:block;font-size:.7em}
.releasedate{border-right:0;text-align:right;white-space:nowrap}
table#games-releasedates .publisher{text-align:left}
table#games-releasedates td.publisher{font-weight:bold}
.store{background:#000;color:#fff;font-weight:bold}
table#pricecheck th.br,table#pricecheck td.br{border-right:1px solid #fff}
.areas,table#pricecheck th.areas{background:#ccc;border-right:1px solid #fff;color:#000}
table.dvd-retail-chart td.col1{background:0}
#chartstabs{clear:both;border-bottom:2px solid #a00709;margin:0 0 3px}
#chartstabs li{float:left}
#chartstabs li a{background:#e2e2e2;border-right:1px solid #f2f2f2;color:#1a1a1a;display:block;padding:0 6px;height:1.9em;line-height:1.9em;float:left;font-size:1em;font-weight:bold}
#chartstabs li.activetab a,#chartstabs li a:hover{background:#a00709;color:#fff;border-right:1px solid #fff}
.subhead_artist{margin-top:-7px}
#bestseller-contain{background:url(/assets/images/bestseller-bg.png) left top repeat-y;display:block;overflow:hidden;padding:0 10px 10px 10px;border-bottom:10px solid #ddd}
#content h2#bestseller{background:#ddd;margin:0;padding:10px 0 10px 10px;font-size:1.1em}
.bestseller{width:100px;padding:10px 12px 0 12px;float:left;font-weight:bold;color:#1a1a1a}
.bestseller p{margin:0}
.bestseller p a{color:#000}
.bestseller p span,.bestseller p span a{display:block;color:#00529f}
.bestseller img{margin:0 auto 5px auto}
.chartfoot{background:#ddd;padding:5px}
h1 span{font-size:.6em;font-weight:normal}
#chart-sources{position:absolute;top:-47px;right:0}
a.ukie{display:block;width:100px;height:40px;background:transparent url(/assets/images/ukie-logo.png) no-repeat top left;text-indent:-999em;overflow:hidden}
a.gfk{display:block;width:100px;height:21px;background:transparent url(/assets/images/gfk-chart-track-logo.png) no-repeat top left;text-indent:-999em;overflow:hidden}
a.shopto{display:block;width:118px;height:36px;background:transparent url(/assets/images/logo-shopto.gif) no-repeat top left;text-indent:-999em;overflow:hidden}
a.occ{display:block;float:right;margin-left:25px;width:127px;height:40px;background:transparent url(/assets/images/occ-logo.jpg) no-repeat top left;text-indent:-999em;overflow:hidden}
a.mse{display:block;float:right;width:87px;height:40px;background:transparent url(/assets/images/mse-logo.gif) no-repeat top left;text-indent:-999em;overflow:hidden}
.col-position.odd{background:#eee none repeat scroll 0 0}
.col-position.even{background:#ddd none repeat scroll 0 0}
.col-artist-title.odd{background:#eee none repeat scroll 0 0}
.col-artist-title.even{background:#ddd none repeat scroll 0 0}
.col-producer.odd{background:#eee none repeat scroll 0 0}
.col-producer.even{background:#ddd none repeat scroll 0 0}
.col-writer.odd{background:#eee none repeat scroll 0 0}
.col-writer.even{background:#ddd none repeat scroll 0 0}
.col-publisher.odd{background:#eee none repeat scroll 0 0}
.col-publisher.even{background:#ddd none repeat scroll 0 0}
.col-label.odd{background:#eee none repeat scroll 0 0}
.col-label.even{background:#ddd none repeat scroll 0 0}
.col-change-percent.odd{background:#eee none repeat scroll 0 0}
.col-change-percent.even{background:#ddd none repeat scroll 0 0}
.col-change-percent{border:0 solid #ccc;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:120px;word-wrap:break-word}
.col-number.odd{background:#eee none repeat scroll 0 0}
.col-number.even{background:#ddd none repeat scroll 0 0}
.col-number{border:0 solid #ccc;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:120px;word-wrap:break-word}
.col-distributor.odd{background:#eee none repeat scroll 0 0}
.col-distributor.even{background:#ddd none repeat scroll 0 0}
.col-corporate-group.odd{background:#eee none repeat scroll 0 0}
.col-corporate-group.even{background:#ddd none repeat scroll 0 0}
.chart_official_content{background:#fff none repeat scroll 0 0;border-bottom:1px solid #ddd;float:left;height:auto;margin:1px;width:100%;padding-top:0;padding-bottom:3px}
.chartheadmain{border:0 solid red;float:left;margin:0;width:100%}
.charthead{color:#fff;float:left;height:27px;margin-bottom:0;padding-top:0;position:relative;text-transform:uppercase;width:100%}
.col-position1.high-new-entry{float:left;width:25px}
.col-position1.new-entry{float:left;width:25px}
.col-artist-title1{float:left;margin:1px;padding:0 4px;width:180px;height:30px;padding:5px}
.col-producer1{float:left;margin:.5px;width:115px;height:30px;padding:5px}
.col-writer1{float:left;margin:.5px;width:150px;height:30px;padding:5px}
.col-publisher1{float:left;margin:.5px;width:150px;height:30px;padding:5px}
.col-label1{float:left;margin:.5px;width:130px;height:30px;padding:5px}
.col-distributor1{float:left;margin:.5px;width:95px;height:30px;padding:5px}
.col-position_img{float:left;height:20px;margin:0;padding:5px;text-align:left;width:20px;border:0 #fff solid;margin:.5px}
.charts_graph{border:0 solid red;float:none;height:auto;margin:10px 0;width:100%;display:block;width:100%;min-height:92px;display:inline-block}
.chart_newentry{float:left;width:90px;margin:15px 0;text-align:center}
/* .chart_icon_newentry{background:rgba(0,0,0,0) url("/images/icons/newentry.png") no-repeat scroll 50% 0;float:left;height:40px;margin:auto;width:80px} */
/* .chart_icon_reentry{background:rgba(0,0,0,0) url("/images/icons/re-entry.png") no-repeat scroll 50% 0;float:left;height:40px;margin:auto;width:80px} */
/* .chart_icon_highentry{background:rgba(0,0,0,0) url("/images/icons/highest-newentry.png") no-repeat scroll 58% 0;float:left;height:40px;margin:auto;width:80px} */
/* .chart_icon_highclimber{background:rgba(0,0,0,0) url("/images/icons/highest_climber.png") no-repeat scroll 50% 0;float:left;height:40px;margin:auto;width:80px} */
/* .chart_icon_sales{background:rgba(0,0,0,0) url("/images/icons/sales.png") no-repeat scroll 58% 0;float:left;height:40px;margin:auto;width:80px} */
/* .chart_icon_salesincrease_head{background:rgba(0,0,0,0) url("/images/icons/sale_increase1.png") no-repeat scroll 50% 0;float:left;height:40px;margin:auto;width:80px} */
/* .chart_icon_salesincrease{background:rgba(0,0,0,0) url("/images/icons/sale_increase.png") no-repeat scroll 50% 0;float:left;height:20px;margin:auto;width:23px} */
/* .chart_icon_bpl{background:rgba(0,0,0,0) url("/images/icons/BPI.png") no-repeat scroll 50% 0;float:left;height:40px;margin:auto;width:80px} */
.chart_newentry .chart_icon_newentry {display:block;padding-bottom:25px;}
.chart_newentry .chart_icon_reentry{display:block;padding-bottom:20px;}
.chart_newentry .chart_icon_highentry{display:block;padding-bottom:22px;}
.chart_newentry .chart_icon_highclimber{display:block;padding-bottom:20px;}
.chart_newentry  .chart_icon_sales{display:block;padding-bottom:20px;}
.chart_newentry  .chart_icon_salesincrease_head{display:block;padding-bottom:25px;}
.chart_newentry  .chart_icon_bpl{display:block;padding-bottom:7px;}
.chart_text{width:80px;font-family:robotobold;font-size:11px;color:#666}
/*.high-new-entry{background-attachment:scroll!important;background-clip:border-box!important;background-image:url("/images/icons/highest-newentry.png")!important;background-origin:padding-box!important;background-position:50% 65%!important;background-repeat:no-repeat!important;background-size:17px 20px!important;float:left;height:52px;position:relative;}*/
.high-new-entry .fa.fa-minus{display:none}
/*
.new-entry{background-attachment:scroll!important;background-clip:border-box!important;background-image:url("/images/icons/newentry.png")!important;background-origin:padding-box!important;background-position:50% 65%!important;background-repeat:no-repeat!important;background-size:16px 17px!important;height:28px;position:relative}*/
/*
.high-climber{background-attachment:scroll!important;background-clip:border-box!important;background-image:url("/images/icons/highest_climber.png")!important;background-origin:padding-box!important;background-position:50% 65%!important;background-repeat:no-repeat!important;background-size:17px 19px!important;float:left;height:52px;position:relative}*/
.high-climber .fa.fa-chevron-up{display:none}
/*
.re-entry{background-attachment:scroll!important;background-clip:border-box!important;background-image:url("/images/icons/re-entry.png")!important;background-origin:padding-box!important;background-position:50% 65%!important;background-repeat:no-repeat!important;background-size:auto auto!important;height:28px;position:relative}*/
.re-entry .fa.fa-chevron-up{display:none}
.chart_landing_lable_section{color:#333!important;font-size:14px!important;font-weight:bold;height:12px;letter-spacing:1px;width:80%}
.charts-lable-div{height:12px;width:80%}
.col-label.chart_landing_lable_section.charts-lable-div{height:12px;width:80%}
.charts-artist-title-div{width:80%}
.col-artist-title.charts-artist-title-div{width:80%}
.col-artist-title strong{float:left;width:100%}
.col-position-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:15px;height:17px;margin:.5px;padding:5px;text-align:center;width:20px}
.col-position-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:15px;height:17px;margin:.5px;padding:5px;text-align:center;width:20px}
.col-position-head{background:#879496 none repeat scroll 0 0;border:0 solid #ccc;float:left;font-size:10px;height:18px;margin:.5px;padding:4px;text-align:center;width:20px}
.col-total-play-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:11px;height:17px;margin:.5px;padding:5px;text-align:center;width:120px}
.col-artist-title-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;height:16px;margin:.5px;padding:5px;text-align:center;width:120px;font-size:10px}
.col-change-percent-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;height:17px;margin:.5px;padding:5px;text-align:center;width:50px;font-size:10px}
.col-number-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;height:16px;margin:.5px;padding:5px;text-align:center;width:50px;font-size:10px}
.col-producer-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;height:16px;margin:.5px;padding:5px;text-align:center;width:110px;font-size:10px}
.col-label-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;height:16px;margin:.5px;padding:5px;text-align:center;width:120px;font-size:10px}
.col-distributor-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;height:16px;margin:.5px;padding:5px;text-align:center;width:120px;font-size:10px}
.col-writer-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:10px;height:16px;margin:.5px;padding:5px;text-align:center;width:110px}
.col-publisher-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:10px;height:16px;margin:.5px;padding:5px;text-align:center;width:110px}
.col-corporate-group-head{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:10px;height:16px;margin:.5px;padding:5px;text-align:center;width:140px}
.col-producer_span{margin:0;width:100%;word-wrap:break-word;min-height:47px}
.col-producer_span_inner{margin:0;width:100%;word-wrap:break-word;min-height:47px}
.col-artist-title-keyreleases{background:#879496 none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:11px;height:16px;margin:.5px;padding:5px;text-align:center;width:140px}
.col-artist-title-key{float:left;font-size:11px;height:50px;margin:.5px;padding:5px;text-align:center;width:140px}
.col-artist-title-key.even{background:#ddd none repeat scroll 0 0;word-break:break-word}
.col-artist-title-key.odd{background:#eee none repeat scroll 0 0}
.chart_date{color:#d2232a;float:right;font-family:robotoregular;font-size:15px;padding:0;position:absolute;right:10px;width:auto;top:-5px;white-space:nowrap}
.section-heading .chart_date>a{color:#d2232a!important;font-size:24px;padding-left:5px;padding-right:5px}
.chart-sales-logo{padding:0 5px}
.chart_singal_page_inner.hilight2{background:#d2232a none repeat scroll 0 0;color:#fff}
#chart_albums_page_inner.hilight2{background:#d2232a none repeat scroll 0 0;color:#fff}
.chart_midweek_page_inner.hilight2{background:#d2232a none repeat scroll 0 0;color:#fff}
a.airplay_inner_dropdown{float:left;text-align:center;width:33.33%}
#chart_albums_page_inner,.chart_singal_page_inner,.chart_midweek_page_inner{border-bottom:1px solid #d2232a;border-left:1px solid #d2232a;border-top:1px solid #d2232a;color:#d2232a;cursor:pointer;float:left;font-family:"robotobold";font-size:14px;letter-spacing:2px;padding:8px;text-align:center;text-transform:uppercase;width:33.3333%;position:relative;margin:0}
#chart_albums_page_inner{border-right:1px solid #d2232a}
#chart_albums_page_inner.hilight2::after,.chart_singal_page_inner.hilight2::after,.chart_midweek_page_inner.hilight2::after{border-color:#d2222a transparent transparent;border-style:solid;border-width:10px 10px 0;content:"";margin-left:-10px;position:absolute;text-align:center;bottom:-11px;left:50%}
.chart_midweek_page_inner.airplay_value{border-right:1px solid #d2232a}
#chart_albums_page_inner_airplay{border:1px solid #d2232a;color:#d2232a;cursor:pointer;float:left;font-family:"robotoregular";font-size:13px;font-weight:bold;height:17px;letter-spacing:2px;padding-top:5px;text-align:center;text-transform:uppercase;width:180px}
#radioAirplayChart .col-position{width:30px}
.fiveColChart .col-position-head{width:30px}
.fiveColChart .col-artist-title-head{width:208px}
.fiveColChart .col-label-head{width:150px}
.fiveColChart .col-distributor-head{width:160px}
.fiveColChart .col-position{width:28px}
.fiveColChart .col-artist-title{width:208px}
.fiveColChart .col-label{width:150px}
.fiveColChart .col-distributor{width:160px}
.salesBreakerChart .col-position-head{width:30px}
.salesBreakerChart .col-artist-title-head{width:200px}
.salesBreakerChart .col-label-head{width:170px}
.salesBreakerChart .col-corporate-group-head{width:148px}
.salesBreakerChart .col-distributor-head{width:160px}
.salesBreakerChart .col-position{width:28px}
.salesBreakerChart .col-artist-title{width:200px}
.salesBreakerChart .col-label{width:170px}
.salesBreakerChart .col-distributor{width:160px}
.salesBreakerChart .col-corporate-group{width:148px}
.nineColChart .col-position-head{width:17px}
.nineColChart .col-artist-title-head-wk{text-transform:none;background:#879496 none repeat scroll 0 0;border:0 solid #ccc;float:left;font-size:10px;height:18px;margin:.5px;padding:4px;text-align:center;width:22px}
.nineColChart .col-artist-title-head{width:148px}
.nineColChart .col-producer-head{width:70px}
.nineColChart .col-writer-head{width:70px}
.nineColChart .col-publisher-head{width:70px}
.nineColChart .col-label-head{width:50px}
.nineColChart .col-distributor-head{width:73px}
.nineColChart .col-position{width:15px}
.nineColChart .col-position.wks{width:20px}
.nineColChart .col-artist-title{width:148px}
.nineColChart .col-producer{width:70px}
.nineColChart .col-writer{width:70px}
.nineColChart .col-publisher{width:70px}
.nineColChart .col-label{width:50px}
.nineColChart .col-distributor{width:73px}
.tenColChart .col-position-head{width:17px}
.tenColChart .wks{width:22px;text-transform:none}
.tenColChart .col-artist-title-head-wk{background:#879496 none repeat scroll 0 0;border:0 solid #ccc;float:left;font-size:10px;height:18px;margin:.5px;padding:4px;text-align:center;width:22px}
.tenColChart .col-artist-title-head{width:80px}
.tenColChart .col-producer-head{width:70px}
.tenColChart .col-writer-head{width:70px}
.tenColChart .col-publisher-head{width:70px}
.tenColChart .col-label-head{width:50px}
.tenColChart .col-distributor-head{width:73px}
.tenColChart .col-position{width:15px}
.tenColChart .col-position.wks{width:20px}
.tenColChart .col-artist-title{width:80px}
.tenColChart .col-producer{width:70px}
.tenColChart .col-writer{width:70px}
.tenColChart .col-publisher{width:70px}
.tenColChart .col-label{width:50px}
.tenColChart .col-distributor{width:73px}
.colclub .col-position-head{width:30px;text-transform:none}
.colclub .col-artist-title-head{width:190px}
.colclub .col-publisher-head{width:190px}
.colclub .col-label-head{width:100px}
.colclub .col-position{width:28px}
.colclub .col-artist-title{width:190px}
.colclub .col-publisher{width:190px}
.colclub .col-label{width:100px}
.upfront .col-position-head{width:150px}
.upfront .col-label-head{width:229px}
.upfront .col-artist-title-head{width:220px}
.upfront .col-position{width:148px}
.upfront .col-artist-title{width:220px}
.upfront .col-label{width:228px}
.Urban .col-position-head{width:30px;text-transform:none}
.Urban .col-artist-title-head{width:250px}
.Urban .col-label-head{width:240px}
.Urban .col-position{width:28px}
.Urban .col-artist-title{width:250px}
.Urban .col-label{width:240px}
.sevenColChartinner .col-position-head{width:22px}
.sevenColChartinner .col-artist-title-head{width:130px}
.sevenColChartinner .col-producer-head{width:130px}
.sevenColChartinner .col-label-head{width:130px}
.sevenColChartinner .col-distributor-head{width:100px}
.sevenColChartinnerpage .col-position{width:28px}
.sevenColChartinner .col-artist-title{width:130px}
.sevenColChartinner .col-producer{width:130px}
.sevenColChartinner .col-label{width:130px}
.sevenColChartinner .col-distributor{width:100px}
.radioAirplayChart .col-position-head{width:20px}
.radioAirplayChart .sales-pos-head{height:22px;line-height:13px;padding-top:0;width:40px}
.radioAirplayChart .col-artist-title-head{width:200px}
.radioAirplayChart .col-total-play-head{width:45px;height:16px}
.radioAirplayChart .col-change-percent-head{width:40px;height:16px}
.radioAirplayChart .col-number-head{width:40px}
.radioAirplayChart .col-position{width:18px}
.radioAirplayChart .sales-pos{width:38px}
.radioAirplayChart .col-artist-title{width:200px}
.radioAirplayChart .col-label{width:45px}
.radioAirplayChart .col-change-percent{width:40px}
.radioAirplayChart .col-number{width:40px}
.euAirplayChart .col-position-head{width:20px}
.euAirplayChart .sales-pos-head{height:22px;line-height:13px;padding-top:0;width:40px}
.euAirplayChart .col-artist-title-head{width:250px}
.euAirplayChart .col-total-play-head{width:45px;height:16px}
.euAirplayChart .col-change-percent-head{width:40px;height:16px}
.euAirplayChart .col-number-head{width:40px}
.euAirplayChart .col-position{width:18px}
.euAirplayChart .sales-pos{width:38px}
.euAirplayChart .col-artist-title{width:250px}
.euAirplayChart .col-label{width:45px}
.euAirplayChart .col-change-percent{width:40px}
.euAirplayChart .col-number{width:40px}
.tvAirplayChart .col-position-head{width:20px}
.tvAirplayChart .sales-pos-head{height:22px;line-height:13px;padding-top:0;width:55px}
.tvAirplayChart .col-artist-title-head{width:195px}
.tvAirplayChart .col-producer-head{width:80px}
.tvAirplayChart .col-writer-head{width:80px}
.tvAirplayChart .col-publisher-head{width:80px}
.tvAirplayChart .col-label-head{width:80px}
.tvAirplayChart .col-position{width:18px}
.tvAirplayChart .sales-pos{width:53px}
.tvAirplayChart .col-artist-title{width:195px}
.tvAirplayChart .col-producer{width:80px}
.tvAirplayChart .col-change-percent{width:40px}
.tvAirplayChart .col-number{width:40px}
.col-position{background:#fff none repeat scroll 0 0;border:0 solid #ccc;float:left;font-size:12px;height:50px;margin:.5px;padding:5px;text-align:center;width:20px}
.col-artist-title{background:#fff none repeat scroll 0 0;border:0 solid #ccc;float:left;height:50px;margin:.5px;padding:5px;text-align:left;width:120px;font-size:11px;line-height:17px}
.col-artist-title>strong{font-size:11px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;font-family:"robotobold";word-break:break-word}
.col-producer_span_print{display:none}
.col-artist-title_desc{background:#ccc none repeat scroll 0 0;border:0 solid #fff;float:left;height:auto;margin:.5px;padding:5px;text-align:left;width:120px;font-size:12px}
.col-producer-desc{border:0 solid #fff;float:left;height:auto;margin:.5px;padding:5px;text-align:left;width:110px;background:#ccc none repeat scroll 0 0}
.col-writer{border:0 solid #ccc;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:110px}
.col-publisher{border:0 solid #ccc;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:110px}
.col-label-desc{background:#ccc none repeat scroll 0 0;border:0 solid #fff;float:left;height:auto;margin:.5px;padding:5px;text-align:left;width:120px}
.col-corporate-group{border:0 solid #fff;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:140px}
.col-distributor-desc{background:#ccc none repeat scroll 0 0;float:left;height:auto;margin:.5px;padding:5px;text-align:left;width:120px}
.entry_values{height:20px;width:100%}
.fa-minus::before{border:0 solid red;float:left;position:relative;width:25px;font-size:15px;padding-top:5px}
.fa-chevron-up::before{border:0 solid red;float:left;position:relative;width:25px;color:black;font-size:13px;padding-top:0}
.fa-chevron-down::before{border:0 solid red;float:left;position:relative;width:25px;color:#d2232a;font-size:15px;padding-top:5px}
.col-producer{border:0 solid #ccc;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:110px;word-wrap:break-word}
.col-writer{float:left;height:50px;margin:.5px;padding:5px;text-align:left;width:128px;word-wrap:break-word}
.col-publisher{float:left;height:50px;margin:.5px;padding:5px;text-align:left;width:150px;word-wrap:break-word}
.col-label{border:0 solid #ccc;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:120px;word-wrap:break-word}
.col-distributor{border:0 solid #ccc;float:left;font-size:10px;height:50px;margin:.5px;padding:5px;text-align:left;width:120px}
.icons_div{position:relative;width:20px;text-align:center;right:0}
.col-position-wk{background:#ccc none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:15px;height:50px;margin:.5px;padding:5px;text-align:center;width:20px}
.col-position-lw{background:#ccc none repeat scroll 0 0;border:0 solid #fff;float:left;font-size:15px;height:50px;margin:.5px;padding:5px;text-align:center;width:20px}
.sub-nav-dropdown-container{margin:0 0 20px 0}
.sub-nav-dropdown{clear:both;float:left;position:relative;z-index:100}
.sub-nav-dropdown,.sub-nav-dropdown li{background:#ededed;float:left;position:relative;text-align:center;z-index:99}
.sub-nav-dropdown li a{border-bottom:2px solid #ddd;border-right:1px solid #cfcfcf;border-top:2px solid #ddd;color:#191919;display:block;height:1.923077em;line-height:1.923077em;margin-right:1px;padding:.3333em 0;float:left;font-size:1.0833em}
.sub-nav-dropdown li a#menu-sales{width:106px}
.sub-nav-dropdown li a#menu-club{width:103px}
.sub-nav-dropdown li a#menu-airplay{width:112px}
.sub-nav-dropdown li a#menu-radio-playlists{width:163px}
.sub-nav-dropdown li a#menu-key-releases{width:148px}
.sub-nav-dropdown li.active a,.sub-nav-dropdown li a:hover,.sub-nav-dropdown li a:focus,.sub-nav-dropdown li a.current-menu{background:#c0272d;border-bottom:2px solid #c0272d;border-right:1px solid #c0272d;border-top:2px solid #c0272d;color:#fff}
.sub-nav-dropdown li:last-child a{border-right:0!important;margin-right:0!important}
.sub-nav-dropdown li ul{border:0;display:none;position:absolute;left:0;top:3.1em;z-index:401}
.sub-nav-dropdown ul li{position:relative;z-index:400;float:left}
.sub-nav-dropdown ul li ul{left:180px;position:absolute;top:0}
.sub-nav-dropdown ul a{background:#c0272d;border:none!important;color:#fff;height:auto;margin:0;padding:5px 10px 5px 10px;text-align:left;width:160px}
.sub-nav-dropdown ul a:hover{background-color:#000}
.sub-nav-dropdown ul li a.next-level{background:#c0272d url(/assets/images/nav-arrow-right.png) no-repeat 95% 50%}
.sub-nav-dropdown .sub-nav-chevron{background:transparent url(/assets/images/nav-arrow-down.png) no-repeat 0 0;bottom:-6px;height:6px;left:50%;margin-left:-6px;position:absolute;width:12px}
.nav-tab{clear:both;margin-bottom:20px;overflow:hidden}
.chart-options-container .nav-tab{margin-bottom:0}
.nav-tab li{border:1px solid #c1272d;display:inline;float:left;margin-right:0;text-align:center;width:50%}
.nav-tab li a{color:#808080;display:block;font-size:1.16667em;padding:5px 18px 3px 18px}
.large-list li a{padding:5px 10px 3px 10px}
.nav-tab li.active-tab a,.nav-tab li a:hover,.nav-tab li a:focus{background:#c1272d url(/assets/images/active-menu-bg.gif) no-repeat 0 50%;color:#fff}
a.btn-cta{background:#c1272d url(/assets/images/active-menu-bg.gif) no-repeat 0 50%;border:1px solid #c1272d;color:#fff;font-size:1.333333em;font-weight:bold;float:left;padding:5px 18px}
a.btn-cta:hover,a.btn-cta:focus{background-color:#070707;background-position:100% 50%;border:1px solid #a9a9a9}
.subscribe-intro{background:#ddd url(/assets/images/bg-subscribe-intro-bottom.gif) no-repeat 0 bottom;margin-bottom:-10px;overflow:hidden;padding:25px 20px 36px 20px;position:relative;width:600px;z-index:10}
.subscribe-intro .subscribe-intro-inner{float:left;font-size:1.16667em;width:415px}
.subscribe-intro .subscribe-intro-inner li,.dark-box-inner ul.tick-list li{background:url(/assets/images/tick-circle-white.png) no-repeat 0 3px;list-style-type:none}
.subscribe-intro .subscribe-intro-inner li{margin-bottom:11px;padding:0 0 0 20px}
.subscribe-intro .subscribe-intro-inner a.btn-cta{float:left;font-size:1.142857em;margin-right:15px}
.subscribe-intro #introDigital{width:345px}
.subscribe-intro #introDigital li{background:url(/assets/images/arrow-right-light-red.png) no-repeat 0 5px;padding-left:12px}
.subscribe-intro #introDigital li,.subscribe-intro #introDigital p,.subscribe-intro #introDigital a.btn-cta{margin-bottom:15px}
.subscribe-intro .subscribe-intro-image{float:right}
.dark-box{background:#1a1a1a;color:#fff;margin-bottom:20px;padding:28px 20px 12px 20px;position:relative;width:600px}
.dark-box .message-error,.dark-box .message-error a{color:#c0272d;font-weight:bold}
.dark-box .message-error a{text-decoration:underline}
.dark-box .message-error a:hover,.dark-box .message-error :active,.dark-box .message-error :focus{text-decoration:none}
.dark-box-inner{background:#333;margin-bottom:26px;overflow:hidden;padding:26px 10px 22px 20px;width:570px}
.dark-box-list{margin-bottom:8px;overflow:hidden}
.dark-box-list li{background:#333;border-bottom:1px solid #1a1a1a;float:left;margin:0;overflow:hidden;padding:20px 20px 5px 20px;width:560px}
.dark-box-list li .list-details{float:left;width:400px}
.dark-box-list li .list-details h3{font-size:1.75em;margin:0 0 5px 0}
.dark-box-list li .list-details h3 a{color:#fff}
.dark-box-list li .list-details h3 a:hover,.dark-box-list li .list-details h3 a:focus{text-decoration:underline}
.dark-box-list li .list-details p{color:#f2f2f2;font-size:1.0833em;margin-bottom:10px}
.dark-box-list li .list-details p span{color:#999}
.sub-nav-dropdown .sub-nav-chevron{background:transparent url("/assets/images/nav-arrow-down.png") no-repeat scroll 0 0;bottom:-6px;height:6px;left:50%;margin-left:-6px;position:absolute;width:12px}
#aToolTip{background:#fff none repeat scroll 0 0;border:1px solid red;float:left;font-family:robotoregular;font-size:12px;height:auto;letter-spacing:.3px;margin-left:-170px;margin-top:30px;padding:10px;position:absolute;width:170px}
p.aToolTipContent{font-size:11px;word-wrap:break-word}
.aToolTipContent>a{bottom:10px;color:red;float:right;font-size:35px;height:auto;position:absolute;word-wrap:break-word;right:10px}
.clickTip.exampleTip{bottom:0;float:right;position:relative;width:auto}
.fa-plus::before{color:red}
.fa.fa-circle.g{color:gold;padding-left:3px}
.fa.fa-circle.s{color:silver;padding-left:3px}
.fa.fa-circle.p{color:#7f7679;padding-left:3px}
.chart-table.euAirplayChart{clear:both}
.chart-table .chartheadmain>[class^="col-"],.chartheadmain>[class*="col-"],.chart-table .charthead>[class^="col-"],.charthead>[class*="col-"]{width:auto!important;display:table-cell;float:none;vertical-align:top;font-size:10px!important;border:1px solid #fff}
.chart-table .chartheadmain,.chart-table .charthead{padding:0;width:100%;display:table-row;clear:both;background:#879496 none repeat scroll 0 0!important;float:none;vertical-align:top}
.chart-table.nineColChart{width:100%}
.chart-table.upfront .chartheadmain,.chart-table.upfront .charthead{width:initial;padding:0;display:table-row;clear:both;background:#879496 none repeat scroll 0 0!important;float:none;vertical-align:top}
.chart-table.upfront .chartheadmain>[class^="col-"],.chartheadmain>[class*="col-"],.chart-table.upfront .charthead>[class^="col-"],.charthead>[class*="col-"]{display:table-cell;float:none;vertical-align:top;border:1px solid #fff}
.chart-table.tvAirplayChart .chartheadmain>[class^="col-"],.tvAirplayChart .chartheadmain>[class*="col-"],.chart-table.tvAirplayChart .charthead>[class^="col-"],.tvAirplayChart .charthead>[class*="col-"]{width:150px!important;display:table-cell;float:none;vertical-align:top;border:1px solid #fff}
.chart-table.upfront .charthead>[class^="col-"],.charthead>[class*="col-"]{width:auto!important}
.col-producer_span,.col-distributor,.col-label{font-size:10px!important}
.chart-table .chartheadmain>[class^="col-"],.chartheadmain>[class*="col-"],.chart-table .charthead>[class^="col-"],.charthead>[class*="col-"]{font-size:10px!important}
.chart-table .charthead>[class^="col-"]{font-family:robotobold;font-size:11px!important}
i.platinum img, i.gold img {max-width: 10px;vertical-align: middle;margin-right: 5px;margin-top: -3px;}
.col-artist-title_span_print {display:none;}
#charts-inner .chart-table.colclub.Tbl-comercialCol .chartheadmain .col-artist-title strong{font-size: 11px; font-weight: 600; letter-spacing: .9px;text-transform:uppercase;}
.chart-table.fiveColChart.Indie.Singles .col-artist-title .col-producer_span > strong {text-transform: uppercase;font-size: 11px; font-weight: 600;}


/* Css for chart 12-9-2025 */

.chzn-select.Midweek {
    border: 0px #d2232a solid;
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.midweek-albums {
    float: left;
    position: relative;
    margin: 10px;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.the-official-uk-singles-chart {
    float: left;
    position: relative;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
}

.indie-singles-breakers {
    float: left;
    position: relative;
    margin: 10px 0px;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.indie-singles {
	float: right;
    position: relative;
    margin: 10px 0px;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.midweek-singles {
    float: left;
    position: relative;
    margin: 10px 0PX;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}




.the-official-uk-albums-chart {
    float: left;
    position: relative;
    margin: 10px 0px;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
	WIDTH: 100%;
    TEXT-ALIGN: CENTER;
}

.indie-albums-breakers {
    float: left;
    position: relative;
    margin: 10px 0PX;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.indie-albums {
    float: right;
    position: relative;
    margin: 10px 0px;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.compilation-albums {
    float: left;
    position: relative;
    margin: 10px 0px;
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    background: #d2232a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
}
.urban {
    float: left;
    position: relative;
    width: 100%;
    margin: 1px 0px;
    border: 1px #d2222a solid;
    padding: 10px;
    background: #d2222a;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.commercial-pop {
    float: left;
    position: relative;
    width: 100%;
    margin: 1px 0px;
    border: 1px #d2222a solid;
    padding: 10px;
    background: #d2222a;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.cool-cuts {
    float: left;
    position: relative;
    width: 100%;
    margin: 1px 0px;
    border: 1px #d2222a solid;
    padding: 10px;
    background: #d2222a;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.upfront-club {
    float: left;
    position: relative;
    width: 100%;
    margin: 1px 0px;
    border: 1px #d2222a solid;
    padding: 10px;
    background: #d2222a;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.upfront-club-breakers {
    float: left;
    position: relative;
    width: 100%;
    margin: 1px 0px;
    border: 1px #d2222a solid;
    padding: 10px;
    background: #d2222a;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.article_chart_desc_airplay, .article_chart_desc_club {
    border-bottom: 1px solid #8f9394;
    background: #fff;
    float: left;
}
.chart_over .commercial-pop,
.chart_over .cool-cuts,
.chart_over .upfront-club,
.chart_over .upfront-club-breakers,
.chart_over .urban {
    float: left;
    position: relative;
    width: 100%;
    margin: 1px 0;
    border: 1px solid #d2222a;
    padding: 10px;
    background: #d2222a;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease; /* smooth transition */
	font-weight: bold;
	letter-spacing: 1px;
}


.chart_over .midweek-singles,
.chart_over .midweek-albums,
.chart_over .the-official-uk-singles-chart,
.chart_over .indie-singles-breakers,
.chart_over .indie-singles {
    position: relative;
    margin: 10px 0;
    border: 1px solid #fff;
    padding: 15px;
    background: #d2222a;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease; /* smooth transition */
}

/* Hover effect */
.chart_over div:hover {
    background: #e28585;
    border-color: #e28585;
    cursor: pointer;
}
#chart_indie_page.hilight2 {
    background: #d2232a none repeat scroll 0 0;
    color: #fff;
}
#chart_indie_page {
    border-right: 1px solid #d2222a;
}

/* New Css for chart section */
.midweek_section {
    float: left;
    width: 100%;
    margin-left: 20px;
    padding: 10px;
}
.midweek_title {
    float: left;
    width: 100%;
    padding: 7px;
    background: #d2222a;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: center;
}
.midweek_section .chart_over1 {
    float: left;
    width: 27%;
    margin-left: 24%;
    margin-top: 10px;
    font-size: 15px;
    background: #e28585;
    padding: 8px;
    color: #fff;
}
.midweek_head_div {
    float: left;
    width: 100%;
}


.tree ul {
  padding-top: 20px;
  position: relative;
  display: table;
  margin: auto;
}

.tree li {
  list-style-type: none;
  text-align: center;
  position: relative;
  padding: 20px 5px 0 5px;
  display: table-cell;
  vertical-align: top;
}

/* connectors */
.tree li::before, .tree li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 2px solid #ccc;
  width: 50%;
  height: 20px;
}
.tree li::after {
  right: auto;
  left: 50%;
  border-left: 2px solid #ccc;
}

/* remove connectors if only child */
.tree li:only-child::before,
.tree li:only-child::after {
  display: none;
}
.tree li:only-child {
  padding-top: 0;
}

/* round connector corners */
.tree li:first-child::after { border-radius: 5px 0 0 0; }
.tree li:last-child::before { border-radius: 0 5px 0 0; }

/* node design */
.tree a {
  border: 1px solid #ccc;
  padding: 8px 16px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  display: inline-block;
  border-radius: 6px;
  background: #fff;
  transition: all 0.3s;
}
.tree a:hover {
  background: #d2232a;
  color: #fff;
  border-color: #d2232a;
}

.charts-section {
  font-family: Arial, sans-serif;
  margin: 20px 0;
}
.chart-block {
  margin-bottom: 25px;
}
.chart-block h3 {
  font-size: 18px;
  font-weight: bold;
  color: #d2232a;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.chart-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chart-block ul li {
  margin: 4px 0;
}
.chart-block ul li a {
  text-decoration: none;
  color: #333;
  font-size: 15px;
}
.chart-block ul li a:hover {
  color: #d2232a;
}



/* CSS */


.charts-container {
            max-width: 1200px;
            margin: 0 auto;
            /*padding: 2rem 1rem;*/
        }

        .charts-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .charts-header h1 {
            font-size: 2.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, #e11d48, #dc2626);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0.5rem;
        }

        .charts-header p {
            color: #64748b;
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

		.charts-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(254px, 3fr));
		gap: 1.5rem;
		margin-bottom: 2rem;
		}

        .chart-card {
            background: white;
            border-radius: 16px;
            padding: 1.5rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
            position: relative;
            overflow: hidden;
        }

        .chart-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #e11d48, #dc2626);
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }

        .chart-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .chart-card:hover::before {
            transform: scaleX(1);
        }

        .chart-card.featured {
            background: linear-gradient(135deg, #fef2f2, #fff1f2);
            border-color: #fda4af;
        }

        .chart-header {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
            gap: 0.75rem;
        }

        .chart-icon {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            font-weight: bold;
            color: white;
            flex-shrink: 0;
        }

        .midweeks .chart-icon { background: linear-gradient(135deg, #e11d48, #dc2626); }
        .singles .chart-icon { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
        .albums .chart-icon { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
        .indie .chart-icon { background: linear-gradient(135deg, #f59e0b, #d97706); }
        .streaming .chart-icon { background: linear-gradient(135deg, #10b981, #059669); }

        .chart-title {
            font-size: 1rem;
            font-weight: 600;
            color: #1e293b;
            margin: 0;
			line-height: 20px;
        }

        .chart-subtitle {
            font-size: 0.875rem;
            color: #64748b;
            margin-top: 0.25rem;
        }

        .chart-links {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .chart-link {
            display: block;
            padding: 0.75rem 1rem;
            background: #f8fafc;
            border-radius: 8px;
            text-decoration: none;
            color: #475569;
            font-weight: 500;
            transition: all 0.2s ease;
            border: 1px solid #e2e8f0;
            position: relative;
			font-size: 15px;
			letter-spacing: 0.3px;
			line-height: 20px;
        }

        .chart-link::after {
            content: '→';
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0;
            transition: all 0.2s ease;
        }

        .chart-link:hover {
            background: #e2e8f0;
            color: #1e293b;
            transform: translateX(4px);
            border-color: #cbd5e1;
        }

        .chart-link:hover::after {
            opacity: 1;
            transform: translateY(-50%) translateX(4px);
        }

        .featured .chart-link {
            background: rgba(239, 68, 68, 0.1);
            border-color: rgba(239, 68, 68, 0.2);
        }

        .featured .chart-link:hover {
            background: rgba(239, 68, 68, 0.15);
            color: #dc2626;
        }

        .stats-banner {
            background: linear-gradient(135deg, #1e293b, #334155);
            color: white;
            padding: 2rem;
            border-radius: 16px;
            text-align: center;
            margin-top: 2rem;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 2rem;
            margin-top: 1.5rem;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 2rem;
            font-weight: 700;
            color: #f1f5f9;
            display: block;
        }

        .stat-label {
            font-size: 0.875rem;
            color: #94a3b8;
            margin-top: 0.25rem;
        }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
            .charts-container {
                padding: 1rem 0.75rem;
            }

            .charts-header h1 {
                font-size: 2rem;
            }

            .charts-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
				display: block;
            }

            .chart-card {
                padding: 1.25rem;
            }

            .chart-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem;
            }

            .chart-icon {
                width: 2rem;
                height: 2rem;
                font-size: 1rem;
            }

            .chart-title {
                font-size: 1.125rem;
            }

            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1rem;
            }

            .stat-number {
                font-size: 1.5rem;
            }
        }

        @media (max-width: 480px) {
            .charts-container {
                padding: 1rem 0.5rem;
            }

            .chart-card {
                padding: 1rem;
            }

            .chart-link {
                padding: 0.625rem 0.875rem;
                font-size: 0.875rem;
            }

            .stats-banner {
                padding: 1.5rem;
            }
        }

        /* Accessibility improvements */
        .chart-link:focus {
            outline: 2px solid #e11d48;
            outline-offset: 2px;
        }

        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        /* Dark mode support */
        @media (prefers-color-scheme: dark) {
            body {
                background: #0f172a;
                color: #e2e8f0;
            }

            .chart-card {
                background: #1e293b;
                border-color: #334155;
            }

            .chart-title {
                color: #f1f5f9;
            }

            .chart-link {
                background: #334155;
                color: #cbd5e1;
                border-color: #475569;
            }

            .chart-link:hover {
                background: #475569;
                color: #f1f5f9;
            }
        }
		div#lightgallery_old {
    margin-bottom: 50px;
}