.rank-layout .rank-tabs { width: 100%; display: flex; gap: 18px; }
.rank-layout .rank-tab { width: 120px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 9px; background: rgba(255,255,255,.05); color: rgba(255,255,255,.55); text-decoration: none; font-size: 18px; line-height: 24px; }
.rank-layout .rank-tab--active { background: #ff4b02; color: #fff; }
.rank-layout .rank-tab:hover { color: #fff; }
.rank-layout .rank-tab:focus-visible { outline: 2px solid #ff4b02; outline-offset: 3px; }
.rank-layout .card-grid { width: 100%; }
@media (max-width: 767px) {
 .rank-layout .rank-tabs { gap: 6px; }
 .rank-layout .rank-tab { flex: 1; min-width: 0; width: auto; height: 30px; font-size: 12px; line-height: 18px; }
}