.ranking-page{padding:clamp(48px,6vw,84px) 0 70px}.ranking-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:28px;align-items:end;margin-bottom:26px}.ranking-kicker{margin:0;color:var(--cyan);font-family:var(--mono);font-size:.67rem;font-weight:700;letter-spacing:.12em}.ranking-kicker span{display:inline-block;width:24px;height:2px;margin:0 10px 3px 0;background:var(--cyan);box-shadow:0 0 13px rgba(62,229,255,.75)}.ranking-hero h1{max-width:820px;margin:14px 0 13px;color:var(--text);font-size:clamp(1.9rem,3.3vw,2.55rem);line-height:.96;letter-spacing:-.055em}.ranking-intro{max-width:650px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.ranking-hero-callout{display:grid;gap:7px;align-self:stretch;padding:22px 24px;border:1px solid rgba(126,148,210,.28);border-radius:12px;background:linear-gradient(145deg,rgba(14,27,45,.92),rgba(6,10,18,.9));box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 48px rgba(0,0,0,.19)}.ranking-hero-callout span{color:var(--coral);font-family:var(--mono);font-size:.67rem;font-weight:700;letter-spacing:.13em}.ranking-hero-callout strong{color:var(--text);font-size:1.22rem;letter-spacing:-.04em}.ranking-hero-callout small{color:var(--muted);font-size:.72rem}.ranking-board{overflow:hidden;border:1px solid rgba(126,148,210,.27);border-radius:13px;background:linear-gradient(145deg,rgba(11,18,31,.94),rgba(5,8,15,.96));box-shadow:0 30px 65px rgba(0,0,0,.22)}.ranking-board-header{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:22px 26px 18px;border-bottom:1px solid rgba(126,148,210,.18)}.ranking-board-header h2{margin:7px 0 0;color:var(--text);font-size:1.28rem;line-height:1;letter-spacing:-.05em}.ranking-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.ranking-link-button,.ranking-download{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(126,148,210,.34);border-radius:7px;color:#d7e3fa;background:rgba(10,16,29,.76);font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.025em;text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .2s ease}.ranking-link-button:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.ranking-download{border-color:rgba(255,144,126,.46);color:var(--coral)}.ranking-download:hover{border-color:var(--coral);transform:translateY(-1px)}.ranking-column-headings,.ranking-row{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(195px,1fr) minmax(195px,1fr) minmax(208px,1.08fr);gap:20px;align-items:center}.ranking-column-headings{padding:15px 26px 12px;color:#a6b7d0;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.085em}.ranking-column-headings span:nth-child(2){color:var(--cyan)}.ranking-column-headings span:nth-child(3){color:var(--violet)}.ranking-column-headings span:nth-child(4){color:var(--coral)}.ranking-column-headings small{display:block;margin-top:4px;color:#8193af;font-family:var(--sans);font-size:.6rem;font-weight:500;letter-spacing:0}.ranking-rows{padding:0 12px 14px}.ranking-row{min-height:62px;margin:7px 0;padding:14px 16px;border:1px solid rgba(126,148,210,.18);border-radius:9px;background:rgba(12,20,34,.8);transition:background .2s ease,border-color .2s ease}.ranking-row:first-child{border-color:rgba(170,232,93,.82);background:linear-gradient(105deg,rgba(18,42,42,.9),rgba(12,21,34,.84));box-shadow:inset 0 0 28px rgba(62,229,255,.035)}.ranking-rig{display:flex;align-items:center;gap:14px;min-width:0}.ranking-rank{min-width:26px;color:#8fa3bf;font-family:var(--mono);font-size:.76rem;font-weight:700}.ranking-row:first-child .ranking-rank{color:var(--lime)}.ranking-rig a{color:var(--text);font-size:.95rem;font-weight:700;letter-spacing:-.03em;text-decoration:none}.ranking-rig a:hover{color:var(--cyan)}.ranking-rig small{display:block;margin-top:4px;color:#8192ad;font-family:var(--mono);font-size:.58rem;letter-spacing:.05em}.ranking-metric{display:grid;grid-template-columns:minmax(54px,1fr) auto;gap:10px;align-items:center;min-width:0}.ranking-bar{position:relative;display:block;height:9px;overflow:hidden;border-radius:999px;background:#1b2a3e}.ranking-bar i{display:block;height:100%;border-radius:inherit}.ranking-reading .ranking-bar i{background:var(--cyan);box-shadow:0 0 13px rgba(62,229,255,.22)}.ranking-writing .ranking-bar i{background:var(--violet);box-shadow:0 0 13px rgba(160,107,255,.18)}.ranking-cost .ranking-bar i{background:var(--coral);box-shadow:0 0 13px rgba(255,144,126,.16)}.ranking-metric b{font-family:var(--mono);font-size:.82rem;font-weight:700;letter-spacing:-.035em}.ranking-reading b{color:var(--cyan)}.ranking-writing b{color:var(--violet)}.ranking-cost b{color:var(--coral)}.ranking-board-footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 26px 18px;border-top:1px solid rgba(126,148,210,.18);color:#91a3bf;font-size:.7rem;line-height:1.5}.ranking-board-footer p{margin:0}.ranking-board-footer b{color:#c7d5e8}.ranking-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px;border:1px solid rgba(126,148,210,.2);border-radius:10px;background:rgba(10,16,28,.52)}.ranking-notes>div{min-height:96px;padding:18px 20px;border-right:1px solid rgba(126,148,210,.16)}.ranking-notes>div:last-child{border-right:0}.ranking-notes p:last-child{max-width:310px;margin:8px 0 0;color:var(--muted);font-size:.72rem;line-height:1.62}.ranking-empty{padding:30px;color:var(--muted)}@media(max-width:1000px){.ranking-column-headings,.ranking-row{grid-template-columns:minmax(170px,1.1fr) minmax(160px,1fr) minmax(160px,1fr) minmax(170px,1fr);gap:16px}.ranking-column-headings{padding-inline:22px}.ranking-board-header{padding-inline:22px}.ranking-board-footer{padding-inline:22px}.ranking-rig{gap:11px}.ranking-rig a{font-size:.88rem}}@media(max-width:760px){.ranking-page{padding-top:52px}.ranking-hero{grid-template-columns:1fr;gap:17px}.ranking-hero h1{font-size:clamp(2.1rem,8.5vw,2.7rem)}.ranking-hero-callout{padding:20px 22px}.ranking-board-header{align-items:flex-start;flex-direction:column;padding:22px}.ranking-actions{justify-content:flex-start}.ranking-column-headings{display:none}.ranking-rows{padding:11px}.ranking-row{grid-template-columns:1fr 1fr;gap:14px 16px;padding:17px 15px}.ranking-rig{grid-column:1/-1}.ranking-metric{grid-template-columns:1fr auto}.ranking-metric::before{position:absolute;content:""}.ranking-reading,.ranking-writing,.ranking-cost{position:relative;padding-top:18px}.ranking-reading::before,.ranking-writing::before,.ranking-cost::before{position:absolute;top:0;left:0;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.08em}.ranking-reading::before{color:var(--cyan);content:attr(data-mobile-label)}.ranking-writing::before{color:var(--violet);content:attr(data-mobile-label)}.ranking-cost::before{color:var(--coral);content:attr(data-mobile-label)}.ranking-cost{grid-column:1/-1}.ranking-board-footer,.ranking-notes{grid-template-columns:1fr}.ranking-notes>div{min-height:0;border-right:0;border-bottom:1px solid rgba(126,148,210,.16)}.ranking-notes>div:last-child{border-bottom:0}}@media(max-width:430px){.ranking-actions{display:grid;width:100%}.ranking-link-button,.ranking-download{justify-content:space-between}.ranking-row{grid-template-columns:1fr;gap:15px}.ranking-cost{grid-column:auto}.ranking-rig a{font-size:.92rem}.ranking-board-footer{padding:18px}.ranking-board-footer p+p{margin-top:-8px}}
.ranking-workload .ranking-bar i{background:var(--lime);box-shadow:0 0 13px rgba(168,232,93,.2)}.ranking-workload b{color:var(--lime)}.ranking-workload-page .ranking-column-headings span:nth-child(4){color:var(--lime)}@media(max-width:760px){.ranking-workload{position:relative;padding-top:18px;grid-column:1/-1}.ranking-workload::before{position:absolute;top:0;left:0;color:var(--lime);font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.08em;content:attr(data-mobile-label)}}@media(max-width:430px){.ranking-workload{grid-column:auto}}
/* Ranking rail treatment: mirrors the export-card instrumentation without changing grid geometry. */
.ranking-metric{gap:10px}.ranking-bar{height:13px;padding:2px;border:1px solid #283c56;border-radius:6px;background:#091523}.ranking-bar i{height:100%;min-width:6px;border-radius:3px}.ranking-metric b{min-width:56px;padding:3px 7px;border:1px solid #314762;border-radius:5px;background:#0a1321;text-align:center}.ranking-reading .ranking-bar,.ranking-reading b{border-color:rgba(54,223,250,.76)}.ranking-writing .ranking-bar,.ranking-writing b{border-color:rgba(167,122,255,.76)}.ranking-cost .ranking-bar,.ranking-cost b{border-color:rgba(255,144,126,.76)}.ranking-workload .ranking-bar,.ranking-workload b{border-color:rgba(168,232,93,.78)}.ranking-reading .ranking-bar i{background:linear-gradient(90deg,#19c6e5,#6cf1ff)}.ranking-writing .ranking-bar i{background:linear-gradient(90deg,#7547ec,#d2a8ff)}.ranking-cost .ranking-bar i{background:linear-gradient(90deg,#f36c64,#ffb496)}.ranking-capacity .ranking-bar i{background:linear-gradient(90deg,#77c73c,#d3ff90)}.ranking-capacity b{color:var(--lime)}.ranking-workload .ranking-bar i{background:linear-gradient(90deg,#77c73c,#d3ff90)}
.ranking-tabs{display:flex;gap:8px;margin:-6px 0 20px}.ranking-tabs a{padding:6px 11px;border:1px solid rgba(126,148,210,.3);border-radius:999px;color:var(--muted);background:rgba(9,15,26,.68);font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.04em;text-decoration:none}.ranking-tabs a:hover{border-color:var(--cyan);color:var(--cyan)}.ranking-tabs a[aria-current="page"]{border-color:var(--cyan);color:var(--text);box-shadow:inset 0 0 16px rgba(62,229,255,.09),0 0 14px rgba(62,229,255,.08)}.ranking-fit-q3{display:inline-flex;margin-left:8px;padding:2px 5px;border:1px solid rgba(241,194,83,.66);border-radius:4px;color:#f5c968;background:rgba(241,194,83,.08);font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.06em;vertical-align:2px}.ranking-rank{display:grid;place-items:center}.ranking-medal{position:relative;z-index:0;display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:.6rem;font-weight:800;line-height:1}.ranking-medal::before,.ranking-medal::after{position:absolute;z-index:-1;top:-6px;width:6px;height:10px;background:currentColor;content:"";opacity:.8}.ranking-medal::before{left:4px;transform:rotate(-22deg)}.ranking-medal::after{right:4px;transform:rotate(22deg)}.ranking-medal.gold{color:#f7c75f;background:radial-gradient(circle at 35% 28%,#fff0b4,#e9a92f)}.ranking-medal.silver{color:#dbe6f4;background:radial-gradient(circle at 35% 28%,#fff,#aebdce)}.ranking-medal.bronze{color:#df945f;background:radial-gradient(circle at 35% 28%,#ffd0a0,#a75c32)}.ranking-row.podium-gold{border-color:rgba(247,199,95,.85);background:linear-gradient(105deg,rgba(63,50,21,.48),rgba(12,21,34,.84))}.ranking-row.podium-silver{border-color:rgba(209,222,237,.55);background:linear-gradient(105deg,rgba(43,51,62,.5),rgba(12,20,34,.8))}.ranking-row.podium-bronze{border-color:rgba(223,148,95,.55);background:linear-gradient(105deg,rgba(67,42,29,.5),rgba(12,20,34,.8))}@media(max-width:760px){.ranking-tabs{margin-top:-3px;overflow-x:auto}.ranking-tabs a{white-space:nowrap}}


/* Runtime-provided mobile labels keep ranking cards localized. */
@media(max-width:760px){
  .ranking-metric[data-mobile-label]{position:relative;padding-top:18px}
  .ranking-metric[data-mobile-label]::before{position:absolute;top:0;left:0;color:#a6b7d0;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.08em;content:attr(data-mobile-label)}
  .ranking-reading[data-mobile-label]::before{color:var(--cyan)}
  .ranking-writing[data-mobile-label]::before{color:var(--violet)}
  .ranking-cost[data-mobile-label]::before{color:var(--coral)}
  .ranking-capacity[data-mobile-label]::before,.ranking-workload[data-mobile-label]::before{color:var(--lime)}
  .ranking-cost.mobile-rig-cost{grid-column:auto}
  .ranking-capacity.mobile-capacity{grid-column:auto}
  .ranking-cost.mobile-local{grid-column:1/-1}
}