.index_container {display:flex;gap:20px;}
.index_main {flex:1;}
.main_skin {flex:1;border:1px solid #dadada ; padding-bottom: 20px;}
.index_sidebar {width:300px;flex-shrink:0}
.best_tabs {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: nowrap; /* prevent tabs from wrapping */
}

.best_tabs a {
    flex: 1;
    padding: 12px 24px;
    text-decoration: none;
    color: #737373;
    font-weight: bold;
    font-size: 15px;
    border-top: 3px solid transparent;
    margin-top: -2px;
    transition: all 0.3s;
    text-align: center;

    white-space: nowrap;   /* 🔴 key line */
}

.best_tabs a.active {color:#0066cc;border-top-color:#0066cc}
.best_tabs a:hover {color:#0066cc}
.best_grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;margin-bottom:30px; padding:0 10px}
.best_card {background:#fff;overflow:hidden;position:relative}
.best_card img {width:100%;aspect-ratio : 4/3;object-fit:cover}
.best_card .badge_new {background:#0066cc;color:#fff;padding:2px 6px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;min-height:16px;flex-shrink:0}
.best_card .card_title {padding:10px 0;font-size:13px;font-weight:500;color:#333;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.best_columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.post_list {background:#fff;}
.post_list_item {display:flex;justify-content:space-between;padding:0px 15px;font-size:13px; line-height: 22px}
.post_list_item .badge_no {display:inline-block;width:25px;height:20px;background:#0066cc;color:#fff;font-size:10px;text-align:center;line-height:20px;margin-right:10px;flex-shrink:0;}
.post_list_item:last-child {border-bottom:none}
.post_list_item a {color:#333;text-decoration:none ;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.post_list_item a:hover {color:#0066cc}
.post_list_item .vote {color:#ff6b6b;font-weight:600;font-size:12px}
.sidebar_tabs {display:flex;}
.sidebar_announcement {border:1px solid #e0e0e0}
.sidebar_tabs a {flex:1;text-align:center;padding:10px;text-decoration:none;color:#666;font-weight:600;background:#f5f5f5}
.sidebar_tabs a.active {color:#0066cc;background:#fff;border-top:2px solid #0066cc}
.sidebar_list {background:#fff; padding: 10px 0;}
.sidebar_list_item {display:flex;justify-content:space-between;align-items:center;padding: 0 15px;font-size:12px ; line-height: 22px;}
.sidebar_list_item:last-child {border-bottom:none}
.sidebar_list_item a {color:#333;text-decoration:none;flex:1}
.sidebar_list_item a:hover {color:#0066cc}
.sidebar_list_item .vote {color:#ff6b6b;font-weight:600;margin-right:10px}
.sidebar_list_item .author {color:#999;font-size:11px}
.recent_comments {margin-top:20px;background:#fff;border:1px solid #e0e0e0;padding:15px ; border-top:2px solid #0066cc; }
.recent_comments h3 {font-size:14px;font-weight:600;margin-bottom:15px;color:#333;text-align:center}
.comment_item {display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:12px}
.comment_item:last-child {border-bottom:none}
.comment_item a {color:#333;text-decoration:none}
.comment_item a:hover {color:#0066cc}
.comment_item .author {color:#999}
.tab_content {display:none}
.tab_content.active {display:block}
.featured_section {margin:20px 0;}
.section_title {position:relative;display:block;font-size:18px;font-weight:700;margin:0 0 12px;color:#111;padding-bottom:8px;border-bottom:1px solid #dcdcdc;}
.section_title:after {content:"";position:absolute;left:0;bottom:-1px;width:50px;height:3px;background:#0066cc;}