    /* === CSS CHO TRANG LISTENING PART 1 === */

    .listening-question .question-title {
        font-weight: 500;
        margin-bottom: 20px;
    }

    .options-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .radio-label {
        display: block;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }

    .radio-label:hover {
        background-color: #f8f9fa;
        border-color: #007bff;
    }

    .radio-label input[type="radio"] {
        margin-right: 10px;
    }

    /* Style cho trạng thái Đúng/Sai */
    .quiz-card.correct {
        border-left: 5px solid #28a745;
        background-color: #e6ffed;
    }

    .quiz-card.incorrect {
        border-left: 5px solid #dc3545;
        background-color: #ffe6e6;
    }

    .feedback-answer {
        margin-top: 15px;
        font-weight: 500;
    }

    .quiz-card.correct .feedback-answer {
        color: #28a745;
    }

    .quiz-card.incorrect .feedback-answer {
        color: #dc3545;
    }

    /* === STYLE MỚI CHO PHÂN TRANG (DÙNG CSS GRID) === */
    .pagination-controls {
        display: grid;
        /* Desktop: 10 cột bằng nhau */
        grid-template-columns: repeat(20, 1fr);
        gap: 8px;
        margin: 30px 0;
    }

    .pagination-controls button {
        /* Làm cho nút có kích thước đồng đều và vuông vắn */
        width: 100%;
        aspect-ratio: 1 / 1;
        /* Giữ tỷ lệ 1:1 (vuông) */
        padding: 0;
        /* Bỏ padding để nút lấp đầy ô grid */

        /* Căn giữa số bên trong nút */
        display: flex;
        align-items: center;
        justify-content: center;

        /* Style cơ bản */
        background-color: #fff;
        border: 1px solid #ccc;
        color: #333;
        border-radius: 5px;
        cursor: pointer;
        font-size: 1em;
        font-weight: 500;
    }

    .pagination-controls button.active {
        background-color: #007bff;
        color: #fff;
        border-color: #007bff;
    }

    /* Responsive: Áp dụng cho màn hình nhỏ hơn 768px (máy tính bảng và điện thoại) */
    @media (max-width: 768px) {
        .pagination-controls {
            /* Mobile: 5 cột bằng nhau */
            grid-template-columns: repeat(7, 1fr);
        }
    }

    .audio-player {
        width: 100%;
        margin-bottom: 20px;

        /* === ĐÂY LÀ DÒNG ĐỂ ẨN AUDIO === */
        display: none;
    }

    /* === CSS MỚI CHO HỘP GIẢI THÍCH === */

    .resource-links {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin: 25px 0;
    }

    .resource-links .action-btn {
        text-decoration: none;
    }

    .explanation-box h4 {
        margin-top: 20px;
        text-align: center;
    }

    .explanation-box .custom-ol {
        max-width: 650px;
        /* Giới hạn chiều rộng để dễ đọc */
        margin: 15px auto 0;
        /* Căn giữa block */
        padding-left: 20px;
        text-align: left;
        /* Căn trái nội dung text */
    }

    .explanation-box .custom-ol li {
        margin-bottom: 10px;
        line-height: 1.6;
    }

    /* === CSS CHO TRANG READING PART 1 QUIZ === */

    .part1-topic-title {
        text-align: center;
        margin-bottom: 25px;
        font-size: 1.5em;
        color: var(--primary-blue);
    }

    .part1-question-item {
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        margin-bottom: 15px;
        transition: all 0.2s ease-in-out;
    }

    .part1-question-item.correct {
        border-left: 5px solid #28a745;
        background-color: #e6ffed;
    }

    .part1-question-item.incorrect {
        border-left: 5px solid #dc3545;
        background-color: #ffe6e6;
    }

    .part1-question-item .question-text {
        font-weight: 500;
        font-size: 1.1em;
        margin-bottom: 15px;
    }

    .part1-question-item .options-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .part1-question-item .feedback-answer {
        margin-top: 15px;
        font-weight: 500;
    }

    .part1-question-item.correct .feedback-answer {
        color: #28a745;
    }

    .part1-question-item.incorrect .feedback-answer {
        color: #dc3545;
    }