.mekoong-single-wrapper { font-family: 'Roboto', Arial, sans-serif; color: #333; max-width: 1280px; margin: 0 auto; line-height: 1.6; padding: 24px 24px 60px; }
    .mekoong-single-wrapper a { text-decoration: none; color: inherit; }
    
    /* Breadcrumb */
    .single-breadcrumb { font-size: 13px; color: #777; margin-bottom: 20px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
    .single-breadcrumb a:hover { color: #cc0000; }
    .single-breadcrumb span { color: #ccc; }
    /* --- FIX LỖI TRÀN VIỀN MOBILE MẠNH TAY HƠN --- */
    html, body {
        overflow-x: hidden !important; /* Ép buộc toàn trang không được cuộn ngang */
        max-width: 100%;
        margin: 0; 
        padding: 0;
    }
    .mekoong-single-wrapper, .mekoong-single-wrapper * {
        box-sizing: border-box !important;
    }
    
    
    /* Ép tất cả các phần tử trong bài viết không được vượt quá 100% màn hình */
    .single-content-body * {
        max-width: 100% !important;
    }

    /* Xử lý các video Youtube, Google Map, Iframe nhúng bị tràn */
    .single-content-body iframe, 
    .single-content-body video, 
    .single-content-body embed, 
    .single-content-body object {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Ép text, link dài phải tự động xuống dòng */
    .mekoong-single-wrapper p, 
    .mekoong-single-wrapper span, 
    .mekoong-single-wrapper div,
    .mekoong-single-wrapper a,
    .mekoong-single-wrapper h1,
    .mekoong-single-wrapper h2,
    .mekoong-single-wrapper h3 {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }

    /* Đề phòng Table (bảng) gây tràn viền */
    .single-content-body table {
        display: block;
        width: 100%;
        overflow-x: auto; /* Cho phép vuốt ngang RIÊNG cái bảng nếu bảng nhiều cột */
        -webkit-overflow-scrolling: touch;
    }

    /* Bảng mã code (nếu có) */
    .single-content-body pre, 
    .single-content-body code {
        white-space: pre-wrap !important;
        overflow-x: auto;
    }
    /* -------------------------------- */
    /* Header Bài viết */
    .single-header h1 { font-size: 32px; font-weight: bold; line-height: 1.3; margin-bottom: 15px; color: #222; }
    .single-meta { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #666; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 15px; flex-wrap: wrap; gap: 15px;}
    .meta-left { display: flex; gap: 20px; flex-wrap: wrap;}
    .meta-btn-save { border: 1px solid #ddd; padding: 5px 15px; border-radius: 6px; cursor: pointer; transition: 0.2s; white-space: nowrap; display: inline-block;}
    .meta-btn-save:hover { border-color: #cc0000; color: #cc0000; }

    /* Layout 2 Cột */
    .single-main-layout { display: grid; grid-template-columns: 7.5fr 2.5fr; gap: 40px; align-items: start; }
    
    /* --- CỘT TRÁI --- */
    .quick-summary-box { background: #fff5f5; border-radius: 12px; padding: 25px; margin-bottom: 30px; border: 1px solid #ffebeb; }
    .quick-summary-box h3 { color: #cc0000; font-size: 18px; margin: 0 0 10px 0; display: flex; align-items: center; gap: 8px; }
    .summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 20px; }
    .summary-item { text-align: center; }
    .summary-item i { display: block; font-size: 24px; color: #cc0000; margin-bottom: 5px; font-style: normal; }
    .summary-item strong { display: block; font-size: 14px; margin-bottom: 3px; }
    .summary-item p { font-size: 12px; color: #666; margin: 0; line-height: 1.4; }

    .single-featured-media { border-radius: 12px; overflow: hidden; margin-bottom: 15px; }
    .single-featured-media img { width: 100%; height: auto; display: block; }
    .audio-player-mockup { display: flex; justify-content: space-between; align-items: center; background: #f9f9f9; padding: 12px 20px; border-radius: 8px; font-size: 13px; margin-bottom: 30px; flex-wrap: wrap; gap: 10px; }
    
    .quick-info-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-bottom: 40px; text-align: center; }
    .info-grid-item { background: #f9f9f9; padding: 15px 5px; border-radius: 8px; border: 1px solid #eee; }
    .info-grid-item i { display: block; font-size: 24px; color: #444; margin-bottom: 8px; font-style: normal; text-align: center; }
    .info-grid-item span { display: block; font-size: 11px; font-weight: bold; color: #333; }
    .info-grid-item p { font-size: 11px; color: #777; margin: 3px 0 0 0; }

    /* Nội dung The Content */
    .single-content-body h2 { font-size: 22px; font-weight: bold; margin: 30px 0 15px; color: #222; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; scroll-margin-top: 20px; }
    .single-content-body h3 { font-size: 18px; font-weight: bold; margin: 25px 0 10px; color: #333; scroll-margin-top: 20px; }
    .single-content-body p { margin-bottom: 15px; }
    .single-content-body ul { margin-bottom: 20px; padding-left: 20px; }
    .single-content-body li { margin-bottom: 8px; }
    /* Responsive cho ảnh trong content wp */
    .single-content-body img { max-width: 100%; height: auto; border-radius: 8px; }

    /* Box CSS tiện ích cho Ưu/Nhược điểm */
    .grid-uu-nhuoc { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
    .box-uu-diem, .box-nhuoc-diem { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02); }
    .box-uu-diem h4 { color: #16a34a; margin: 0 0 15px 0; display: flex; align-items: center; gap: 8px; }
    .box-nhuoc-diem h4 { color: #dc2626; margin: 0 0 15px 0; display: flex; align-items: center; gap: 8px; }
    .box-uu-diem ul, .box-nhuoc-diem ul { list-style: none; padding: 0; margin: 0; }
    .box-uu-diem li, .box-nhuoc-diem li { position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 14px; }
    .box-uu-diem li::before { content: '✓'; position: absolute; left: 0; color: #16a34a; font-weight: bold; }
    .box-nhuoc-diem li::before { content: '✕'; position: absolute; left: 0; color: #dc2626; font-weight: bold; }

    /* --- CỘT PHẢI --- */
    .single-sidebar { position: sticky; top: 20px; }
    .sidebar-widget { background: #fafafa; border-radius: 12px; padding: 20px; margin-bottom: 30px; border: 1px solid #f0f0f0; }
    .widget-title { font-size: 16px; font-weight: bold; margin: 0 0 15px 0; padding-left: 12px; border-left: 4px solid #cc0000; display: flex; justify-content: space-between; align-items: center; }
    .widget-title a { font-size: 12px; color: #cc0000; font-weight: normal; }

    .toc-list { list-style: none; padding: 0; margin: 0; }
    .toc-list li { margin-bottom: 10px; }
    .toc-list a { font-size: 13px; color: #555; transition: 0.2s; display: block; line-height: 1.4; }
    .toc-list a:hover { color: #cc0000; padding-left: 5px; }
    .toc-list .toc-h3 { padding-left: 15px; font-size: 12px; color: #777; }

    .widget-banner-cta { background: #fff5f5; border: 1px solid #ffcccc; text-align: center; }
    .widget-banner-cta img { width: 80px; border-radius: 50%; margin-bottom: 10px; }
    .widget-banner-cta h4 { color: #cc0000; margin: 0 0 5px 0; }
    .widget-banner-cta p { font-size: 12px; color: #666; margin-bottom: 15px; }
    .btn-cta-red { background: #cc0000; color: #fff; padding: 10px 20px; border-radius: 6px; display: inline-block; font-weight: bold; }
    .btn-cta-red:hover { background: #a00000; color: #fff; }

    .thumb-list-item { display: flex; gap: 10px; margin-bottom: 15px; align-items: center; }
    .thumb-list-item:last-child { margin-bottom: 0; }
    .thumb-box { width: 80px; height: 50px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: #eee; position: relative; }
    .thumb-box img { width: 100%; height: 100%; object-fit: cover; }
    .thumb-info h4 { font-size: 12px; margin: 0 0 3px 0; font-weight: bold; line-height: 1.3; }
    .thumb-info h4 a:hover { color: #cc0000; }
    .thumb-info span { font-size: 11px; color: #999; display: block;}
    .thumb-info .price { color: #cc0000; font-weight: bold; display: block; margin-top: 2px;}

    /* ========================================= */
    /* ===== MEDIA QUERIES (RESPONSIVE) ======== */
    /* ========================================= */

    /* Màn hình Tablet dọc trở xuống */
    @media (max-width: 991px) {
        .mekoong-single-wrapper { margin: 0px auto; }
        .single-main-layout { grid-template-columns: 1fr; gap: 25px; }
        .single-sidebar { position: static; /* Gỡ bỏ dính (sticky) ở màn hình nhỏ */ }
    }

    /* Màn hình Mobile */
    @media (max-width: 768px) {
        .single-header h1 { font-size: 24px; } /* Thu nhỏ tiêu đề H1 */
        
        .single-meta { flex-direction: column; align-items: flex-start; }
        .meta-right { width: 100%; margin-top: 10px; }
        .meta-btn-save { display: block; text-align: center; width: 100%; box-sizing: border-box;}

        .quick-summary-box { padding: 15px; }
        .summary-grid { grid-template-columns: 1fr 1fr; gap: 15px; } /* 2 cột tóm tắt */
        
        .quick-info-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 30px; } /* 3 cột thông tin nhanh */
        
        .grid-uu-nhuoc { grid-template-columns: 1fr; gap: 15px;} /* Ưu nhược điểm xếp chồng */
        
        .audio-player-mockup { flex-direction: column; text-align: center; } /* Trình phát audio xếp chồng */
    }

    /* Màn hình Mobile nhỏ (iPhone SE, các máy cũ) */
    @media (max-width: 480px) {
        .single-breadcrumb { font-size: 12px; }
        .single-header h1 { font-size: 20px; }
        .meta-left { flex-direction: column; gap: 8px; }
        
        .summary-grid { grid-template-columns: repeat(2, 1fr); } /* 1 cột tóm tắt */
        .quick-info-grid { grid-template-columns: repeat(2, 1fr); } /* 2 cột thông tin nhanh */
        
        .single-content-body h2 { font-size: 20px; }
        .single-content-body h3 { font-size: 17px; }
        
        .widget-title { font-size: 15px; }
    }