.ranking{max-width:1260px;padding:28px 22px 60px;color:#141f40}.ranking-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 38px;border:1px solid #dce3fb;border-radius:26px;background:linear-gradient(135deg,#eef2ff,#fbfaff 58%,#e9e8ff);overflow:hidden}.ranking-kicker{font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.13em;color:#6544d8;margin:0 0 12px}.ranking-hero h1{font-size:clamp(37px,6vw,67px);line-height:1.08;margin:0;letter-spacing:-.05em}.ranking-hero p:last-child{font-size:16px;line-height:1.75;color:#586987;margin:17px 0 0}.ranking-mark{display:grid;grid-template-columns:repeat(3,43px);gap:6px;align-items:end;position:relative;padding:8px 18px 8px 0}.ranking-mark span{display:grid;place-items:end center;padding-bottom:12px;border-radius:12px;background:#d9d2ff;font:700 11px monospace;color:#5745b9;height:58px}.ranking-mark span:nth-child(2){height:88px;background:#c1afff}.ranking-mark span:nth-child(3){height:118px;background:#623eff;color:white}.ranking-mark b{position:absolute;top:-4px;left:9px;color:#623eff;font-size:40px;font-family:Georgia,serif}.ranking-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.ranking-tabs a{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border:1px solid #e0e6f5;border-radius:17px;background:#fff;color:#283551}.ranking-tabs strong{font-size:16px}.ranking-tabs small{font-size:12px;color:#63718d}.ranking-tabs a[aria-current]{border-color:#765aff;background:#f0ecff;color:#5334db}.ranking-board{padding:22px 30px;background:white;border:1px solid #e1e5f1;border-radius:21px}.ranking-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.ranking-head h2{margin:0;font-size:27px}.ranking-head .ranking-kicker{margin-bottom:5px}.ranking-source,.ranking-foot a{font-size:13px;font-weight:650;color:#6040db}.ranking-filters{display:flex;flex-wrap:wrap;gap:7px}.ranking-filters a{padding:9px 14px;border-radius:20px;background:#f2f5fb;color:#546582;font-size:13px}.ranking-filters a[aria-current]{background:#6143ee;color:white}.ranking-note{font-size:13px;color:#62728c;line-height:1.65;margin:16px 0 18px}.ranking-list{margin:0;padding:0;list-style:none;counter-reset:rank}.ranking-row{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(80px,auto);gap:14px;align-items:center;counter-increment:rank;padding:16px 4px;border-top:1px solid #edf0f8}.ranking-row:before{content:counter(rank,decimal-leading-zero);display:grid;place-items:center;width:36px;height:36px;background:#f2f4fb;border-radius:10px;color:#61718d;font:700 13px monospace}.ranking-row:nth-child(-n+3):before{background:#ebe4ff;color:#5539d3}.ranking-title{font-size:16px;font-weight:750;overflow-wrap:anywhere;color:#172447}.ranking-title:hover{text-decoration:underline}.ranking-item p{font-size:12px;color:#6b7890;margin:5px 0;overflow-wrap:anywhere}.ranking-value{text-align:right;display:grid;gap:3px}.ranking-value strong{font:700 20px/1.15 system-ui,sans-serif;color:#5236d8}.ranking-value small{font-size:11px;color:#60718b}.ranking-local{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:#526487;align-items:center}.ranking-local a{color:#573cda;overflow-wrap:anywhere}.ranking-empty{background:#f7f8fd;border:1px dashed #dce3f4;border-radius:16px;padding:38px 20px;text-align:center;color:#63718d}.ranking-empty strong{color:#4935b9}.ranking-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px 2px 0;color:#62708c;font-size:12px}.ranking :focus-visible{outline:2px solid #7049ff;outline-offset:3px}
@media(max-width:680px){.ranking{padding:20px 14px 36px}.ranking-hero{padding:26px 22px}.ranking-hero p:last-child{font-size:14px}.ranking-mark{display:none}.ranking-tabs{gap:6px;margin:14px 0}.ranking-tabs a{padding:12px 9px;border-radius:12px}.ranking-tabs strong{font-size:13px}.ranking-tabs small{display:none}.ranking-board{padding:18px 14px}.ranking-head h2{font-size:22px}.ranking-row{grid-template-columns:29px minmax(0,1fr) minmax(58px,auto);gap:8px}.ranking-row:before{width:27px;height:27px;font-size:11px}.ranking-title{font-size:14px}.ranking-value strong{font-size:16px}.ranking-item p,.ranking-value small{font-size:10px}.ranking-filters a{font-size:12px;padding:8px 10px}}