/* Scenario ranking pages (/best/*) */

.best-bc{margin-top:20px;font-size:13px;color:var(--txt-mute)}
.best-bc a{color:var(--txt-dim)}
.best-bc .current{color:var(--txt)}

.best-hero{padding:32px 0 24px;border-bottom:1px solid var(--line)}
.best-tag{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);margin-bottom:12px}
.best-hero h1{font-size:clamp(26px,3.8vw,40px);font-weight:800;line-height:1.2;margin:0}
.best-intro{max-width:760px;margin:14px 0 0;color:var(--txt-dim);font-size:16px;line-height:1.75}
.best-intro strong{color:var(--txt)}

.best-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.best-tab{font-size:13px;padding:8px 16px;border-radius:8px;border:1px solid var(--line);
  color:var(--txt-dim);background:rgba(255,255,255,.03);transition:.2s}
.best-tab:hover{border-color:rgba(217,177,90,.4);color:var(--gold-2)}
.best-tab.active{color:#1a1206;background:linear-gradient(135deg,var(--gold),var(--gold-2));border-color:transparent;font-weight:700}

.best-count{margin-top:16px;font-size:12.5px;color:var(--txt-mute)}

.best-list-sec{padding-top:36px;padding-bottom:60px}
.best-rank-list{display:flex;flex-direction:column;gap:16px}
.best-empty{text-align:center;padding:48px 20px;color:var(--txt-dim);background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.best-empty a{color:var(--gold-2)}

.best-foot-cta{margin-top:36px;text-align:center;padding:28px;border-radius:var(--radius);
  border:1px solid rgba(217,177,90,.2);background:rgba(217,177,90,.06)}
.best-foot-cta p{color:var(--txt-dim);margin:0 0 16px;font-size:14px}

@media(max-width:640px){
  
  
}