/* The rankings page uses the existing hero as its desktop height reference. */
@media(min-width:1101px){
 body.rankings-refined>.rk-section{height:var(--rk-screen-height,740px)!important;min-height:var(--rk-screen-height,740px)!important;box-sizing:border-box;padding:44px 0!important;display:flex;align-items:center;justify-content:center}
 .rankings-refined .rk-section>.mr-shell{align-items:center;gap:36px}
 .rankings-refined .rk-section .mr-head{padding:30px}
 .rankings-refined .rk-section .mr-head h2{font-size:32px}
 .rankings-refined #data-provenance>.mr-shell{width:min(1280px,calc(100% - 64px));max-width:1280px}
 .rankings-refined #data-provenance .mr-head{padding:0;margin-bottom:34px}
 .rankings-refined #data-provenance .rk-source-grid{gap:20px}
 .rankings-refined #data-provenance .rk-source-card{min-height:188px;padding:28px;display:flex;flex-direction:column;justify-content:flex-start}
 .rankings-refined #data-provenance .rk-source-card header{margin-bottom:20px}
 .rankings-refined #enterprise-ranking .rk-content>.mr-grid{gap:16px}
 .rankings-refined #enterprise-ranking .mr-card{min-height:148px;padding:24px}
 .rankings-refined #mall-ranking .mr-head{padding:0;margin-bottom:36px}
 .rankings-refined #mall-ranking .rk-mall-card{min-height:330px;padding:36px}
 .rankings-refined #hot-brand-ranking .rk-rows .mr-card{min-height:88px;align-content:center}
 .rankings-refined #hot-brand-ranking .rk-rows .mr-card:first-child{min-height:110px}
 .rankings-refined #emerging-brand-ranking .rk-rows .mr-card{min-height:153px;align-content:center;padding:25px}
 .rankings-refined #hot-brand-ranking .rk-rows>.mr-grid,.rankings-refined #emerging-brand-ranking .rk-rows>.mr-grid{counter-reset:rk-row}
 .rankings-refined #hot-brand-ranking .mr-card,.rankings-refined #emerging-brand-ranking .mr-card{counter-increment:rk-row}
 .rankings-refined #hot-brand-ranking .mr-card::before,.rankings-refined #emerging-brand-ranking .mr-card::before{display:none}
 .rankings-refined #hot-brand-ranking .mr-card h3,.rankings-refined #emerging-brand-ranking .mr-card h3{position:relative}
 .rankings-refined #hot-brand-ranking .mr-card h3::before,.rankings-refined #emerging-brand-ranking .mr-card h3::before{content:counter(rk-row,decimal-leading-zero);position:absolute;left:0;top:5px;color:#527cdf;font:600 11px/1.4 monospace}
 .rankings-refined #leading-brand-ranking .rk-rows .mr-card{padding:17px 22px;grid-template-columns:174px minmax(0,1fr);column-gap:18px}
 .rankings-refined #leading-brand-ranking .rk-rows .mr-card::before{top:20px}
 .rankings-refined #leading-brand-ranking .rk-rows .mr-card ul{margin-top:6px;gap:3px 18px}
 .rankings-refined #leading-brand-ranking .rk-rows>.mr-grid{gap:10px}
}
/* Narrow displays retain readable type and flow instead of clipping text. */
@media(max-width:1100px){
 body.rankings-refined>.rk-section{min-height:var(--rk-screen-height,700px);display:flex;align-items:center}
 .rankings-refined .rk-section>.mr-shell{width:calc(100% - 40px)}
}
@media(max-width:760px){
 body.rankings-refined>.rk-section{min-height:0;display:block}
 .rankings-refined .rk-section>.mr-shell{width:calc(100% - 36px)}
}