.ranking-heading{margin-bottom:10px;border-color:#b9cef5;height:175px}
.ranking-heading>strong{font-size:clamp(25px,4.6vw,64px);max-width:100%;padding:0 10px;text-align:center;line-height:1.15;overflow-wrap:anywhere}
.ranking-tabs{padding-top:0}.ranking-tabs i{color:#3378e4}
.ranking-modes{display:flex;margin:10px 10px 0;border:1px solid #999;border-radius:4px;overflow:hidden}
.ranking-modes>a{flex:1;padding:7px;text-align:center;font-size:14px;font-weight:bold;color:#777;background:linear-gradient(#fff,#ddd);text-shadow:1px 1px white}
.ranking-modes>a+a{border-left:1px solid #aaa}.ranking-modes>a[aria-current]{color:white;background:linear-gradient(#3189f0,#6bc5ff);text-shadow:1px 1px #555}
.ranking-modes i{margin-right:5px}.ranking-list .recent-regions{margin-top:10px}
.ranking-categories{display:flex;background:linear-gradient(#fff,#d6e5ff);margin:10px 0}
.ranking-categories>a{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;padding:10px 2px;text-align:center;color:#3564bb;font-weight:bold;font-size:12px;border-right:1px solid #bbb}
.ranking-categories>a[aria-current]{background:#06f;color:#fff}
.ranking-locations{background:white;border-bottom:1px solid #aaa;font-size:12px}
.ranking-locations summary{cursor:pointer;padding:12px;color:#3564bb;font-weight:bold}
.ranking-locations nav{display:flex;flex-wrap:wrap;max-height:200px;overflow:auto;padding:0 10px 10px;gap:3px 0}
.ranking-locations a{padding:3px 8px;border-right:1px solid #ccc;color:#3564bb}.ranking-locations a[aria-current]{background:#3564bb;color:white}
.ranking-stores{margin-top:20px;border-top:1px solid #aaa;padding-top:10px}
.ranking-position{position:absolute;top:15px;left:10px;z-index:2;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:linear-gradient(135deg,#bbb,#666);color:white;font-size:22px;text-shadow:1px 1px #666;pointer-events:none}
.ranking-position-1{background:linear-gradient(135deg,#bdb778,#987c24)}.ranking-position-3{background:linear-gradient(135deg,#d5a184,#9a5939)}
.ranking-list .area-open-date{display:none}
@media(max-width:767px){
 .ranking-heading{height:135px;margin-bottom:10px}.ranking-heading>span{font-size:22px;line-height:1.2}.ranking-heading>strong{font-size:40px}
 .ranking-tabs>a{font-size:13px}.ranking-tabs i{display:none}.ranking-modes{margin:10px 5px 0}
 .ranking-categories>a{font-size:11px;padding:10px 4px;line-height:1.25}
 .ranking-stores{padding-top:10px;margin-top:20px}.ranking-position{top:10px;left:5px;width:30px;height:30px;line-height:30px;font-size:18px}
}