.slider.first {
        padding: 10px 10px 10px 10px; /* Khoảng trống cho bóng đổ */
        background-image: radial-gradient(#000 15%, transparent 16%); /* Chấm bi comic */
        background-size: 20px 20px;
        background-color: rgba(255, 255, 255, 0.5); /* Nền trắng mờ để nổi chấm bi */
        border-radius: 20px;
        border: 4px solid #000;
        box-shadow: 10px 10px 0px #000; /* Bóng khung lớn */
        margin-bottom: 30px;
    }

    .slider__track {
        display: flex;
        gap: 20px;
        padding: 10px 20px;
        overflow-x: auto;
        scrollbar-width: none; /* Ẩn thanh cuộn */
    }
    
    .slider__track::-webkit-scrollbar { display: none; }

    /* === 2. CÁC KHỐI ẢNH (GAME CARDS) === */
    
    /* Reset style của ảnh */
    .thumbnail-img {
        width: 100%;
        object-fit: cover;
        display: block;
        /* COMIC STYLE CORE */
        border: 4px solid #000 !important; /* Viền đen cực dày */
        border-radius: 12px !important;
        box-shadow: 6px 6px 0px #000 !important; /* Bóng cứng không nhòe */
        background: #fff;
        transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    /* Định hình kích thước chuẩn để không bị lệch */
    /* Ảnh to (Cột 1 hình) */
    .slider__track li .slide:only-child .thumbnail-img {
        width: 100%;
    }

    /* Ảnh nhỏ (Cột 2 hình) */
    .small-thumb {
 
    }

    /* === 3. HIỆU ỨNG HOVER "BÙNG NỔ" === */
    .slide {
        
        width: 100%;
    }
    .slide a {
        width: 100%;
        display: block;
        position: relative;
        text-decoration: none;
        /* Ngăn ảnh bị tràn ra ngoài khi scale */
        z-index: 1; 
    }

    /* Khi di chuột vào ảnh */
    .slide a:hover .thumbnail-img {
        transform: translate(-4px, -4px) scale(1.02); /* Nhấc lên và phóng to */
        box-shadow: 10px 10px 0px #000 !important; /* Bóng dài ra */
        border-color: #fff200 !important; /* Viền chuyển màu vàng rực */
        z-index: 10;
        filter: brightness(1.1);
    }

    /* Overlay chữ "PLAY" hiện ra khi hover */
    .slide a::after {
        content: "PLAY";
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%) rotate(-10deg) scale(0);
        
        /* Style chữ Play */
        background: #ff4757;
        color: #fff;
        font-family: 'Arial Black', sans-serif;
        font-weight: 900;
        font-size: 18px;
        padding: 5px 15px;
        border: 3px solid #000;
        box-shadow: 4px 4px 0px #000;
        border-radius: 50px;
        
        opacity: 0;
        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        pointer-events: none;
        z-index: 20;
    }
/* === 1. Thiết lập vùng chứa === */
.slide a {
    display: block;
    position: relative;
    text-decoration: none;
    z-index: 1; 
}

/* === 2. NÚT PLAY (Hiện ở GIỮA) - Dùng ::after === */
.slide a::after {
    content: "PLAY";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) rotate(-10deg) scale(0);
    
    /* Style chữ Play */
    background: #ff4757;
    color: #fff;
    font-family: 'Arial Black', sans-serif;
    font-weight: 900;
    font-size: 18px;
    padding: 8px 20px; /* To hơn chút cho đã mắt */
    border: 3px solid #000;
    box-shadow: 4px 4px 0px #000;
    border-radius: 50px;
    
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    z-index: 30; /* Cao nhất */
}

/* === 3. TÊN GAME (Hiện ở ĐÁY) - Dùng ::before === */
.slide a::before {
    content: attr(data-title); /* Lấy tên từ data-title */
    position: absolute;
    bottom: 10px; left: 50%;
    transform: translate(-50%, 10px); /* Mặc định ẩn xuống dưới một chút */
    
    /* Style Tên Game */
    background: #000;
    color: #fff200; /* Chữ vàng trên nền đen */
    font-family: 'Arial', sans-serif;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 10px;
    border: 2px solid #fff; /* Viền trắng tương phản */
    border-radius: 8px;
    width: 85%; /* Rộng gần bằng ảnh */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Cắt chữ nếu dài quá */
    box-shadow: 0 4px 0px rgba(0,0,0,0.2);

    opacity: 0;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 0.1s; /* Hiện chậm hơn nút Play 1 chút cho nghệ */
    pointer-events: none;
    z-index: 20;
}

/* === 4. TRẠNG THÁI HOVER (Kích hoạt cả 2) === */
.slide a:hover::after {
    transform: translate(-50%, -50%) rotate(-5deg) scale(1);
    opacity: 1;
}

.slide a:hover::before {
    transform: translate(-50%, -5px); /* Trượt lên vị trí đẹp */
    opacity: 1;
}
    /* === 4. NÚT ĐIỀU HƯỚNG (ARROWS) KIỂU ARCADE === */
    .slider__buttons {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
        z-index: 50;
    }
    
    .slider__buttons.start-0 { left: -25px; } /* Thò ra ngoài một chút */
    .slider__buttons.end-0 { right: -25px; }

    .btn-slider-arrow {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fff200; /* Màu vàng Game */
        border: 4px solid #000;
        box-shadow: 0 6px 0px #000; /* Đổ bóng đáy nút */
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.1s;
        opacity: 1 !important;
        cursor: pointer;
    }

    .btn-slider-arrow:hover:not(:disabled) {
        background: #ff4757; /* Hover đổi màu đỏ */
        transform: translateY(-2px);
        box-shadow: 0 8px 0px #000;
    }

    .btn-slider-arrow:active:not(:disabled) {
        transform: translateY(4px); /* Nhấn lún xuống */
        box-shadow: 0 2px 0px #000;
    }

    .btn-slider-arrow:disabled {
        background: #e0e0e0;
        border-color: #999;
        box-shadow: 0 2px 0px #777;
        cursor: not-allowed;
    }

    /* Vẽ mũi tên đậm */
    .next-btn-icon, .previous-btn-icon {
        width: 15px;
        height: 15px;
        border-top: 5px solid #000;
        border-right: 5px solid #000;
        display: block;
    }

    .next-btn-icon { transform: rotate(45deg); margin-right: 5px; }
    .previous-btn-icon { transform: rotate(-135deg); margin-left: 5px; }

    /* === 5. RESPONSIVE === */
    @media (max-width: 768px) {
        .slider.first {
            border-width: 2px;
            box-shadow: 5px 5px 0px #000;
        }
        
        .slider__buttons { display: none; } /* Ẩn nút trên mobile */
        
        .thumbnail-img {
            border-width: 3px !important;
            box-shadow: 4px 4px 0px #000 !important;
        }

    }

    .slider__buttons {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
        z-index: 100; /* Z-index cao để đè lên mọi thứ */
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none; /* Để click xuyên qua vùng trống */
    }

    .slider__buttons.start-0 { left: -20px; }
    .slider__buttons.end-0 { right: -20px; }

    .btn-slider-arrow {
        pointer-events: auto; /* Bật click cho nút */
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #fff200;
        border: 4px solid #000;
        box-shadow: 0 5px 0px #000; /* Bóng đáy */
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.1s;
        padding: 0 !important; /* Reset padding lỗi */
        margin: 0 !important;
    }

    .btn-slider-arrow:hover {
        background-color: #ff4757;
        transform: translateY(-3px) scale(1.1);
        box-shadow: 0 8px 0px #000;
    }

    .btn-slider-arrow:active {
        transform: translateY(4px);
        box-shadow: 0 0px 0px #000;
        background-color: #e84118;
    }

    /* Vẽ mũi tên bằng CSS (Không cần icon) */
    .arrow-icon {
        display: block;
        width: 12px;
        height: 12px;
        border-top: 4px solid #000;
        border-right: 4px solid #000;
    }

    .slider-prev .arrow-icon {
        transform: rotate(-135deg);
      margin-left: 30%;
    }

    .slider-next .arrow-icon {
        transform: rotate(45deg);
       margin-left: 30%;
    }
    
    .btn-slider-arrow:hover .arrow-icon {
        border-color: #fff;
    }

    /* Responsive Mobile */
    @media (max-width: 768px) {
        .slider__buttons { display: none; } /* Ẩn nút trên mobile */
        
        .slider__track li:first-child .thumbnail-img, 
        .slider__track li:nth-child(5) .thumbnail-img,
        .slider__track li:nth-child(8) .thumbnail-img {
            width: 250px !important; height: 250px !important;
        }
        .small-thumb { width: 115px !important; height: 115px !important; }
    }

    .header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
        margin-bottom: 10px;
        position: relative;
    }

    /* Chữ "Sports Games" */
    .header-wrapper h3 {
        font-family: 'Arial Black', sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 28px;
        margin: 0;
        color: #000;
        /* Tạo bóng chữ đơn giản */
        text-shadow: 2px 2px 0px #fff, 4px 4px 0px rgba(0,0,0,0.2); 
    }

    .header-wrapper .text-error {
        color: #ff4757 !important; /* Chữ Games màu đỏ */
        -webkit-text-stroke: 1px #000; /* Viền đen cho chữ đỏ (nếu trình duyệt hỗ trợ) */
    }

    /* Nút "View more" */
    .header-wrapper-link {
        background: #000;
        color: #fff !important;
        font-family: 'Arial', sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 14px;
        padding: 8px 20px;
        border-radius: 30px;
        text-decoration: none;
        border: 2px solid #000;
        box-shadow: 4px 4px 0px rgba(0,0,0,0.3);
        transition: all 0.2s;
    }

    .header-wrapper-link:hover {
        background: #fff200;
        color: #000 !important;
        transform: translate(-2px, -2px);
    }

    /* === 2. SLIDER CONTAINER (NỀN & KHUNG) === */
    .slider.single-line {
        position: relative; /* QUAN TRỌNG ĐỂ NÚT BẤM KHÔNG BỊ BAY */
        padding: 10px;
        
        /* Nền chấm bi Comic */
        background-color: #f8f9fa;
        background-image: radial-gradient(#000 15%, transparent 16%);
        background-size: 12px 12px;
        opacity: 1;
        
        /* Viền khung */
        border-radius: 20px;
        box-shadow: 8px 8px 0px #000; /* Bóng cứng */
    }

    .slider__track {
        display: flex;
        gap: 15px;
        padding: 10px 20px; /* Padding để bóng đổ của card không bị cắt */
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }
    
    .slider__track::-webkit-scrollbar { display: none; }
    
    .slider__track li {
        flex: 0 0 auto; /* Không cho phép co lại */
    }

    /* === 3. GAME CARDS (THUMBNAIL) === */
    .thumbnail-img {
        width: 160px;
        height: 160px;
        object-fit: cover;
        display: block;
        
        /* Style Comic Card */
        border: 3px solid #000;
        border-radius: 14px;
        background: #fff;
        box-shadow: 5px 5px 0px #000; /* Bóng cứng */
        transition: all 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    }

    /* === 4. HOVER EFFECTS (PLAY BADGE & NAMEPLATE) === */
    .slide a {
        display: block;
        position: relative;
        text-decoration: none;
    }

    /* Khi hover vào ảnh */
    .slide a:hover .thumbnail-img {
        transform: translateY(-5px) scale(1.05);
        border-color: #fff200; /* Viền vàng */
        box-shadow: 8px 8px 0px #000;
        z-index: 10;
        position: relative;
    }

    /* Nút PLAY (giữa) */
    .slide a::after {
        content: "PLAY";
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%) rotate(-10deg) scale(0);
        
        background: #ff4757;
        color: #fff;
        font-family: 'Arial Black', sans-serif;
        font-weight: 900;
        font-size: 14px;
        padding: 5px 15px;
        border: 3px solid #000;
        box-shadow: 3px 3px 0px #000;
        border-radius: 50px;
        
        opacity: 0;
        transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        pointer-events: none;
        z-index: 20;
    }

    /* Tên Game (đáy) */
    .slide a::before {
        content: attr(data-title);
        position: absolute;
        bottom: 5px; left: 50%;
        transform: translate(-50%, 10px);
        
        background: #000;
        color: #fff200;
        font-family: sans-serif;
        font-weight: 800;
        font-size: 10px;
        text-transform: uppercase;
        padding: 3px 8px;
        border: 2px solid #fff;
        border-radius: 6px;
        width: 90%;
        text-align: center;
        white-space: nowrap;
        overflow: hidden; 
        text-overflow: ellipsis;
        
        opacity: 0;
        transition: 0.2s;
        pointer-events: none;
        z-index: 19;
    }

    /* Kích hoạt hiệu ứng khi hover */
    .slide a:hover::after {
        transform: translate(-50%, -50%) rotate(-5deg) scale(1);
        opacity: 1;
    }
    
    .slide a:hover::before {
        transform: translate(-50%, -5px);
        opacity: 1;
    }

    /* === 5. NÚT ĐIỀU HƯỚNG (ARCADE STYLE) === */
    .slider__buttons {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        z-index: 50;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none; /* Click xuyên qua vùng bao quanh */
    }

    /* Đẩy nút ra mép ngoài */
    .slider__buttons.start-0 { left: -25px; }
    .slider__buttons.end-0 { right: -25px; }

    .btn-slider-arrow {
        pointer-events: auto;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #fff200; /* Vàng */
        border: 3px solid #000;
        box-shadow: 0 4px 0px #000; /* Bóng đáy */
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.1s;
        
        /* Ghi đè các class bootstrap cũ */
        padding: 0 !important; 
        margin: 0 !important;
        opacity: 1 !important;
    }

    .btn-slider-arrow:hover:not(:disabled) {
        background-color: #ff4757; /* Hover đỏ */
        transform: translateY(-2px) scale(1.1);
        box-shadow: 0 6px 0px #000;
    }

    .btn-slider-arrow:active:not(:disabled) {
        transform: translateY(4px);
        box-shadow: 0 0px 0px #000; /* Lún xuống */
        background-color: #e84118;
    }
    
    .btn-slider-arrow:disabled {
        background: #ddd;
        border-color: #888;
        box-shadow: none;
        cursor: not-allowed;
    }

    /* Vẽ mũi tên CSS */
    .next-btn-icon, .previous-btn-icon {
        display: block;
        width: 10px;
        height: 10px;
        border-top: 3px solid #000;
        border-right: 3px solid #000;
        margin: 0 !important; 
        padding: 0 !important;
    }

    .previous-btn-icon { transform: rotate(-135deg); margin-left: 4px !important; }
    .next-btn-icon { transform: rotate(45deg); margin-right: 4px !important; }
    
    .btn-slider-arrow:hover .next-btn-icon, 
    .btn-slider-arrow:hover .previous-btn-icon {
        border-color: #fff;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .slider__buttons { display: none; } /* Ẩn nút trên mobile */
        .thumbnail-img { width: 130px; height: 130px; }
        .header-wrapper h3 { font-size: 20px; }
        .slider.single-line {  border-width: 3px; box-shadow: 5px 5px 0px #000; }
    }

    /* === 2. TIÊU ĐỀ SECTION === */
    h2.text-center.fw-bold {
        font-family: 'Arial Black', sans-serif;
        font-weight: 900 !important;
        text-transform: uppercase;
        font-size: 28px;
        color: #000;
        background: #fff;
        display: inline-block;
        padding: 5px 20px;
        border: 3px solid #000;
        box-shadow: 5px 5px 0px #ff4757; /* Bóng đỏ */
        transform: rotate(-2deg); /* Nghiêng nhẹ tạo nét vui nhộn */
        margin-bottom: 30px !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%) rotate(-2deg); /* Căn giữa và nghiêng */
    }

    /* === 3. CÁC NÚT THỂ LOẠI (ITEMS) === */
    
    /* Grid Column - Đảm bảo khoảng cách */
    .rightside-img-col {
        padding: 8px; /* Khoảng cách giữa các ô */
    }

    /* Thẻ Link - Biến thành Nút bấm vuông */
    .item-link {
        background-color: #fff !important; /* Override màu cũ */
        border: 3px solid #000 !important;
        border-radius: 16px !important;
        box-shadow: 5px 5px 0px #000; /* Bóng cứng */
        display: flex;
        flex-direction: column; /* Xếp dọc: Icon trên, Chữ dưới */
        align-items: center;
        justify-content: center;
        padding: 15px 5px !important;
        height: 100%; /* Để các ô bằng nhau */
        text-decoration: none;
        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        overflow: hidden;
    }

    /* === 4. NỘI DUNG BÊN TRONG NÚT === */
    .item-vertical {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
    }

    /* Icon Thể loại */
    .item-vertical img {
        width: 45px;
        height: 45px;
        object-fit: contain;
        filter: drop-shadow(2px 2px 0px rgba(0,0,0,0.2)); /* Bóng nhẹ cho icon */
        transition: transform 0.2s;
    }

    /* Tên Thể loại */
    .item-text {
        color: #000;
        font-family: 'Arial', sans-serif;
        font-weight: 800;
        font-size: 13px;
        text-transform: uppercase;
        text-align: center;
    }

    /* === 5. HIỆU ỨNG HOVER & ACTIVE === */
    
    /* Khi di chuột vào */
    .item-link:hover {
        background-color: #fff200 !important; /* Chuyển màu vàng rực */
        transform: translateY(-5px) scale(1.05); /* Nảy lên */
        box-shadow: 8px 8px 0px #000; /* Bóng dài ra */
        border-color: #000 !important;
        z-index: 10;
    }

    /* Icon xoay nhẹ khi hover */
    .item-link:hover .item-vertical img {
        transform: rotate(10deg) scale(1.1);
    }

    /* Khi nhấn vào (Click) */
    .item-link:active {
        transform: translateY(2px);
        box-shadow: 0px 0px 0px #000; /* Lún xuống mất bóng */
        background-color: #ff4757 !important; /* Chuyển đỏ khi click */
    }
    
    .item-link:active .item-text {
        color: #fff; /* Chữ trắng khi nền đỏ */
    }

    /* === 6. RESPONSIVE (MOBILE) === */
    @media (max-width: 576px) {
        .bg-body-secondary.rounded-4 {
            padding: 20px 10px !important;
        }
        
        /* Trên mobile nhỏ, chỉnh font chữ bé lại chút */
        .item-text {
            font-size: 11px;
        }
        
        .item-vertical img {
            width: 35px;
            height: 35px;
        }
        
        h2.text-center.fw-bold {
            font-size: 20px;
        }
    }

       /* === 1. CONTAINER CHÍNH (HỘP THÔNG TIN) === */
    /* Override class bootstrap để tạo khung Comic */
    .bg-body-secondary.rounded-4 {
        background-color: #fff !important; /* Nền trắng */
        /* Họa tiết chấm bi mờ */
        
        /* Viền và Bóng đổ cứng */
        border: 4px solid #000;
        border-radius: 24px !important;
        box-shadow: 10px 10px 0px #000;
        
        margin-bottom: 20px;
        position: relative;
    }
.bg-dot{
    padding-top: 20px;

        background-image: radial-gradient(#000 10%, transparent 11%);
        background-size: 16px 16px;
}
    /* === 2. PHẦN NỘI DUNG VÀ HIỆU ỨNG MỜ === */
    .content-collapsed {
        max-height: 260px;
        overflow: hidden;
        position: relative;
        transition: max-height 0.4s ease-out;
    }

    /* Sửa lại hiệu ứng mờ: Chuyển từ trong suốt sang TRẮNG (thay vì đen xám) */
    .content-collapsed::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100px; /* Cao hơn chút cho mượt */
        /* Fade từ trong suốt sang trắng để che chữ */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%);
        pointer-events: none;
    }

    /* Khi mở rộng */
    .content-expanded {
        max-height: 5000px; /* Đủ lớn để hiện hết nội dung */
        transition: max-height 0.6s ease-in;
    }

    .content-expanded::after {
        display: none;
    }

    /* Tùy chỉnh font chữ bên trong cho dễ đọc trên nền chấm bi */
    #content-wrapper {
        font-family: 'Readex Pro', sans-serif; /* Hoặc font mặc định của bạn */
        color: #000;
        line-height: 1.6;
        font-size: 16px;
        font-weight: 500;
    }

    /* === 3. NÚT VIEW MORE (PHONG CÁCH ARCADE) === */
    #toggleBtn {
        background-color: #2ed573; /* Màu xanh lá Success */
        color: #000;
        font-family: 'Arial Black', sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 16px;
        
        padding: 10px 30px;
        border: 3px solid #000;
        border-radius: 50px !important; /* Pill shape */
        box-shadow: 4px 4px 0px #000; /* Bóng đổ cứng */
        
        transition: all 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        cursor: pointer;
        display: inline-block;
        outline: none;
    }

    /* Hover: Đổi màu vàng, nảy lên */
    #toggleBtn:hover {
        background-color: #fff200;
        transform: translateY(-3px);
        box-shadow: 6px 6px 0px #000;
        border-color: #000;
        color: #000;
    }

    /* Click: Lún xuống */
    #toggleBtn:active {
        transform: translateY(3px);
        box-shadow: 0px 0px 0px #000;
        background-color: #26af61;
    }
    
    /* Xóa style cũ của bootstrap nếu có */
    .btn-outline-success {
        border-color: #000; 
    }
    /* Tùy biến Typography bên trong hộp nội dung Comic */

/* 1. Tiêu đề: Hiệu ứng bút nhớ dòng (Highlighter) */
#content-wrapper h1, 
#content-wrapper h2, 
#content-wrapper h3 {
    font-family: 'Arial Black', sans-serif;
    color: #000;
    position: relative;
    display: inline-block;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Tạo vệt màu vàng quét ngang dưới chân chữ */
#content-wrapper h1::after, 
#content-wrapper h2::after, 
#content-wrapper h3::after {
    content: "";
    position: absolute;
    left: -5px; bottom: 2px;
    width: 100%;
    height: 12px; /* Độ dày của vệt màu */
    background: #fff200; /* Màu vàng thương hiệu */
    z-index: -1;
    transform: rotate(-1deg); /* Nghiêng nhẹ cho tự nhiên */
    opacity: 0.8;
}

/* 2. Từ khóa quan trọng (In đậm): Đổi sang màu Đỏ */
#content-wrapper strong, 
#content-wrapper b {
    color: #ff4757;
    font-weight: 900;
}

/* 3. Liên kết (Links): Màu xanh và gạch chân lượn sóng */
#content-wrapper a {
    color: #0062ff;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-style: wavy; /* Gạch chân lượn sóng */
    text-decoration-thickness: 2px;
}
	.item-vertical {
					min-height: 80px;
					width: 100%;
					display: flex;
					flex-direction: column;
					/* xếp từ trên xuống */
					align-items: flex-start;
				}

				/* reset link */
				.item-link {
					text-decoration: none !important;
					color: inherit;
				}

				/* text mặc định không gạch */
				.item-link .item-text {
					text-decoration: none !important;
					border-bottom: none !important;
				}

				/* CHỈ khi hover card thì text mới gạch */
				.item-link:hover .item-text {
					text-decoration: underline !important;
				}

				.item-link .item-text::after {
					content: none !important;
					/* nếu theme dùng pseudo */
				}

				/* layout dọc */
				.item-vertical {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					gap: 6px;
				}