.rank-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end;padding:50px 0 30px}.rank-hero h1{font-size:clamp(38px,5vw,64px);max-width:720px;margin:14px 0 18px}.rank-hero .description{color:var(--muted);max-width:660px}.rank-intro-note{border-left:2px solid var(--gold);padding:16px 22px;color:var(--muted);font-size:13px;background:#132723}.rank-intro-note strong{display:block;color:var(--cream);font-family:'Playfair Display',serif;font-size:24px;margin-bottom:8px}.rank-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 26px}.rank-shortcuts a,.rank-lens{border:1px solid #b8d6bf44;border-radius:99px;padding:7px 12px;font-size:11px;color:var(--jade)}.ranking-lab-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;background:#102224;border:1px solid var(--line);border-radius:8px}.ranking-lab-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.ranking-lab-filters select,.ranking-lab-filters input{min-width:0;width:100%;background:#0a181a;border:1px solid #ffffff30;border-radius:4px;color:var(--cream);padding:11px;font-size:12px}.ranking-lab-filters .rank-search{grid-column:span 2}.rank-cohort{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 28px}.rank-cohort span{padding:16px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.rank-cohort strong{display:block;font-size:24px;color:var(--gold);font-family:'Playfair Display',serif}.rank-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 38px}.rank-lead{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding:18px;background:linear-gradient(135deg,#18352f,#102224);border:1px solid #a6cabc22;border-radius:6px;min-width:0}.rank-lead-art img,.community-art img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:4px}.rank-position{font-size:10px;letter-spacing:1px;color:var(--gold)}.rank-lead h2{font-size:22px;margin:9px 0}.rank-lead .cn{font-size:11px;color:var(--muted);margin-bottom:10px}.rank-lead-score{font-size:28px;font-weight:400;color:var(--jade)}.rank-lead-score small{font-size:11px;color:var(--muted)}.rank-badges{display:flex;gap:6px;flex-wrap:wrap}.rank-badges span{font-size:9px;border:1px solid #ffffff25;padding:3px 6px;border-radius:3px}.rank-type-cover{aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 9px;background:linear-gradient(150deg,#4d4a35,#193e38);border:1px solid #ffffff20;overflow-wrap:anywhere;border-radius:4px}.rank-type-cover span{font-family:'Noto Serif SC',serif;font-size:19px}.rank-type-cover small{font-size:9px;color:var(--gold)}.rank-lab-table{min-width:820px}.rank-lab-table th small{display:block;font-weight:400;color:var(--muted);font-size:10px}.rank-explain{font-size:11px;font-weight:400;max-width:340px;margin-top:9px;color:var(--muted)}.rank-explain summary{color:var(--jade);cursor:pointer}.rank-explain p{margin:10px 0;font-size:11px}.rank-method-box{padding:28px;background:#142b27;border:1px solid #49605266;border-radius:6px;margin-top:32px}.rank-method-box h2{font-size:29px}.rank-method-box p{max-width:850px;color:var(--muted);font-size:13px}.rank-formula{font-family:monospace;font-size:14px!important;color:var(--gold)!important;overflow-wrap:anywhere}.community-reading{margin:65px 0 30px}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.community-note{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding:24px;border:1px solid var(--line);border-radius:6px;background:#102022;min-width:0}.community-note h3{font-family:'Playfair Display',serif;font-size:25px;font-weight:400;margin:15px 0}.community-note p{font-size:13px;color:#b8c8c1}.community-note details{font-size:12px;margin:18px 0;color:var(--muted)}.community-note summary{cursor:pointer;color:var(--jade)}.community-note ul{padding-left:17px}.community-fit strong{color:var(--gold)}.rank-method-content{max-width:850px}.rank-method-content p,.rank-method-content li{color:var(--muted)}.rank-method-content h2{margin-top:38px}.rank-reset{align-self:end;min-height:42px}.rank-result-line{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0;font-size:12px;color:var(--muted)}
@media(max-width:1100px){.rank-podium{grid-template-columns:1fr}.rank-lead{grid-template-columns:90px 1fr}.rank-lead-art{max-width:100px}.rank-lead h2{font-size:25px}.rank-cohort{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.rank-hero{grid-template-columns:1fr;gap:12px;padding-top:32px}.rank-hero h1{font-size:39px;letter-spacing:-1px}.ranking-lab-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px;gap:12px}.rank-cohort{gap:6px}.rank-cohort span{padding:12px 8px}.rank-cohort strong{font-size:23px}.community-grid{grid-template-columns:1fr}.community-note{grid-template-columns:74px minmax(0,1fr);padding:16px;gap:16px}.community-note h3{font-size:23px}.community-note p{font-size:12px}.rank-lens{padding:4px 8px;font-size:9px;display:inline-block}.rank-method-box{padding:22px}.rank-result-line{align-items:flex-start}.rank-shortcuts a{font-size:10px}}
