.page-rank .rk-hero{background:radial-gradient(ellipse 60% 90% at 85% 10%, color-mix(in srgb, var(--rank-color,#f5b62e) 10%, transparent), transparent 65%), linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--rank-color,var(--accent));clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);border-radius:2px;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;position:relative}.page-rank .rk-hero-badge{object-fit:contain;filter:drop-shadow(0 2px 8px #00000073);flex-shrink:0;width:96px;height:96px}.page-rank .rk-hero h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}.page-rank .rk-hero-sub{color:var(--text2);font-size:.9rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;margin:.35rem 0 0;font-weight:600}.page-rank .rk-stats-detail{margin-top:1.5rem}.page-rank .rk-stats-detail h3{margin:0 0 .75rem;font-size:1rem}.page-rank .rk-stats-detail thead th{border-bottom:2px solid var(--accent)}.page-rank .rk-distro-bar{border:1px solid var(--border);border-radius:0;height:40px;display:flex;overflow:hidden}.page-rank .rk-distro-segment{opacity:.45;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.page-rank .rk-distro-segment.active{opacity:1;box-shadow:0 0 0 2px var(--bg),0 0 0 4px currentColor}.page-rank .rk-distro-label{font-family:var(--font-display);color:#0b0d12;letter-spacing:.03em;font-size:.62rem;font-weight:800}.page-rank .rk-tips{flex-direction:column;gap:.75rem;display:flex}.page-rank .rk-tip{align-items:flex-start;gap:.75rem;display:flex}.page-rank .rk-tip-num{width:28px;height:28px;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-style:italic;font-weight:800;display:flex;transform:skew(-10deg)}.page-rank .rk-tip p{color:var(--text2);margin:0;padding-top:.2rem;font-size:.92rem;line-height:1.5}.page-rank .rk-nav{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:2rem 0;display:flex}.page-rank .rk-nav-btn{box-shadow:inset 0 0 0 1px var(--border);color:var(--text);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;align-items:center;gap:.4rem;padding:.55rem 1.3rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:box-shadow .15s,background .15s,transform .15s;display:flex;transform:skew(-10deg)}.page-rank .rk-nav-btn>span{display:inline-block;transform:skew(10deg)}.page-rank .rk-nav-btn:hover{box-shadow:inset 0 0 0 1px var(--accent);background:rgba(var(--accent-rgb),.06);transform:skew(-10deg)translateY(-2px)}.page-rank .rk-nav-arrow{font-size:1.1rem}.page-rank .rk-nav-all{background:var(--accent);color:#0b0d12;box-shadow:none;font-weight:800}.page-rank .rk-nav-all:hover{background:var(--accent2);box-shadow:none}.page-rank .rk-all-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.page-rank .rk-all-card{background:var(--bg3);border:1px solid var(--border);border-top:3px solid var(--rc,var(--border));color:var(--text);border-radius:2px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;text-decoration:none;transition:border-color .12s,transform .12s;display:flex;position:relative}.page-rank .rk-all-card:hover{border-color:var(--rc);transform:translateY(-2px)}.page-rank .rk-all-card.current{border-color:var(--rc);background:color-mix(in srgb, var(--rc) 8%, var(--bg3));box-shadow:inset 3px 0 0 var(--rc)}.page-rank .rk-all-badge{object-fit:contain;flex-shrink:0;width:40px;height:40px}.page-rank .rk-all-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;flex:1;font-size:.88rem;font-weight:700}.page-rank .rk-all-pct{font-family:var(--font-display);color:var(--text2);font-size:.8rem;font-style:italic;font-weight:700}@media (max-width:768px){.page-rank .rk-hero{text-align:center;flex-direction:column;padding:1.25rem}.page-rank .rk-hero h1{font-size:1.6rem}.page-rank .rk-all-grid{grid-template-columns:1fr 1fr}.page-rank .rk-nav{flex-direction:column;align-items:stretch}.page-rank .rk-nav-btn{justify-content:center;transform:none}.page-rank .rk-nav-btn>span{transform:none}.page-rank .rk-nav-btn:hover{transform:translateY(-2px)}}