{"id":11396,"date":"2026-01-31T08:52:14","date_gmt":"2026-01-31T08:52:14","guid":{"rendered":"https:\/\/promotionexams.com\/?page_id=11396"},"modified":"2026-02-03T11:41:01","modified_gmt":"2026-02-03T11:41:01","slug":"english-comprehension-test-series","status":"publish","type":"page","link":"https:\/\/promotionexams.com\/?page_id=11396","title":{"rendered":"English Comprehension test series"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11396\" class=\"elementor elementor-11396\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2931447 e-con-full e-flex e-con e-parent\" data-id=\"2931447\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb2618f elementor-widget elementor-widget-html\" data-id=\"cb2618f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CSSADDA Comprehension Quiz - Exam-wise with Year & Passage Format -->\r\n<style>\r\n    .quiz-wrapper { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 14px; background: #f5f5f5; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }\r\n    .quiz-wrapper * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    \/* Header Bar *\/\r\n    .quiz-header-bar { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: linear-gradient(to right, #1e3a8a, #2563eb); color: #fff; border-radius: 8px 8px 0 0; }\r\n    .quiz-header-title { font-size: 14px; font-weight: 600; }\r\n    .quiz-header-badge { background: rgba(255,255,255,0.2); padding: 6px 14px; border-radius: 15px; font-size: 12px; font-weight: 500; }\r\n\r\n    \/* Sections Navigation Bar *\/\r\n    .quiz-sections-bar { display: flex; align-items: center; padding: 10px 15px; background: #4b5563; gap: 10px; flex-wrap: wrap; }\r\n    .quiz-sections-label { color: #fff; font-size: 13px; font-weight: 500; margin-right: 8px; }\r\n    .quiz-section-tab { padding: 8px 18px; background: #6b7280; color: #fff; border: none; border-radius: 4px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.2s; margin-right: 6px; }\r\n    .quiz-section-tab:hover { background: #9ca3af; }\r\n    .quiz-section-tab.active { background: #2563eb; }\r\n\r\n    \/* Main Layout *\/\r\n    .quiz-main { display: flex; min-height: 75vh; background: #fff; border: 1px solid #e5e7eb; border-top: none; border-radius: 0 0 8px 8px; }\r\n\r\n    \/* Passage Panel *\/\r\n    .quiz-passage { width: 45%; background: #fff; border-right: 1px solid #e5e7eb; display: flex; flex-direction: column; }\r\n    .quiz-passage-header { padding: 12px 15px; background: #f1f5f9; border-bottom: 1px solid #e5e7eb; font-weight: 600; color: #1e3a8a; font-size: 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\r\n    .quiz-passage-header .exam-badge { background: #2563eb; color: #fff; padding: 3px 10px; border-radius: 12px; font-size: 11px; }\r\n    .quiz-passage-header .year-badge { background: #059669; color: #fff; padding: 3px 10px; border-radius: 12px; font-size: 11px; }\r\n    .quiz-passage-content { flex: 1; padding: 15px; overflow-y: auto; font-size: 14px; line-height: 1.8; color: #374151; text-align: justify; }\r\n    .quiz-passage-content p { margin-bottom: 12px; }\r\n    .quiz-passage-content .highlight { font-weight: 700; color: #1e3a8a; }\r\n    \r\n    \/* Passage Answer Highlight *\/\r\n    .quiz-passage-content .answer-highlight {\r\n        background: linear-gradient(to bottom, #fef08a 0%, #fde047 100%);\r\n        padding: 2px 4px;\r\n        border-radius: 3px;\r\n        box-shadow: 0 2px 4px rgba(250, 204, 21, 0.4);\r\n        animation: highlightPulse 0.5s ease;\r\n    }\r\n    @keyframes highlightPulse {\r\n        0% { background: #fff; }\r\n        50% { background: #fde047; }\r\n        100% { background: linear-gradient(to bottom, #fef08a 0%, #fde047 100%); }\r\n    }\r\n\r\n    \/* Question Panel *\/\r\n    .quiz-question-panel { flex: 1; display: flex; flex-direction: column; min-width: 0; }\r\n    \r\n    .quiz-q-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #fff; border-bottom: 1px solid #e5e7eb; }\r\n    .quiz-q-info { display: flex; align-items: center; gap: 12px; }\r\n    .quiz-q-num { font-size: 16px; font-weight: 700; color: #2563eb; }\r\n    .quiz-q-marks { display: flex; gap: 8px; font-size: 14px; font-weight: 600; }\r\n    .quiz-q-marks .pos { color: #22c55e; }\r\n    .quiz-q-marks .neg { color: #ef4444; }\r\n\r\n    .quiz-q-body { flex: 1; padding: 20px; overflow-y: auto; }\r\n    .quiz-q-text { font-size: 15px; color: #1f2937; margin-bottom: 25px; line-height: 1.6; }\r\n\r\n    .quiz-options { display: flex; flex-direction: column; gap: 12px; }\r\n    .quiz-option { display: flex; align-items: center; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 6px; cursor: pointer; transition: all 0.15s; background: #fff; }\r\n    .quiz-option:hover { background: #f9fafb; border-color: #d1d5db; }\r\n    .quiz-option.selected { background: #eff6ff; border-color: #2563eb; }\r\n    .quiz-option.correct { background: #dcfce7; border-color: #22c55e; }\r\n    .quiz-option.wrong { background: #fee2e2; border-color: #ef4444; }\r\n    .quiz-option.correct-highlight { background: #dcfce7; border-color: #22c55e; border-width: 2px; }\r\n    .quiz-option.disabled { cursor: default; pointer-events: none; }\r\n    .quiz-option-radio { width: 18px; height: 18px; border: 2px solid #d1d5db; border-radius: 50%; margin-right: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n    .quiz-option.selected .quiz-option-radio { border-color: #2563eb; }\r\n    .quiz-option.selected .quiz-option-radio::after { content: ''; width: 8px; height: 8px; background: #2563eb; border-radius: 50%; }\r\n    .quiz-option.correct .quiz-option-radio { border-color: #22c55e; }\r\n    .quiz-option.correct .quiz-option-radio::after { content: '\u2713'; font-size: 10px; color: #22c55e; font-weight: bold; }\r\n    .quiz-option.wrong .quiz-option-radio { border-color: #ef4444; }\r\n    .quiz-option.wrong .quiz-option-radio::after { content: '\u2717'; font-size: 10px; color: #ef4444; font-weight: bold; }\r\n    .quiz-option.correct-highlight .quiz-option-radio { border-color: #22c55e; background: #22c55e; }\r\n    .quiz-option.correct-highlight .quiz-option-radio::after { content: '\u2713'; font-size: 10px; color: #fff; font-weight: bold; }\r\n    .quiz-option-text { font-size: 14px; color: #374151; }\r\n\r\n    \/* Explanation Box *\/\r\n    .quiz-explanation { display: none; margin-top: 20px; padding: 16px 18px; border-radius: 8px; animation: fadeIn 0.3s ease; }\r\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }\r\n    .quiz-explanation.show { display: block; }\r\n    .quiz-explanation.correct { background: #f0fdf4; border-left: 4px solid #22c55e; }\r\n    .quiz-explanation.wrong { background: #fef2f2; border-left: 4px solid #ef4444; }\r\n    .quiz-explanation-header { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; margin-bottom: 10px; }\r\n    .quiz-explanation.correct .quiz-explanation-header { color: #166534; }\r\n    .quiz-explanation.wrong .quiz-explanation-header { color: #991b1b; }\r\n    .quiz-explanation-text { font-size: 13px; color: #374151; line-height: 1.7; }\r\n    .quiz-explanation-text strong { color: #1f2937; }\r\n    .quiz-explanation-ref { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #d1d5db; font-size: 12px; color: #6b7280; font-style: italic; }\r\n\r\n    \/* Footer *\/\r\n    .quiz-footer { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; background: #fff; border-top: 2px solid #e5e7eb; }\r\n    .quiz-footer-left { display: flex; gap: 10px; }\r\n    .quiz-btn { padding: 9px 18px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.15s; }\r\n    .quiz-btn-check { background: #2563eb; color: #fff; border: 1.5px solid #2563eb; }\r\n    .quiz-btn-check:hover { background: #1d4ed8; }\r\n    .quiz-btn-check:disabled { background: #93c5fd; border-color: #93c5fd; cursor: not-allowed; }\r\n    .quiz-btn-clear { background: #fff; color: #6b7280; border: 1.5px solid #d1d5db; }\r\n    .quiz-btn-clear:hover { background: #f3f4f6; }\r\n    .quiz-btn-clear:disabled { opacity: 0.5; cursor: not-allowed; }\r\n    .quiz-btn-nav { background: #fff; color: #2563eb; border: 1.5px solid #2563eb; }\r\n    .quiz-btn-nav:hover { background: #eff6ff; }\r\n\r\n    \/* Right Sidebar *\/\r\n    .quiz-sidebar { width: 280px; background: #fafafa; display: flex; flex-direction: column; border-left: 1px solid #e5e7eb; flex-shrink: 0; overflow: hidden; }\r\n\r\n    \/* Score Summary in Sidebar *\/\r\n    .quiz-score-summary { padding: 15px; background: linear-gradient(135deg, #1e3a8a, #2563eb); color: #fff; }\r\n    .quiz-score-title { font-size: 13px; font-weight: 600; margin-bottom: 12px; text-align: center; }\r\n    .quiz-score-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n    .quiz-score-item { background: rgba(255,255,255,0.15); padding: 10px; border-radius: 6px; text-align: center; }\r\n    .quiz-score-label { font-size: 10px; opacity: 0.9; margin-bottom: 4px; }\r\n    .quiz-score-value { font-size: 18px; font-weight: 700; }\r\n    .quiz-score-value.correct { color: #4ade80; }\r\n    .quiz-score-value.wrong { color: #f87171; }\r\n    .quiz-score-value.pending { color: #fbbf24; }\r\n\r\n    \/* Status Legend *\/\r\n    .quiz-legend { padding: 12px 15px; background: #fff; border-bottom: 1px solid #e5e7eb; }\r\n    .quiz-legend-grid { display: flex; flex-wrap: wrap; gap: 8px 12px; }\r\n    .quiz-legend-item { display: flex; align-items: center; gap: 5px; font-size: 11px; color: #4b5563; white-space: nowrap; }\r\n    .quiz-legend-box { width: 20px; height: 20px; border-radius: 3px; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 600; flex-shrink: 0; }\r\n    .quiz-legend-box.nv { background: #fff; border: 1px solid #d1d5db; color: #374151; }\r\n    .quiz-legend-box.ans { background: #3b82f6; color: #fff; border-radius: 50%; }\r\n    .quiz-legend-box.correct { background: #22c55e; color: #fff; border-radius: 50%; }\r\n    .quiz-legend-box.wrong { background: #ef4444; color: #fff; border-radius: 50%; }\r\n\r\n    \/* Palette Section *\/\r\n    .quiz-palette { flex: 1; display: flex; flex-direction: column; overflow: hidden; }\r\n    .quiz-palette-header { background: #4b5563; color: #fff; padding: 10px 15px; font-size: 13px; font-weight: 600; }\r\n    .quiz-palette-scroll { flex: 1; overflow-y: auto; padding: 10px 15px; }\r\n    \r\n    \/* Year Group in Palette *\/\r\n    .quiz-year-group { margin-bottom: 15px; }\r\n    .quiz-year-header { background: #059669; color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 12px; font-weight: 600; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }\r\n    .quiz-year-header .year-icon { font-size: 14px; }\r\n    \r\n    \/* Passage Group in Palette *\/\r\n    .quiz-passage-group { margin-bottom: 12px; padding-left: 5px; }\r\n    .quiz-passage-label { font-size: 11px; color: #6b7280; font-weight: 500; margin-bottom: 6px; padding-left: 2px; border-left: 2px solid #d1d5db; padding-left: 8px; }\r\n    \r\n    \/* Palette Grid *\/\r\n    .quiz-palette-grid { display: flex; flex-wrap: wrap; gap: 6px; }\r\n    .quiz-p-btn { width: 32px; height: 32px; border: 1px solid #d1d5db; border-radius: 4px; background: #fff; color: #374151; font-size: 12px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.15s; }\r\n    .quiz-p-btn:hover { background: #f3f4f6; }\r\n    .quiz-p-btn.current { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }\r\n    .quiz-p-btn.answered { background: #3b82f6 !important; color: #fff !important; border-color: #3b82f6 !important; border-radius: 50% !important; }\r\n    .quiz-p-btn.correct { background: #22c55e !important; color: #fff !important; border-color: #22c55e !important; border-radius: 50% !important; }\r\n    .quiz-p-btn.wrong { background: #ef4444 !important; color: #fff !important; border-color: #ef4444 !important; border-radius: 50% !important; }\r\n\r\n    \/* Completion Modal *\/\r\n    .quiz-completion-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 99999; }\r\n    .quiz-completion-overlay.hidden { display: none; }\r\n    .quiz-completion-box { background: #fff; border-radius: 16px; width: 500px; max-width: 95%; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.4); animation: modalSlideIn 0.4s ease; }\r\n    @keyframes modalSlideIn { from { opacity: 0; transform: scale(0.9) translateY(-20px); } to { opacity: 1; transform: scale(1) translateY(0); } }\r\n    .quiz-completion-header { background: linear-gradient(135deg, #1e3a8a, #2563eb); padding: 25px; text-align: center; color: #fff; }\r\n    .quiz-completion-header h2 { font-size: 24px; margin-bottom: 5px; }\r\n    .quiz-completion-header p { font-size: 14px; opacity: 0.9; }\r\n    .quiz-completion-body { padding: 25px; }\r\n    .quiz-completion-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 20px; }\r\n    .quiz-completion-stat { background: #f8fafc; padding: 15px; border-radius: 10px; text-align: center; }\r\n    .quiz-completion-stat .icon { font-size: 24px; margin-bottom: 5px; }\r\n    .quiz-completion-stat .label { font-size: 11px; color: #64748b; text-transform: uppercase; }\r\n    .quiz-completion-stat .value { font-size: 22px; font-weight: 700; }\r\n    .quiz-completion-stat .value.green { color: #059669; }\r\n    .quiz-completion-stat .value.red { color: #dc2626; }\r\n    .quiz-completion-stat .value.blue { color: #2563eb; }\r\n    .quiz-completion-stat .value.purple { color: #7c3aed; }\r\n    .quiz-completion-footer { padding: 20px 25px; background: #f8fafc; display: flex; justify-content: center; gap: 15px; }\r\n    .quiz-btn-restart { padding: 14px 40px; background: linear-gradient(135deg, #059669, #10b981); color: #fff; border: none; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.3s; }\r\n    .quiz-btn-restart:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(5, 150, 105, 0.4); }\r\n    .quiz-btn-review { padding: 14px 40px; background: #fff; color: #2563eb; border: 2px solid #2563eb; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.3s; }\r\n    .quiz-btn-review:hover { background: #eff6ff; }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n        .quiz-main { flex-direction: column; }\r\n        .quiz-passage { width: 100%; max-height: 35vh; }\r\n        .quiz-sidebar { width: 100%; max-height: 300px; }\r\n        .quiz-footer { flex-direction: column; gap: 10px; }\r\n        .quiz-footer-left { width: 100%; justify-content: center; }\r\n        .quiz-sections-bar { flex-wrap: wrap; }\r\n        .quiz-completion-stats { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"quiz-wrapper\" oncontextmenu=\"return false;\" oncopy=\"return false;\" oncut=\"return false;\">\r\n    <!-- Completion Modal -->\r\n    <div class=\"quiz-completion-overlay hidden\" id=\"quizCompletionModal\">\r\n        <div class=\"quiz-completion-box\">\r\n            <div class=\"quiz-completion-header\">\r\n                <h2>\ud83c\udf89 Test Completed!<\/h2>\r\n                <p>Great job! Here's your performance summary<\/p>\r\n            <\/div>\r\n            <div class=\"quiz-completion-body\">\r\n                <div class=\"quiz-completion-stats\">\r\n                    <div class=\"quiz-completion-stat\">\r\n                        <div class=\"icon\">\ud83d\udcca<\/div>\r\n                        <div class=\"label\">Total Score<\/div>\r\n                        <div class=\"value blue\" id=\"completionScore\">0\/0<\/div>\r\n                    <\/div>\r\n                    <div class=\"quiz-completion-stat\">\r\n                        <div class=\"icon\">\ud83c\udfaf<\/div>\r\n                        <div class=\"label\">Accuracy<\/div>\r\n                        <div class=\"value purple\" id=\"completionAccuracy\">0%<\/div>\r\n                    <\/div>\r\n                    <div class=\"quiz-completion-stat\">\r\n                        <div class=\"icon\">\u2705<\/div>\r\n                        <div class=\"label\">Correct<\/div>\r\n                        <div class=\"value green\" id=\"completionCorrect\">0<\/div>\r\n                    <\/div>\r\n                    <div class=\"quiz-completion-stat\">\r\n                        <div class=\"icon\">\u274c<\/div>\r\n                        <div class=\"label\">Wrong<\/div>\r\n                        <div class=\"value red\" id=\"completionWrong\">0<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"quiz-completion-footer\">\r\n                <button class=\"quiz-btn-review\" onclick=\"closeCompletionModal()\">\ud83d\udcdd Review Answers<\/button>\r\n                <button class=\"quiz-btn-restart\" onclick=\"restartQuiz()\">\ud83d\udd04 Restart Test<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Header Bar -->\r\n    <div class=\"quiz-header-bar\">\r\n        <div class=\"quiz-header-title\" id=\"quizExamTitle\">English Comprehension Practice<\/div>\r\n        <div class=\"quiz-header-badge\">\ud83d\udcdd Practice Mode<\/div>\r\n    <\/div>\r\n\r\n    <!-- Sections Navigation Bar (Exam Names) -->\r\n    <div class=\"quiz-sections-bar\" id=\"quizSectionsBar\">\r\n        <span class=\"quiz-sections-label\">Exams:<\/span>\r\n        <div id=\"quizSectionTabs\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Quiz Area -->\r\n    <div class=\"quiz-main\" id=\"quizMain\">\r\n        <!-- Passage Panel -->\r\n        <div class=\"quiz-passage\" id=\"quizPassage\">\r\n            <div class=\"quiz-passage-header\" id=\"quizPassageHeader\">\r\n                <span class=\"exam-badge\" id=\"passageExamBadge\">CDS<\/span>\r\n                <span class=\"year-badge\" id=\"passageYearBadge\">2024<\/span>\r\n                <span id=\"passageTitle\">Passage 1<\/span>\r\n            <\/div>\r\n            <div class=\"quiz-passage-content\" id=\"quizPassageContent\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Question Panel -->\r\n        <div class=\"quiz-question-panel\">\r\n            <div class=\"quiz-q-header\">\r\n                <div class=\"quiz-q-info\">\r\n                    <div class=\"quiz-q-num\">Q.<span id=\"quizQNum\">1<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"quiz-q-marks\">\r\n                    <span class=\"pos\">+<span id=\"quizPosMarks\">2<\/span><\/span>\r\n                    <span class=\"neg\">-<span id=\"quizNegMarks\">0.5<\/span><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"quiz-q-body\">\r\n                <div class=\"quiz-q-text\" id=\"quizQText\"><\/div>\r\n                <div class=\"quiz-options\" id=\"quizOptions\"><\/div>\r\n                <!-- Explanation Box -->\r\n                <div class=\"quiz-explanation\" id=\"quizExplanation\">\r\n                    <div class=\"quiz-explanation-header\">\r\n                        <span id=\"explanationIcon\"><\/span>\r\n                        <span id=\"explanationTitle\"><\/span>\r\n                    <\/div>\r\n                    <div class=\"quiz-explanation-text\" id=\"explanationText\"><\/div>\r\n                    <div class=\"quiz-explanation-ref\" id=\"explanationRef\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"quiz-footer\">\r\n                <div class=\"quiz-footer-left\">\r\n                    <button class=\"quiz-btn quiz-btn-check\" id=\"btnCheckAnswer\" onclick=\"quizCheckAnswer()\" disabled>\u2713 Check Answer<\/button>\r\n                    <button class=\"quiz-btn quiz-btn-clear\" id=\"btnClear\" onclick=\"quizClearSelection()\">Clear Response<\/button>\r\n                <\/div>\r\n                <div style=\"display: flex; gap: 10px;\">\r\n                    <button class=\"quiz-btn quiz-btn-nav\" onclick=\"quizPrevQuestion()\">\u2190 Previous<\/button>\r\n                    <button class=\"quiz-btn quiz-btn-nav\" onclick=\"quizNextQuestion()\">Next \u2192<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Sidebar -->\r\n        <div class=\"quiz-sidebar\">\r\n            <!-- Score Summary -->\r\n            <div class=\"quiz-score-summary\">\r\n                <div class=\"quiz-score-title\">\ud83d\udcca Your Progress<\/div>\r\n                <div class=\"quiz-score-grid\">\r\n                    <div class=\"quiz-score-item\">\r\n                        <div class=\"quiz-score-label\">Correct<\/div>\r\n                        <div class=\"quiz-score-value correct\" id=\"scoreCorrect\">0<\/div>\r\n                    <\/div>\r\n                    <div class=\"quiz-score-item\">\r\n                        <div class=\"quiz-score-label\">Wrong<\/div>\r\n                        <div class=\"quiz-score-value wrong\" id=\"scoreWrong\">0<\/div>\r\n                    <\/div>\r\n                    <div class=\"quiz-score-item\">\r\n                        <div class=\"quiz-score-label\">Attempted<\/div>\r\n                        <div class=\"quiz-score-value\" id=\"scoreAttempted\">0<\/div>\r\n                    <\/div>\r\n                    <div class=\"quiz-score-item\">\r\n                        <div class=\"quiz-score-label\">Remaining<\/div>\r\n                        <div class=\"quiz-score-value pending\" id=\"scoreRemaining\">0<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"quiz-legend\">\r\n                <div class=\"quiz-legend-grid\">\r\n                    <div class=\"quiz-legend-item\"><div class=\"quiz-legend-box nv\">1<\/div>Not Visited<\/div>\r\n                    <div class=\"quiz-legend-item\"><div class=\"quiz-legend-box ans\">1<\/div>Answered<\/div>\r\n                    <div class=\"quiz-legend-item\"><div class=\"quiz-legend-box correct\">\u2713<\/div>Correct<\/div>\r\n                    <div class=\"quiz-legend-item\"><div class=\"quiz-legend-box wrong\">\u2717<\/div>Wrong<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Question Palette -->\r\n            <div class=\"quiz-palette\">\r\n                <div class=\"quiz-palette-header\" id=\"quizPaletteHeader\">\ud83d\udcda CDS<\/div>\r\n                <div class=\"quiz-palette-scroll\" id=\"quizPaletteScroll\">\r\n                    <!-- Year groups will be generated here -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ CONFIGURATION\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nconst QUIZ_CONFIG = {\r\n    examTitle: 'English Comprehension Practice',\r\n    positiveMarks: 2,\r\n    negativeMarks: 0.5,\r\n};\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ EXAM DATA - Organized by Exam Name \u2192 Year \u2192 Passages\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nconst QUIZ_EXAMS = [\r\n    {\r\n        id: 'cds',\r\n        name: 'CDS',\r\n        years: [\r\n            {\r\n                year: '2024',\r\n                passages: [\r\n                    {\r\n                        passageNumber: 1,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>The importance of <strong class=\"highlight\">biodiversity<\/strong> cannot be overstated. It is the foundation upon which ecosystems function and provide services essential for human survival. From the food we eat to the air we breathe, biodiversity plays a crucial role in maintaining the balance of nature.<\/p>\r\n                        <p>Scientists estimate that there are approximately 8.7 million species on Earth, though only about 1.2 million have been identified and described. This vast array of life forms has evolved over billions of years, each species adapting to its unique ecological niche.<\/p>\r\n                        <p>However, human activities are causing species to go extinct at a rate <strong class=\"highlight\">1,000 times faster<\/strong> than the natural background rate. Habitat destruction, climate change, pollution, and overexploitation are the primary drivers of this biodiversity crisis.<\/p>\r\n                        <p>Conservation efforts are crucial to preserve the remaining biodiversity. Protected areas, sustainable practices, and international cooperation are essential tools in this fight. The <strong class=\"highlight\">Convention on Biological Diversity<\/strong> signed in 1992 represents a global commitment to biodiversity conservation.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"What does the passage suggest about the importance of biodiversity?\",\r\n                                options: [\"It is overrated by scientists\", \"It is the foundation for ecosystem services\", \"It only affects wildlife\", \"It has no impact on humans\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage clearly states that biodiversity 'is the foundation upon which ecosystems function and provide services essential for human survival.' This emphasizes its fundamental importance.\",\r\n                                passageHighlight: \"foundation upon which ecosystems function\"\r\n                            },\r\n                            {\r\n                                question: \"How many species are estimated to exist on Earth?\",\r\n                                options: [\"1.2 million\", \"5.5 million\", \"8.7 million\", \"10 million\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage explicitly mentions that 'Scientists estimate that there are approximately 8.7 million species on Earth.'\",\r\n                                passageHighlight: \"8.7 million species\"\r\n                            },\r\n                            {\r\n                                question: \"At what rate are species going extinct compared to the natural rate?\",\r\n                                options: [\"100 times faster\", \"500 times faster\", \"1,000 times faster\", \"10,000 times faster\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"According to the passage, 'human activities are causing species to go extinct at a rate 1,000 times faster than the natural background rate.'\",\r\n                                passageHighlight: \"1,000 times faster\"\r\n                            },\r\n                            {\r\n                                question: \"When was the Convention on Biological Diversity signed?\",\r\n                                options: [\"1982\", \"1988\", \"1992\", \"2000\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage states that 'The Convention on Biological Diversity signed in 1992 represents a global commitment to biodiversity conservation.'\",\r\n                                passageHighlight: \"Convention on Biological Diversity signed in 1992\"\r\n                            }\r\n                        ]\r\n                    },\r\n                    {\r\n                        passageNumber: 2,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>Artificial Intelligence (AI) has emerged as one of the most <strong class=\"highlight\">transformative technologies<\/strong> of the 21st century. From healthcare to transportation, AI is revolutionizing industries and changing the way we live and work.<\/p>\r\n                        <p>The global AI market was valued at approximately <strong class=\"highlight\">$136.55 billion in 2022<\/strong> and is expected to grow at a compound annual growth rate of 37.3% from 2023 to 2030. This rapid growth reflects the increasing adoption of AI across various sectors.<\/p>\r\n                        <p>However, the rise of AI also brings significant challenges. Concerns about <strong class=\"highlight\">job displacement<\/strong>, algorithmic bias, and privacy have sparked debates about the ethical implications of AI deployment. Experts argue that responsible AI development requires careful consideration of these issues.<\/p>\r\n                        <p>Countries around the world are racing to establish themselves as AI leaders. <strong class=\"highlight\">China and the United States<\/strong> are currently at the forefront, investing heavily in AI research and development. The outcome of this race will have profound implications for the global balance of power.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"How is AI described in the passage?\",\r\n                                options: [\"A minor technological advancement\", \"One of the most transformative technologies\", \"An outdated concept\", \"A threat to humanity\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage describes AI as 'one of the most transformative technologies of the 21st century.'\",\r\n                                passageHighlight: \"transformative technologies\"\r\n                            },\r\n                            {\r\n                                question: \"What was the global AI market value in 2022?\",\r\n                                options: [\"$100 billion\", \"$136.55 billion\", \"$200 billion\", \"$500 billion\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage clearly states that 'The global AI market was valued at approximately $136.55 billion in 2022.'\",\r\n                                passageHighlight: \"$136.55 billion in 2022\"\r\n                            },\r\n                            {\r\n                                question: \"What concern about AI is mentioned in the passage?\",\r\n                                options: [\"Job displacement\", \"Energy consumption\", \"Space exploration\", \"Agricultural decline\"],\r\n                                correctAnswer: 0,\r\n                                explanation: \"The passage mentions 'Concerns about job displacement, algorithmic bias, and privacy have sparked debates about the ethical implications of AI deployment.'\",\r\n                                passageHighlight: \"job displacement\"\r\n                            },\r\n                            {\r\n                                question: \"Which countries are leading in AI development?\",\r\n                                options: [\"India and Japan\", \"Germany and France\", \"China and the United States\", \"Russia and UK\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"According to the passage, 'China and the United States are currently at the forefront, investing heavily in AI research and development.'\",\r\n                                passageHighlight: \"China and the United States\"\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                year: '2023',\r\n                passages: [\r\n                    {\r\n                        passageNumber: 1,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>Climate change represents one of the greatest challenges facing humanity today. The <strong class=\"highlight\">Intergovernmental Panel on Climate Change (IPCC)<\/strong> has warned that global temperatures have already risen by approximately 1.1\u00b0C above pre-industrial levels.<\/p>\r\n                        <p>The consequences of this warming are already visible: more frequent and intense <strong class=\"highlight\">extreme weather events<\/strong>, rising sea levels, melting glaciers, and shifts in ecosystems. These changes threaten food security, water availability, and human health worldwide.<\/p>\r\n                        <p>To limit warming to <strong class=\"highlight\">1.5\u00b0C<\/strong>, as outlined in the Paris Agreement, global greenhouse gas emissions must be reduced by 45% by 2030 and reach net zero by 2050. This requires unprecedented transformation of energy systems, transportation, and industry.<\/p>\r\n                        <p>Renewable energy sources such as <strong class=\"highlight\">solar and wind<\/strong> have seen dramatic cost reductions, making the transition more economically viable. However, political will and international cooperation remain essential for meaningful progress.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"What organization has warned about global temperature rise?\",\r\n                                options: [\"WHO\", \"IPCC\", \"UNESCO\", \"WTO\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that 'The Intergovernmental Panel on Climate Change (IPCC) has warned that global temperatures have already risen.'\",\r\n                                passageHighlight: \"Intergovernmental Panel on Climate Change (IPCC)\"\r\n                            },\r\n                            {\r\n                                question: \"What is one consequence of climate change mentioned?\",\r\n                                options: [\"Decreased population\", \"Extreme weather events\", \"Economic growth\", \"Improved agriculture\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage mentions 'more frequent and intense extreme weather events' as one of the visible consequences of warming.\",\r\n                                passageHighlight: \"extreme weather events\"\r\n                            },\r\n                            {\r\n                                question: \"What temperature limit is outlined in the Paris Agreement?\",\r\n                                options: [\"1.0\u00b0C\", \"1.5\u00b0C\", \"2.0\u00b0C\", \"2.5\u00b0C\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"According to the passage, 'To limit warming to 1.5\u00b0C, as outlined in the Paris Agreement.'\",\r\n                                passageHighlight: \"1.5\u00b0C\"\r\n                            },\r\n                            {\r\n                                question: \"Which renewable energy sources are mentioned?\",\r\n                                options: [\"Nuclear and hydro\", \"Solar and wind\", \"Geothermal and tidal\", \"Biomass and coal\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage specifically mentions 'Renewable energy sources such as solar and wind have seen dramatic cost reductions.'\",\r\n                                passageHighlight: \"solar and wind\"\r\n                            }\r\n                        ]\r\n                    },\r\n                    {\r\n                        passageNumber: 2,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>The <strong class=\"highlight\">United Nations<\/strong> was established in 1945 after World War II with the primary goal of maintaining international peace and security. Today, it comprises 193 member states and serves as a forum for global cooperation.<\/p>\r\n                        <p>The UN operates through six main organs: the General Assembly, Security Council, Economic and Social Council, Trusteeship Council, International Court of Justice, and the Secretariat. The <strong class=\"highlight\">Security Council<\/strong> holds primary responsibility for maintaining peace and security.<\/p>\r\n                        <p>The Security Council has <strong class=\"highlight\">five permanent members<\/strong> - China, France, Russia, the United Kingdom, and the United States - each holding veto power. This structure has been criticized for reflecting post-World War II power dynamics rather than current global realities.<\/p>\r\n                        <p>Despite its limitations, the UN has achieved significant successes in <strong class=\"highlight\">peacekeeping operations<\/strong>, humanitarian assistance, and promoting human rights. The organization continues to evolve to address emerging global challenges.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"When was the United Nations established?\",\r\n                                options: [\"1939\", \"1945\", \"1950\", \"1960\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage clearly states that 'The United Nations was established in 1945 after World War II.'\",\r\n                                passageHighlight: \"United Nations\"\r\n                            },\r\n                            {\r\n                                question: \"Which organ holds primary responsibility for peace and security?\",\r\n                                options: [\"General Assembly\", \"Security Council\", \"Secretariat\", \"International Court of Justice\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage mentions that 'The Security Council holds primary responsibility for maintaining peace and security.'\",\r\n                                passageHighlight: \"Security Council\"\r\n                            },\r\n                            {\r\n                                question: \"How many permanent members does the Security Council have?\",\r\n                                options: [\"Three\", \"Four\", \"Five\", \"Six\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"According to the passage, 'The Security Council has five permanent members - China, France, Russia, the United Kingdom, and the United States.'\",\r\n                                passageHighlight: \"five permanent members\"\r\n                            },\r\n                            {\r\n                                question: \"What UN success is mentioned in the passage?\",\r\n                                options: [\"Economic development\", \"Peacekeeping operations\", \"Space exploration\", \"Trade agreements\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that 'the UN has achieved significant successes in peacekeeping operations, humanitarian assistance, and promoting human rights.'\",\r\n                                passageHighlight: \"peacekeeping operations\"\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        id: 'bank',\r\n        name: 'BANK',\r\n        years: [\r\n            {\r\n                year: '2024',\r\n                passages: [\r\n                    {\r\n                        passageNumber: 1,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>The <strong class=\"highlight\">Reserve Bank of India (RBI)<\/strong> plays a pivotal role in maintaining monetary stability and regulating the banking sector. Established in 1935, the RBI has evolved to become one of the most important institutions in India's financial landscape.<\/p>\r\n                        <p>One of the RBI's primary functions is controlling <strong class=\"highlight\">inflation<\/strong> through monetary policy tools such as the repo rate, reverse repo rate, and cash reserve ratio. By adjusting these rates, the central bank influences borrowing costs and money supply in the economy.<\/p>\r\n                        <p>The RBI has set an <strong class=\"highlight\">inflation target of 4%<\/strong> with a tolerance band of plus or minus 2 percentage points. This flexible inflation targeting framework helps maintain price stability while supporting economic growth.<\/p>\r\n                        <p>In recent years, the RBI has also focused on <strong class=\"highlight\">financial inclusion<\/strong>, promoting digital payments, and strengthening the banking system. Initiatives like Jan Dhan Yojana and UPI have transformed India's payment ecosystem.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"When was the Reserve Bank of India established?\",\r\n                                options: [\"1925\", \"1935\", \"1947\", \"1950\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage clearly states that the RBI was 'Established in 1935.'\",\r\n                                passageHighlight: \"Established in 1935\"\r\n                            },\r\n                            {\r\n                                question: \"What is the RBI's primary function mentioned in the passage?\",\r\n                                options: [\"Printing currency\", \"Controlling inflation\", \"Issuing loans\", \"Tax collection\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that 'One of the RBI's primary functions is controlling inflation through monetary policy tools.'\",\r\n                                passageHighlight: \"inflation\"\r\n                            },\r\n                            {\r\n                                question: \"What is the RBI's inflation target?\",\r\n                                options: [\"2%\", \"4%\", \"6%\", \"8%\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"According to the passage, 'The RBI has set an inflation target of 4% with a tolerance band of plus or minus 2 percentage points.'\",\r\n                                passageHighlight: \"inflation target of 4%\"\r\n                            },\r\n                            {\r\n                                question: \"What recent focus area of RBI is mentioned?\",\r\n                                options: [\"International trade\", \"Financial inclusion\", \"Military funding\", \"Space research\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage mentions that 'In recent years, the RBI has also focused on financial inclusion, promoting digital payments.'\",\r\n                                passageHighlight: \"financial inclusion\"\r\n                            }\r\n                        ]\r\n                    },\r\n                    {\r\n                        passageNumber: 2,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>Digital banking has revolutionized the financial services industry in India. The introduction of <strong class=\"highlight\">Unified Payments Interface (UPI)<\/strong> in 2016 marked a turning point in how Indians conduct financial transactions.<\/p>\r\n                        <p>UPI recorded over <strong class=\"highlight\">10 billion transactions<\/strong> in a single month by 2023, demonstrating its widespread adoption. The system allows instant money transfers between bank accounts using mobile phones, making cashless transactions accessible to millions.<\/p>\r\n                        <p>The success of UPI has attracted global attention, with several countries expressing interest in adopting similar systems. India has signed agreements with <strong class=\"highlight\">Singapore, UAE, and France<\/strong> to enable cross-border UPI transactions.<\/p>\r\n                        <p>Looking ahead, the <strong class=\"highlight\">Central Bank Digital Currency (CBDC)<\/strong>, known as the digital rupee, represents the next frontier in India's digital payment evolution. The RBI launched a pilot program for the digital rupee in 2022.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"When was UPI introduced in India?\",\r\n                                options: [\"2014\", \"2015\", \"2016\", \"2017\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage states that 'The introduction of Unified Payments Interface (UPI) in 2016 marked a turning point.'\",\r\n                                passageHighlight: \"Unified Payments Interface (UPI)\"\r\n                            },\r\n                            {\r\n                                question: \"How many UPI transactions were recorded monthly by 2023?\",\r\n                                options: [\"5 billion\", \"8 billion\", \"10 billion\", \"15 billion\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage mentions that 'UPI recorded over 10 billion transactions in a single month by 2023.'\",\r\n                                passageHighlight: \"10 billion transactions\"\r\n                            },\r\n                            {\r\n                                question: \"Which countries have signed UPI agreements with India?\",\r\n                                options: [\"USA, UK, Japan\", \"Singapore, UAE, France\", \"Germany, Italy, Spain\", \"Australia, Canada, Brazil\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"According to the passage, 'India has signed agreements with Singapore, UAE, and France to enable cross-border UPI transactions.'\",\r\n                                passageHighlight: \"Singapore, UAE, and France\"\r\n                            },\r\n                            {\r\n                                question: \"What does CBDC stand for?\",\r\n                                options: [\"Central Banking Digital Commission\", \"Central Bank Digital Currency\", \"Centralized Banking Data Center\", \"Commercial Bank Digital Certificate\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage explains that 'the Central Bank Digital Currency (CBDC), known as the digital rupee.'\",\r\n                                passageHighlight: \"Central Bank Digital Currency (CBDC)\"\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                year: '2023',\r\n                passages: [\r\n                    {\r\n                        passageNumber: 1,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>Non-Performing Assets (NPAs) have been a major concern for the Indian banking sector. An NPA is defined as a loan or advance where the principal or interest payment remains <strong class=\"highlight\">overdue for more than 90 days<\/strong>.<\/p>\r\n                        <p>The gross NPA ratio of scheduled commercial banks peaked at <strong class=\"highlight\">11.2% in March 2018<\/strong> before declining to around 5% by 2023. This improvement was driven by various resolution mechanisms, including the Insolvency and Bankruptcy Code (IBC).<\/p>\r\n                        <p>Banks have adopted several strategies to manage NPAs, including <strong class=\"highlight\">loan restructuring<\/strong>, asset reconstruction, and the establishment of bad banks. The National Asset Reconstruction Company Limited (NARCL) was set up to acquire stressed assets from banks.<\/p>\r\n                        <p>Prudent lending practices and improved credit assessment are essential to prevent future NPA accumulation. The RBI has introduced various guidelines on <strong class=\"highlight\">asset classification<\/strong> and provisioning to strengthen the banking system.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"How long must a payment be overdue for a loan to be classified as NPA?\",\r\n                                options: [\"30 days\", \"60 days\", \"90 days\", \"180 days\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage defines NPA as 'a loan or advance where the principal or interest payment remains overdue for more than 90 days.'\",\r\n                                passageHighlight: \"overdue for more than 90 days\"\r\n                            },\r\n                            {\r\n                                question: \"When did the gross NPA ratio of banks peak?\",\r\n                                options: [\"March 2015\", \"March 2018\", \"March 2020\", \"March 2023\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"According to the passage, 'The gross NPA ratio of scheduled commercial banks peaked at 11.2% in March 2018.'\",\r\n                                passageHighlight: \"11.2% in March 2018\"\r\n                            },\r\n                            {\r\n                                question: \"What strategy for managing NPAs is mentioned?\",\r\n                                options: [\"Loan cancellation\", \"Loan restructuring\", \"Loan increase\", \"Loan transfer\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage mentions that 'Banks have adopted several strategies to manage NPAs, including loan restructuring.'\",\r\n                                passageHighlight: \"loan restructuring\"\r\n                            },\r\n                            {\r\n                                question: \"What has the RBI introduced to strengthen the banking system?\",\r\n                                options: [\"New taxes\", \"Asset classification guidelines\", \"Interest rate caps\", \"Foreign investment\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that 'The RBI has introduced various guidelines on asset classification and provisioning to strengthen the banking system.'\",\r\n                                passageHighlight: \"asset classification\"\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        id: 'ssc',\r\n        name: 'SSC',\r\n        years: [\r\n            {\r\n                year: '2024',\r\n                passages: [\r\n                    {\r\n                        passageNumber: 1,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>The <strong class=\"highlight\">Indian Space Research Organisation (ISRO)<\/strong> has established India as a major player in space exploration. Founded in 1969, ISRO has achieved numerous milestones that have placed India among the elite space-faring nations.<\/p>\r\n                        <p>The <strong class=\"highlight\">Chandrayaan-3 mission<\/strong> in August 2023 made India the fourth country to successfully land on the Moon and the first to land near the lunar south pole. This historic achievement demonstrated India's growing capabilities in space technology.<\/p>\r\n                        <p>ISRO operates on a remarkably <strong class=\"highlight\">cost-effective model<\/strong>, achieving missions at a fraction of the cost of other space agencies. The Mars Orbiter Mission (Mangalyaan) cost only $74 million, making it the least expensive Mars mission ever.<\/p>\r\n                        <p>Future plans include the <strong class=\"highlight\">Gaganyaan mission<\/strong>, India's first crewed spaceflight, scheduled to send astronauts to low Earth orbit. ISRO is also developing the Next Generation Launch Vehicle (NGLV) for heavier payloads.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"When was ISRO founded?\",\r\n                                options: [\"1959\", \"1969\", \"1979\", \"1989\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that ISRO was 'Founded in 1969.'\",\r\n                                passageHighlight: \"Founded in 1969\"\r\n                            },\r\n                            {\r\n                                question: \"Which mission made India the first to land near the lunar south pole?\",\r\n                                options: [\"Chandrayaan-1\", \"Chandrayaan-2\", \"Chandrayaan-3\", \"Mangalyaan\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage mentions that 'The Chandrayaan-3 mission in August 2023 made India the fourth country to successfully land on the Moon and the first to land near the lunar south pole.'\",\r\n                                passageHighlight: \"Chandrayaan-3 mission\"\r\n                            },\r\n                            {\r\n                                question: \"What is a characteristic of ISRO mentioned in the passage?\",\r\n                                options: [\"Most expensive missions\", \"Cost-effective model\", \"Foreign collaboration only\", \"Military focus\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage highlights that 'ISRO operates on a remarkably cost-effective model, achieving missions at a fraction of the cost of other space agencies.'\",\r\n                                passageHighlight: \"cost-effective model\"\r\n                            },\r\n                            {\r\n                                question: \"What is the Gaganyaan mission?\",\r\n                                options: [\"Mars exploration\", \"Moon landing\", \"India's first crewed spaceflight\", \"Satellite launch\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage explains that 'Future plans include the Gaganyaan mission, India's first crewed spaceflight.'\",\r\n                                passageHighlight: \"Gaganyaan mission\"\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                year: '2023',\r\n                passages: [\r\n                    {\r\n                        passageNumber: 1,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>The <strong class=\"highlight\">Green Revolution<\/strong> transformed Indian agriculture in the 1960s and 1970s, enabling the country to achieve food self-sufficiency. The introduction of high-yielding variety (HYV) seeds, chemical fertilizers, and irrigation facilities led to dramatic increases in crop production.<\/p>\r\n                        <p><strong class=\"highlight\">Norman Borlaug<\/strong>, often called the father of the Green Revolution, developed dwarf wheat varieties that significantly increased yields. His work earned him the Nobel Peace Prize in 1970 for his contributions to world food security.<\/p>\r\n                        <p>In India, <strong class=\"highlight\">M.S. Swaminathan<\/strong> is credited with leading the Green Revolution. The states of Punjab and Haryana became the primary beneficiaries, with wheat production increasing dramatically.<\/p>\r\n                        <p>While the Green Revolution ensured food security, it also had <strong class=\"highlight\">environmental consequences<\/strong> including soil degradation, water depletion, and loss of biodiversity. Today, there are calls for a more sustainable agricultural approach.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"What did the Green Revolution enable India to achieve?\",\r\n                                options: [\"Industrial growth\", \"Food self-sufficiency\", \"Military strength\", \"Population control\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that the Green Revolution 'enabling the country to achieve food self-sufficiency.'\",\r\n                                passageHighlight: \"Green Revolution\"\r\n                            },\r\n                            {\r\n                                question: \"Who is called the father of the Green Revolution?\",\r\n                                options: [\"M.S. Swaminathan\", \"Norman Borlaug\", \"Verghese Kurien\", \"C.V. Raman\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage mentions that 'Norman Borlaug, often called the father of the Green Revolution.'\",\r\n                                passageHighlight: \"Norman Borlaug\"\r\n                            },\r\n                            {\r\n                                question: \"Who led the Green Revolution in India?\",\r\n                                options: [\"Norman Borlaug\", \"Jawaharlal Nehru\", \"M.S. Swaminathan\", \"Indira Gandhi\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"According to the passage, 'In India, M.S. Swaminathan is credited with leading the Green Revolution.'\",\r\n                                passageHighlight: \"M.S. Swaminathan\"\r\n                            },\r\n                            {\r\n                                question: \"What negative aspect of the Green Revolution is mentioned?\",\r\n                                options: [\"Reduced crop production\", \"Environmental consequences\", \"Increased poverty\", \"Labor shortage\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage mentions that 'While the Green Revolution ensured food security, it also had environmental consequences including soil degradation, water depletion, and loss of biodiversity.'\",\r\n                                passageHighlight: \"environmental consequences\"\r\n                            }\r\n                        ]\r\n                    },\r\n                    {\r\n                        passageNumber: 2,\r\n                        passage: `<p><strong>Directions:<\/strong> Read the following passage carefully and answer the questions that follow.<\/p>\r\n                        <p>India's <strong class=\"highlight\">Goods and Services Tax (GST)<\/strong> was implemented on July 1, 2017, marking one of the most significant tax reforms in the country's history. It replaced multiple indirect taxes with a single, unified tax structure.<\/p>\r\n                        <p>The GST is administered by the <strong class=\"highlight\">GST Council<\/strong>, a constitutional body comprising representatives from the central and state governments. The council is chaired by the Union Finance Minister and makes decisions on tax rates, exemptions, and procedures.<\/p>\r\n                        <p>GST operates on a <strong class=\"highlight\">four-tier rate structure<\/strong>: 5%, 12%, 18%, and 28%. Essential items are taxed at lower rates or exempted, while luxury goods attract higher rates. Some items like petroleum products remain outside the GST framework.<\/p>\r\n                        <p>The implementation of GST has led to the creation of a <strong class=\"highlight\">common national market<\/strong>, eliminating inter-state barriers and improving the ease of doing business. However, challenges remain in terms of compliance and rate rationalization.<\/p>`,\r\n                        questions: [\r\n                            {\r\n                                question: \"When was GST implemented in India?\",\r\n                                options: [\"July 1, 2016\", \"July 1, 2017\", \"April 1, 2017\", \"January 1, 2018\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that 'India's Goods and Services Tax (GST) was implemented on July 1, 2017.'\",\r\n                                passageHighlight: \"Goods and Services Tax (GST)\"\r\n                            },\r\n                            {\r\n                                question: \"Who chairs the GST Council?\",\r\n                                options: [\"Prime Minister\", \"RBI Governor\", \"Union Finance Minister\", \"Chief Justice\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"According to the passage, 'The council is chaired by the Union Finance Minister.'\",\r\n                                passageHighlight: \"GST Council\"\r\n                            },\r\n                            {\r\n                                question: \"How many tiers are in the GST rate structure?\",\r\n                                options: [\"Two\", \"Three\", \"Four\", \"Five\"],\r\n                                correctAnswer: 2,\r\n                                explanation: \"The passage mentions that 'GST operates on a four-tier rate structure: 5%, 12%, 18%, and 28%.'\",\r\n                                passageHighlight: \"four-tier rate structure\"\r\n                            },\r\n                            {\r\n                                question: \"What benefit of GST is mentioned?\",\r\n                                options: [\"Increased taxes\", \"Common national market\", \"More exemptions\", \"State autonomy\"],\r\n                                correctAnswer: 1,\r\n                                explanation: \"The passage states that 'The implementation of GST has led to the creation of a common national market, eliminating inter-state barriers.'\",\r\n                                passageHighlight: \"common national market\"\r\n                            }\r\n                        ]\r\n                    }\r\n                ]\r\n            }\r\n        ]\r\n    }\r\n];\r\n\r\n\/\/ Store original passage HTML for reset\r\nlet originalPassageHTML = '';\r\n\r\n\/\/ Process exams into flat question array with passage-wise question numbers\r\nconst QUIZ_ALL_QUESTIONS = [];\r\nconst QUIZ_SECTION_CONFIG = [];\r\nconst QUIZ_EXAM_STRUCTURE = []; \/\/ For palette organization\r\n\r\nlet globalQuestionIndex = 1;\r\n\r\nQUIZ_EXAMS.forEach((exam, examIdx) => {\r\n    const examStartIndex = globalQuestionIndex;\r\n    const examStructure = {\r\n        examId: exam.id,\r\n        examName: exam.name,\r\n        years: []\r\n    };\r\n    \r\n    exam.years.forEach(yearData => {\r\n        const yearStructure = {\r\n            year: yearData.year,\r\n            passages: []\r\n        };\r\n        \r\n        yearData.passages.forEach(passageData => {\r\n            const passageStructure = {\r\n                passageNumber: passageData.passageNumber,\r\n                questions: []\r\n            };\r\n            \r\n            let questionInPassage = 1; \/\/ Reset for each passage\r\n            \r\n            passageData.questions.forEach(q => {\r\n                QUIZ_ALL_QUESTIONS.push({\r\n                    globalId: globalQuestionIndex,\r\n                    questionInPassage: questionInPassage,\r\n                    examIndex: examIdx,\r\n                    examName: exam.name,\r\n                    examId: exam.id,\r\n                    year: yearData.year,\r\n                    passageNumber: passageData.passageNumber,\r\n                    passageTitle: `${exam.name} ${yearData.year} - Passage ${passageData.passageNumber}`,\r\n                    passage: passageData.passage,\r\n                    question: q.question,\r\n                    options: q.options,\r\n                    correctAnswer: q.correctAnswer,\r\n                    explanation: q.explanation,\r\n                    passageHighlight: q.passageHighlight || null\r\n                });\r\n                \r\n                passageStructure.questions.push({\r\n                    globalId: globalQuestionIndex,\r\n                    questionInPassage: questionInPassage\r\n                });\r\n                \r\n                globalQuestionIndex++;\r\n                questionInPassage++;\r\n            });\r\n            \r\n            yearStructure.passages.push(passageStructure);\r\n        });\r\n        \r\n        examStructure.years.push(yearStructure);\r\n    });\r\n    \r\n    QUIZ_EXAM_STRUCTURE.push(examStructure);\r\n    \r\n    QUIZ_SECTION_CONFIG.push({\r\n        id: exam.id,\r\n        name: exam.name,\r\n        startIndex: examStartIndex,\r\n        endIndex: globalQuestionIndex - 1,\r\n        count: globalQuestionIndex - examStartIndex\r\n    });\r\n});\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ STATE\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nconst QUIZ_STATUS = { NOT_VISITED: 0, ANSWERED: 1, CORRECT: 2, WRONG: 3 };\r\n\r\nlet quizState = {\r\n    currentQuestion: 1,\r\n    currentSection: 0,\r\n    answers: new Map(),\r\n    questionStatus: new Array(QUIZ_ALL_QUESTIONS.length + 1).fill(QUIZ_STATUS.NOT_VISITED),\r\n    checked: new Set(),\r\n    totalQuestions: QUIZ_ALL_QUESTIONS.length,\r\n    correctCount: 0,\r\n    wrongCount: 0\r\n};\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ INIT\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction quizInit() {\r\n    document.getElementById('quizExamTitle').textContent = QUIZ_CONFIG.examTitle;\r\n    document.getElementById('quizPosMarks').textContent = QUIZ_CONFIG.positiveMarks;\r\n    document.getElementById('quizNegMarks').textContent = QUIZ_CONFIG.negativeMarks;\r\n    quizInitSections();\r\n    quizGeneratePalette();\r\n    quizLoadQuestion(1);\r\n    updateScoreSummary();\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ SECTIONS (Exam Names)\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction quizInitSections() {\r\n    const container = document.getElementById('quizSectionTabs');\r\n    container.innerHTML = '';\r\n    QUIZ_SECTION_CONFIG.forEach((section, idx) => {\r\n        const btn = document.createElement('button');\r\n        btn.className = 'quiz-section-tab' + (idx === 0 ? ' active' : '');\r\n        btn.textContent = section.name;\r\n        btn.onclick = () => quizSwitchSection(idx);\r\n        btn.id = `quizSecTab-${idx}`;\r\n        container.appendChild(btn);\r\n    });\r\n}\r\n\r\nfunction quizSwitchSection(idx) {\r\n    quizState.currentSection = idx;\r\n    document.querySelectorAll('.quiz-section-tab').forEach((tab, i) => {\r\n        tab.classList.toggle('active', i === idx);\r\n    });\r\n    document.getElementById('quizPaletteHeader').textContent = '\ud83d\udcda ' + QUIZ_SECTION_CONFIG[idx].name;\r\n    quizGeneratePalette();\r\n    quizLoadQuestion(QUIZ_SECTION_CONFIG[idx].startIndex);\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ PASSAGE HIGHLIGHTING\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction highlightPassageText(textToHighlight) {\r\n    const passageContent = document.getElementById('quizPassageContent');\r\n    if (!passageContent || !textToHighlight) return;\r\n    \r\n    if (!originalPassageHTML) {\r\n        originalPassageHTML = passageContent.innerHTML;\r\n    }\r\n    \r\n    passageContent.innerHTML = originalPassageHTML;\r\n    \r\n    const regex = new RegExp(`(${escapeRegExp(textToHighlight)})`, 'gi');\r\n    \r\n    const walker = document.createTreeWalker(\r\n        passageContent,\r\n        NodeFilter.SHOW_TEXT,\r\n        null,\r\n        false\r\n    );\r\n    \r\n    const textNodes = [];\r\n    while (walker.nextNode()) {\r\n        textNodes.push(walker.currentNode);\r\n    }\r\n    \r\n    textNodes.forEach(node => {\r\n        if (regex.test(node.textContent)) {\r\n            const span = document.createElement('span');\r\n            span.innerHTML = node.textContent.replace(regex, '<span class=\"answer-highlight\">$1<\/span>');\r\n            node.parentNode.replaceChild(span, node);\r\n        }\r\n    });\r\n    \r\n    setTimeout(() => {\r\n        const highlighted = passageContent.querySelector('.answer-highlight');\r\n        if (highlighted) {\r\n            highlighted.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n        }\r\n    }, 100);\r\n}\r\n\r\nfunction escapeRegExp(string) {\r\n    return string.replace(\/[.*+?^${}()|[\\]\\\\]\/g, '\\\\$&');\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ LOAD QUESTION\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction quizLoadQuestion(qNum) {\r\n    if (qNum < 1 || qNum > quizState.totalQuestions) return;\r\n    \r\n    const question = QUIZ_ALL_QUESTIONS[qNum - 1];\r\n    quizState.currentQuestion = qNum;\r\n    \r\n    const sectionIdx = question.examIndex;\r\n    if (sectionIdx !== quizState.currentSection) {\r\n        quizState.currentSection = sectionIdx;\r\n        document.querySelectorAll('.quiz-section-tab').forEach((tab, i) => {\r\n            tab.classList.toggle('active', i === sectionIdx);\r\n        });\r\n        quizGeneratePalette();\r\n    }\r\n\r\n    \/\/ Display question number within passage (starts from 1 for each passage)\r\n    document.getElementById('quizQNum').textContent = question.questionInPassage;\r\n    document.getElementById('quizPaletteHeader').textContent = '\ud83d\udcda ' + question.examName;\r\n\r\n    \/\/ Update passage header\r\n    document.getElementById('passageExamBadge').textContent = question.examName;\r\n    document.getElementById('passageYearBadge').textContent = question.year;\r\n    document.getElementById('passageTitle').textContent = `Passage ${question.passageNumber}`;\r\n    \r\n    \/\/ Set passage content\r\n    originalPassageHTML = question.passage;\r\n    document.getElementById('quizPassageContent').innerHTML = question.passage;\r\n    \r\n    \/\/ If question is already checked, show the highlight\r\n    if (quizState.checked.has(qNum) && question.passageHighlight) {\r\n        highlightPassageText(question.passageHighlight);\r\n    }\r\n\r\n    document.getElementById('quizQText').textContent = question.question;\r\n\r\n    const isChecked = quizState.checked.has(qNum);\r\n    const selectedAnswer = quizState.answers.get(qNum);\r\n    const correctAnswer = question.correctAnswer;\r\n\r\n    document.getElementById('quizOptions').innerHTML = question.options.map((opt, i) => {\r\n        let classes = 'quiz-option';\r\n        if (isChecked) {\r\n            classes += ' disabled';\r\n            if (i === correctAnswer) {\r\n                classes += selectedAnswer === i ? ' correct' : ' correct-highlight';\r\n            } else if (i === selectedAnswer) {\r\n                classes += ' wrong';\r\n            }\r\n        } else if (selectedAnswer === i) {\r\n            classes += ' selected';\r\n        }\r\n        return `\r\n            <div class=\"${classes}\" onclick=\"${isChecked ? '' : `quizSelectOption(${i})`}\">\r\n                <div class=\"quiz-option-radio\"><\/div>\r\n                <span class=\"quiz-option-text\">${opt}<\/span>\r\n            <\/div>\r\n        `;\r\n    }).join('');\r\n\r\n    \/\/ Handle explanation\r\n    const explanationEl = document.getElementById('quizExplanation');\r\n    const explanationRef = document.getElementById('explanationRef');\r\n    \r\n    if (isChecked) {\r\n        const isCorrect = selectedAnswer === correctAnswer;\r\n        explanationEl.className = 'quiz-explanation show ' + (isCorrect ? 'correct' : 'wrong');\r\n        document.getElementById('explanationIcon').textContent = isCorrect ? '\u2713' : '\u2717';\r\n        const optLabels = ['A', 'B', 'C', 'D', 'E'];\r\n        document.getElementById('explanationTitle').textContent = isCorrect \r\n            ? 'Correct Answer!' \r\n            : `Incorrect - Correct Answer: ${optLabels[correctAnswer]}) ${question.options[correctAnswer]}`;\r\n        document.getElementById('explanationText').innerHTML = `<strong>Explanation:<\/strong> ${question.explanation}`;\r\n        \r\n        if (question.passageHighlight) {\r\n            explanationRef.innerHTML = `\ud83d\udccc <strong>Reference in passage:<\/strong> \"${question.passageHighlight}\" (highlighted in yellow)`;\r\n            explanationRef.style.display = 'block';\r\n        } else {\r\n            explanationRef.style.display = 'none';\r\n        }\r\n    } else {\r\n        explanationEl.className = 'quiz-explanation';\r\n        explanationRef.style.display = 'none';\r\n    }\r\n\r\n    \/\/ Update buttons\r\n    document.getElementById('btnCheckAnswer').disabled = isChecked || selectedAnswer === undefined;\r\n    document.getElementById('btnClear').disabled = isChecked;\r\n\r\n    quizUpdatePalette();\r\n    \r\n    \/\/ Scroll to current question in palette\r\n    scrollToCurrentInPalette(qNum);\r\n}\r\n\r\nfunction quizSelectOption(idx) {\r\n    const qNum = quizState.currentQuestion;\r\n    if (quizState.checked.has(qNum)) return;\r\n    \r\n    quizState.answers.set(qNum, idx);\r\n    if (quizState.questionStatus[qNum] === QUIZ_STATUS.NOT_VISITED) {\r\n        quizState.questionStatus[qNum] = QUIZ_STATUS.ANSWERED;\r\n    }\r\n    \r\n    document.querySelectorAll('.quiz-option').forEach((item, i) => {\r\n        item.classList.toggle('selected', i === idx);\r\n    });\r\n    \r\n    document.getElementById('btnCheckAnswer').disabled = false;\r\n    quizUpdatePalette();\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ CHECK ANSWER\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction quizCheckAnswer() {\r\n    const qNum = quizState.currentQuestion;\r\n    if (quizState.checked.has(qNum)) return;\r\n    \r\n    const question = QUIZ_ALL_QUESTIONS[qNum - 1];\r\n    const userAnswer = quizState.answers.get(qNum);\r\n    if (userAnswer === undefined) return;\r\n    \r\n    const isCorrect = userAnswer === question.correctAnswer;\r\n    \r\n    quizState.checked.add(qNum);\r\n    \r\n    if (isCorrect) {\r\n        quizState.questionStatus[qNum] = QUIZ_STATUS.CORRECT;\r\n        quizState.correctCount++;\r\n    } else {\r\n        quizState.questionStatus[qNum] = QUIZ_STATUS.WRONG;\r\n        quizState.wrongCount++;\r\n    }\r\n    \r\n    if (question.passageHighlight) {\r\n        highlightPassageText(question.passageHighlight);\r\n    }\r\n    \r\n    quizLoadQuestion(qNum);\r\n    updateScoreSummary();\r\n    checkTestCompletion();\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ TEST COMPLETION\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction checkTestCompletion() {\r\n    if (quizState.checked.size === quizState.totalQuestions) {\r\n        showCompletionModal();\r\n    }\r\n}\r\n\r\nfunction showCompletionModal() {\r\n    const totalScore = (quizState.correctCount * QUIZ_CONFIG.positiveMarks) - (quizState.wrongCount * QUIZ_CONFIG.negativeMarks);\r\n    const maxScore = quizState.totalQuestions * QUIZ_CONFIG.positiveMarks;\r\n    const accuracy = quizState.totalQuestions > 0 ? ((quizState.correctCount \/ quizState.totalQuestions) * 100).toFixed(1) : 0;\r\n    \r\n    document.getElementById('completionScore').textContent = `${totalScore}\/${maxScore}`;\r\n    document.getElementById('completionAccuracy').textContent = `${accuracy}%`;\r\n    document.getElementById('completionCorrect').textContent = quizState.correctCount;\r\n    document.getElementById('completionWrong').textContent = quizState.wrongCount;\r\n    \r\n    document.getElementById('quizCompletionModal').classList.remove('hidden');\r\n}\r\n\r\nfunction closeCompletionModal() {\r\n    document.getElementById('quizCompletionModal').classList.add('hidden');\r\n}\r\n\r\nfunction restartQuiz() {\r\n    quizState = {\r\n        currentQuestion: 1,\r\n        currentSection: 0,\r\n        answers: new Map(),\r\n        questionStatus: new Array(QUIZ_ALL_QUESTIONS.length + 1).fill(QUIZ_STATUS.NOT_VISITED),\r\n        checked: new Set(),\r\n        totalQuestions: QUIZ_ALL_QUESTIONS.length,\r\n        correctCount: 0,\r\n        wrongCount: 0\r\n    };\r\n    \r\n    originalPassageHTML = '';\r\n    closeCompletionModal();\r\n    quizInitSections();\r\n    quizGeneratePalette();\r\n    quizLoadQuestion(1);\r\n    updateScoreSummary();\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ NAVIGATION\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction quizNextQuestion() {\r\n    if (quizState.currentQuestion < quizState.totalQuestions) {\r\n        quizLoadQuestion(quizState.currentQuestion + 1);\r\n    }\r\n}\r\n\r\nfunction quizPrevQuestion() {\r\n    if (quizState.currentQuestion > 1) {\r\n        quizLoadQuestion(quizState.currentQuestion - 1);\r\n    }\r\n}\r\n\r\nfunction quizClearSelection() {\r\n    const qNum = quizState.currentQuestion;\r\n    if (quizState.checked.has(qNum)) return;\r\n    \r\n    quizState.answers.delete(qNum);\r\n    quizState.questionStatus[qNum] = QUIZ_STATUS.NOT_VISITED;\r\n    \r\n    document.querySelectorAll('.quiz-option').forEach(item => item.classList.remove('selected'));\r\n    document.getElementById('btnCheckAnswer').disabled = true;\r\n    quizUpdatePalette();\r\n}\r\n\r\nfunction quizGoToQuestion(globalId) {\r\n    quizLoadQuestion(globalId);\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ PALETTE - Organized by Year and Passage\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction quizGeneratePalette() {\r\n    const scrollContainer = document.getElementById('quizPaletteScroll');\r\n    scrollContainer.innerHTML = '';\r\n    \r\n    const examStructure = QUIZ_EXAM_STRUCTURE[quizState.currentSection];\r\n    \r\n    examStructure.years.forEach(yearData => {\r\n        \/\/ Year Group\r\n        const yearGroup = document.createElement('div');\r\n        yearGroup.className = 'quiz-year-group';\r\n        \r\n        \/\/ Year Header\r\n        const yearHeader = document.createElement('div');\r\n        yearHeader.className = 'quiz-year-header';\r\n        yearHeader.innerHTML = `<span class=\"year-icon\">\ud83d\udcc5<\/span> ${examStructure.examName} ${yearData.year}`;\r\n        yearGroup.appendChild(yearHeader);\r\n        \r\n        \/\/ Passages within Year\r\n        yearData.passages.forEach(passageData => {\r\n            const passageGroup = document.createElement('div');\r\n            passageGroup.className = 'quiz-passage-group';\r\n            \r\n            \/\/ Passage Label\r\n            const passageLabel = document.createElement('div');\r\n            passageLabel.className = 'quiz-passage-label';\r\n            passageLabel.textContent = `Passage ${passageData.passageNumber}`;\r\n            passageGroup.appendChild(passageLabel);\r\n            \r\n            \/\/ Questions Grid\r\n            const grid = document.createElement('div');\r\n            grid.className = 'quiz-palette-grid';\r\n            \r\n            passageData.questions.forEach(q => {\r\n                const btn = document.createElement('button');\r\n                btn.className = 'quiz-p-btn';\r\n                btn.textContent = q.questionInPassage; \/\/ Show 1, 2, 3... per passage\r\n                btn.onclick = () => quizGoToQuestion(q.globalId);\r\n                btn.id = `quizP-${q.globalId}`;\r\n                grid.appendChild(btn);\r\n            });\r\n            \r\n            passageGroup.appendChild(grid);\r\n            yearGroup.appendChild(passageGroup);\r\n        });\r\n        \r\n        scrollContainer.appendChild(yearGroup);\r\n    });\r\n    \r\n    quizUpdatePalette();\r\n}\r\n\r\nfunction quizUpdatePalette() {\r\n    const examStructure = QUIZ_EXAM_STRUCTURE[quizState.currentSection];\r\n    \r\n    examStructure.years.forEach(yearData => {\r\n        yearData.passages.forEach(passageData => {\r\n            passageData.questions.forEach(q => {\r\n                const btn = document.getElementById(`quizP-${q.globalId}`);\r\n                if (!btn) return;\r\n                \r\n                btn.className = 'quiz-p-btn';\r\n                \r\n                const status = quizState.questionStatus[q.globalId];\r\n                if (status === QUIZ_STATUS.CORRECT) btn.classList.add('correct');\r\n                else if (status === QUIZ_STATUS.WRONG) btn.classList.add('wrong');\r\n                else if (status === QUIZ_STATUS.ANSWERED) btn.classList.add('answered');\r\n                \r\n                if (q.globalId === quizState.currentQuestion) btn.classList.add('current');\r\n            });\r\n        });\r\n    });\r\n}\r\n\r\nfunction scrollToCurrentInPalette(qNum) {\r\n    const btn = document.getElementById(`quizP-${qNum}`);\r\n    if (btn) {\r\n        btn.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n    }\r\n}\r\n\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\/\/ SCORE SUMMARY\r\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\nfunction updateScoreSummary() {\r\n    document.getElementById('scoreCorrect').textContent = quizState.correctCount;\r\n    document.getElementById('scoreWrong').textContent = quizState.wrongCount;\r\n    document.getElementById('scoreAttempted').textContent = quizState.checked.size;\r\n    document.getElementById('scoreRemaining').textContent = quizState.totalQuestions - quizState.checked.size;\r\n}\r\n\r\n\/\/ Initialize\r\ndocument.addEventListener('DOMContentLoaded', quizInit);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf89 Test Completed! Great job! Here&#8217;s your performance summary \ud83d\udcca Total Score 0\/0 \ud83c\udfaf Accuracy 0% \u2705 Correct 0 \u274c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[],"tags":[],"class_list":["post-11396","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11396"}],"version-history":[{"count":73,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11396\/revisions"}],"predecessor-version":[{"id":11569,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/11396\/revisions\/11569"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}