.top-tools{margin-bottom:64px;scroll-margin-top:20px}
.top-tools-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.top-tools-heading h2{margin:8px 0 10px;font-size:36px;letter-spacing:-1px;line-height:1.2}
.top-tools-heading h2>span:first-child{color:var(--purple)}
.rank-spark{display:inline-block;margin-left:16px;color:var(--green);font-size:26px;font-weight:400;vertical-align:middle}
.top-tools-heading p{margin:0;color:var(--muted);font-size:13px}
.rank-directory-link{flex:none;color:#c9b5ed;font-size:12px;border:1px solid #473654;padding:10px 15px;border-radius:7px}
.rank-directory-link span{margin-left:15px}
.rank-directory-link:hover{background:#282034;color:white}
.rank-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;margin-bottom:10px;border-top:1px solid #2d2739}
.rank-period{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#cfb9f7}
.rank-period>span{color:var(--green);font-size:18px}
.rank-date{font-size:11px;color:#857b92}
.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:10px 18px;list-style:none;margin:0;padding:0}
.rank-list li{min-width:0}
.rank-card{display:grid;grid-template-columns:30px 44px minmax(0,1fr) 16px;gap:14px;align-items:center;min-height:110px;height:100%;padding:20px 17px;border:1px solid #30283d;border-radius:11px;background:linear-gradient(110deg,#1c1725,#14131d);transition:background .2s,border-color .2s,transform .2s}
.rank-card:hover,.rank-card:focus-visible{background:#251c34;border-color:#8061a0;transform:translateY(-2px)}
.rank-number{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:#786d86}
.rank-number-1{color:#ecc578}.rank-number-2{color:#d1ceda}.rank-number-3{color:#d6a78d}
.rank-card img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#272231}
.rank-copy{min-width:0}
.rank-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;line-height:1.3;font-size:15px;font-weight:600;color:#f0ecf6;transition:color .2s}
.rank-card:hover .rank-title,.rank-card:focus-visible .rank-title{color:var(--purple)}
.rank-category{font-size:9px;font-weight:400;letter-spacing:0;color:#b3a6c2;padding:3px 6px;border-radius:4px;background:#2b2236;white-space:nowrap}
.rank-description{display:block;margin-top:8px;color:#9b92a9;font-size:11px;line-height:1.65}
.rank-outbound{color:#a68abc;font-size:18px}
.rank-attribution{font-size:10px;color:#80748e;line-height:1.9;margin:17px 0 0}
.rank-attribution a{color:#bb9be4;text-decoration:underline;text-underline-offset:3px}
.sidebar-top-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;margin-bottom:12px;border:1px solid #443152;border-radius:7px;background:#241a30;color:#cfb5f2;font-size:14px;font-weight:600;line-height:22px;min-height:46px}
.sidebar-top-tools:hover{background:#332240}
@media(max-width:1100px){.rank-card{grid-template-columns:26px 38px minmax(0,1fr) 14px;gap:10px;padding:17px 12px}.rank-card img{width:38px;height:38px}.rank-title{font-size:14px}}
@media(max-width:760px){
  .header .header-inner{height:auto;min-height:70px;flex-wrap:wrap;row-gap:11px;padding-block:14px}
  .header nav{width:100%;order:3;justify-content:space-between;gap:13px}
  .header nav a,.header nav button{white-space:nowrap;padding:3px 0;font-size:12px}
  html{scroll-padding-top:125px}
  .top-tools{margin-bottom:42px}
  .top-tools-heading{gap:12px;align-items:start}.top-tools-heading h2{font-size:27px}.rank-spark{font-size:20px;margin-left:9px}.top-tools-heading p{font-size:11px}.rank-directory-link{padding:8px 10px;font-size:10px}.rank-directory-link span{margin-left:5px}
  .rank-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:9px}
  .rank-card{min-height:103px;padding:16px 12px}.rank-description{font-size:11px}
  .rank-date{font-size:10px}.rank-period{font-size:11px}.rank-attribution{font-size:10px}
  .sidebar-top-tools{width:fit-content;gap:15px}
}

@media(max-width:760px){.sidebar-top-tools{font-size:13px;min-height:42px;padding-block:9px}}