.bb4-ranking-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 30px}.bb4-ranking-nav a{background:#f4f5f7;border:1px solid #e0e4e8;font-size:12px;padding:8px 16px;transition:.2s}.bb4-ranking-nav a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.bb4-sidebar-ranking ol{padding:0;list-style:none;margin:0}.bb4-sidebar-ranking li{border-bottom:1px solid #e8e8e8;padding:10px 0;display:flex;gap:10px;align-items:center}.bb4-sidebar-ranking li>span{font-family:Georgia,serif;background:#168fb8;color:#fff;font-size:17px;flex:0 0 27px;text-align:center}.bb4-sidebar-ranking li a{display:flex;gap:10px;align-items:center;min-width:0}.bb4-sidebar-ranking li img{width:58px;height:48px;object-fit:cover}.bb4-sidebar-ranking li strong{font-size:12px;line-height:1.5}.bb4-footer-rank{background:#20272d;color:#fff;padding:42px 0 48px}.bb4-footer-rank-heading{text-align:center;margin-bottom:22px}.bb4-footer-rank-heading span{font-size:10px;letter-spacing:.25em;color:#92cce3}.bb4-footer-rank-heading h2{font-weight:500;font-size:20px;margin:5px 0}.bb4-slider{display:flex;align-items:center;gap:12px}.bb4-slider>button{font-size:34px;background:none;color:#fff;border:0;cursor:pointer}.bb4-slider-viewport{overflow:hidden;flex:1}.bb4-slider-track{display:flex;gap:14px;transition:transform .35s ease}.bb4-slide-card{position:relative;background:#fff;color:#28323b;display:flex;gap:12px;align-items:center;padding:9px;flex:0 0 calc((100% - 28px)/3);min-width:0;font-size:12px;line-height:1.45}.bb4-slide-card img,.bb4-no-image{width:80px;height:67px;object-fit:cover;flex:0 0 80px}.bb4-no-image{display:grid;place-items:center;background:#e5e8eb;color:#a3abb2;font-size:10px}.bb4-slide-rank{position:absolute;top:2px;left:2px;background:#b82f34;color:white;padding:0 6px;font-size:11px}.bb4-archive-rank{border-top:3px solid #168fb8;background:#fafbfc;padding:20px;margin:0 0 25px}.bb4-archive-rank h2{margin:0;font-size:23px}.bb4-archive-preview{display:grid;gap:8px;margin:14px 0}.bb4-archive-preview a{border:1px solid #e1e4e6;background:white;padding:10px 12px}.bb4-archive-preview strong{color:#1694be}@media(max-width:940px){.bb4-slide-card{flex-basis:calc((100% - 14px)/2)}}@media(max-width:600px){.bb4-slide-card{flex-basis:100%}.bb4-slider{gap:2px}.bb4-slide-card img{width:65px;height:58px;flex-basis:65px}.bb4-footer-rank{padding:28px 0}.bb4-ranking-nav{justify-content:flex-start}}