/* RANKINGS-HUB-1021 (W-0352, D-0468): /rankings/ hub. Topic groups of ranking cards, two featured panels, static SVG bar strips. Loaded only by /rankings/ after the house sets. No JS. */
.rk-jump{margin-top:28px}
.rk-jump ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:2px solid var(--ink,#0C0C0B)}
.rk-jump li{border-left:1px solid var(--ink,#0C0C0B)}
.rk-jump li:first-child{border-left:0}
.rk-jump a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:14px 16px 16px;text-decoration:none;color:var(--ink,#0C0C0B);background:var(--bg,#fff)}
.rk-jump a:hover,.rk-jump a:focus-visible{background:var(--yellow,#FFE01A)}
.rk-jn{font:800 22px/1 var(--mono,monospace);letter-spacing:-.02em}
.rk-jt{font:800 14.5px/1.3 var(--sans,sans-serif);letter-spacing:-.01em}
.rk-jc{margin-top:auto;font:700 10.5px/1.2 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--mid,#56564F)}
/* featured ranking: ink panel, yellow bars */
.rk-feature{background:var(--ink,#0C0C0B);color:#fff;padding:52px 0 56px;border-bottom:6px solid var(--yellow,#FFE01A)}
.rk-feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px 56px;align-items:start}
.rk-feature .kick{color:var(--yellow,#FFE01A)}
.rk-feature .sec-h{margin-top:10px;color:#fff}
.rk-feature .sec-h a{color:#fff;text-decoration:none}
.rk-feature .sec-h a:hover,.rk-feature .sec-h a:focus-visible{text-decoration:underline;text-decoration-color:var(--yellow,#FFE01A);text-decoration-thickness:3px;text-underline-offset:4px}
.rk-feature .rk-l{color:#ECECE6}
.rk-feature .rk-note{color:#B9B9B0}
.rk-feature .rk-k,.rk-feature .rk-k .rk-lab{color:#B9B9B0}
.rk-feature .rk-k .rk-size{color:var(--ink,#0C0C0B);background:var(--yellow,#FFE01A)}
.rk-feature .rk-go a{color:#fff}
.rk-feature .rk-go a:hover{background:transparent;color:var(--yellow,#FFE01A)}
.rk-feature .rk-cap{color:#B9B9B0}
.rk-feature svg.rk-bars .rk-rk{fill:#8E8E86}
.rk-feature svg.rk-bars .rk-nm,.rk-feature svg.rk-bars .rk-vl{fill:#fff}
.rk-feature svg.rk-bars .rk-tr{fill:#262624}
.rk-feature svg.rk-bars .rk-br{fill:#BFA90F}
.rk-feature svg.rk-bars .rk-b1{fill:var(--yellow,#FFE01A)}
/* featured article inside a group: yellow-soft panel framed in ink */
.rk-art{background:var(--yellow-soft,#FFF7C4);border:2px solid var(--ink,#0C0C0B);padding:28px 30px 30px;margin:0 0 30px}
.rk-art-h{margin:10px 0 0;font:900 clamp(22px,2.6vw,30px)/1.12 var(--sans,sans-serif);letter-spacing:-.025em}
.rk-art-h a{text-decoration:none;color:var(--ink,#0C0C0B)}
.rk-art-h a:hover,.rk-art-h a:focus-visible{text-decoration:underline;text-decoration-color:var(--ink,#0C0C0B);text-decoration-thickness:2px;text-underline-offset:4px}
.rk-art .rk-n .mk{background:var(--ink,#0C0C0B);color:var(--yellow,#FFE01A)}
.rk-art svg.rk-bars .rk-tr{fill:#F2E7A6}
.rk-art svg.rk-bars .rk-br{fill:var(--ink,#0C0C0B);opacity:.72}
.rk-art svg.rk-bars .rk-b1{fill:var(--ink,#0C0C0B);opacity:1}
/* groups */
.rk-group{padding:60px 0 64px}
.rk-alt{background:var(--band,#F6F6F3);border-top:1px solid var(--line,#E4E4DD);border-bottom:1px solid var(--line,#E4E4DD)}
.rk-gi{margin:0;font:800 13px/1 var(--mono,monospace);letter-spacing:.08em;color:var(--cobalt,#1D3BF0)}
.rk-gi span{color:var(--faint,#717168);font-weight:700}
.rk-group .sec-h{margin-top:10px}
.rk-dek{color:var(--mid,#56564F);font-size:15px;line-height:1.6;max-width:70ch;margin:6px 0 26px}
ul.rk-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}
.rk-card{background:var(--bg,#fff);border:1.5px solid var(--ink,#0C0C0B);padding:18px 20px 16px;min-width:0;display:flex;flex-direction:column;transition:box-shadow .12s}
.rk-card:hover,.rk-card:focus-within{box-shadow:0 5px 0 var(--yellow,#FFE01A)}
.rk-k{margin:0;font-family:var(--mono,monospace);font-size:11px;line-height:1.5;color:var(--mid,#56564F);display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.rk-k .rk-size{color:#fff;background:var(--ink,#0C0C0B);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px}
.rk-k .rk-lab{letter-spacing:.06em;text-transform:uppercase;color:var(--faint,#717168);margin-right:4px}
.rk-name{margin:12px 0 0;font:800 clamp(17px,1.6vw,19px)/1.22 var(--sans,sans-serif);letter-spacing:-.015em;color:var(--ink,#0C0C0B)}
.rk-name a{text-decoration:none}
.rk-name a::after{content:" \2192";color:var(--cobalt,#1D3BF0)}
.rk-name a:hover,.rk-name a:focus-visible{background:var(--yellow-soft,#FFF7C4)}
.rk-head{margin:14px 0 0;line-height:1.35}
.rk-n{display:block;font-weight:900;font-size:clamp(26px,2.8vw,32px);letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rk-n .mk{padding:.02em .12em}
.rk-l{display:block;margin-top:7px;font-size:14px;line-height:1.45;color:var(--ink,#0C0C0B)}
.rk-head-xl .rk-n{font-size:clamp(40px,5.4vw,68px)}
.rk-head-xl .rk-l{font-size:16px;max-width:42ch}
.rk-fig{margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line,#E4E4DD)}
.rk-fig-xl{margin:0;padding-top:0;border-top:0}
.rk-cap{font-family:var(--mono,monospace);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint,#717168);margin-bottom:12px}
svg.rk-bars{display:block;width:100%;height:auto;max-width:100%;overflow:visible;font-family:var(--sans,sans-serif)}
svg.rk-bars .rk-rk{font:700 11px var(--mono,monospace);fill:var(--faint,#717168)}
svg.rk-bars .rk-nm{font:600 11.5px var(--sans,sans-serif);fill:var(--ink,#0C0C0B)}
svg.rk-bars .rk-vl{font:700 11px var(--mono,monospace);fill:var(--ink,#0C0C0B)}
svg.rk-bars .rk-vs{font:700 9.5px var(--mono,monospace);fill:var(--mid,#56564F)}
svg.rk-bars .rk-tr{fill:var(--band,#F6F6F3)}
svg.rk-bars .rk-br{fill:var(--cobalt,#1D3BF0)}
svg.rk-bars .rk-b1{fill:var(--cobalt-deep,#1226A8)}
svg.rk-bars .rk-b2{fill:#9AA8F5}
.rk-fig-xl svg.rk-bars .rk-nm{font-size:12.5px}
.rk-fig-xl svg.rk-bars .rk-vl{font-size:12px}
dl.rk-stats{margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line,#E4E4DD);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
dl.rk-stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;background:var(--band,#F6F6F3);padding:10px 12px;border-left:4px solid var(--cobalt,#1D3BF0)}
dl.rk-stats dt{font:700 10.5px/1.3 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--mid,#56564F);margin-top:4px}
dl.rk-stats dd{margin:0;font:900 20px/1.1 var(--sans,sans-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rk-note{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--mid,#56564F);max-width:60ch}
.rk-more{margin-top:auto;padding-top:10px}
.rk-more summary{cursor:pointer;display:inline-block;font-family:var(--mono,monospace);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt,#1D3BF0);min-height:32px;line-height:32px}
.rk-more summary:focus-visible{outline:3px solid var(--cobalt,#1D3BF0);outline-offset:2px}
.rk-more[open] summary{margin-bottom:4px}
.rk-what{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink,#0C0C0B)}
.rk-src{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--mid,#56564F)}
.rk-src>span:first-child{font-family:var(--mono,monospace);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint,#717168);margin-right:6px}
.rk-src .mono{font-family:var(--mono,monospace);font-size:12px}
.rk-src code{font-family:var(--mono,monospace);font-size:12px;background:var(--band,#F6F6F3);padding:1px 4px}
.rk-go{margin:12px 0 0}
.rk-go a{font-size:13.5px;font-weight:700;text-decoration:underline;text-decoration-color:var(--yellow,#FFE01A);text-decoration-thickness:3px;text-underline-offset:3px}
.rk-go a:hover{background:var(--yellow-soft,#FFF7C4)}
@media(prefers-reduced-motion:reduce){.rk-card{transition:none}}
@media(max-width:900px){.rk-feat{grid-template-columns:1fr;gap:22px}.rk-jump ol{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-jump li:nth-child(3){border-left:0}.rk-jump li:nth-child(n+3){border-top:1px solid var(--ink,#0C0C0B)}}
@media(max-width:720px){ul.rk-cards{grid-template-columns:1fr;gap:14px}}
@media(max-width:560px){.rk-n{font-size:26px}.rk-head-xl .rk-n{font-size:38px}.rk-feature{padding:34px 0 38px}.rk-art{padding:20px 16px 22px;margin-left:-4px;margin-right:-4px}.rk-card{padding:16px 14px 14px}.rk-group{padding:44px 0 48px}.rk-jump a{padding:11px 12px 12px}.rk-jn{font-size:18px}.rk-jt{font-size:13px}dl.rk-stats dd{font-size:17px}dl.rk-stats>div{padding:8px 9px}}