{"id":2503,"date":"2025-08-20T01:57:07","date_gmt":"2025-08-20T01:57:07","guid":{"rendered":"https:\/\/promotionexams.com\/?p=2503"},"modified":"2025-12-21T04:00:31","modified_gmt":"2025-12-21T04:00:31","slug":"upsc-so-steno-ldce","status":"publish","type":"post","link":"https:\/\/promotionexams.com\/?p=2503","title":{"rendered":"UPSC SO\/STENO LDCE"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Previous Year Papers - UPSC SO\/Steno LDCE | CSS Adda<\/title>\n \n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --primary: #1289F8;\n --primary-dark: #046BD2;\n --primary-light: #2d6bc4;\n --secondary: #f59e0b;\n --secondary-dark: #d97706;\n --secondary-light: #fbbf24;\n --accent: #0ea5e9;\n --dark: #0d2d5a;\n --dark-light: #1a4b8c;\n --gray-900: #111827;\n --gray-800: #1f2937;\n --gray-700: #374151;\n --gray-600: #4b5563;\n --gray-500: #6b7280;\n --gray-400: #9ca3af;\n --gray-300: #d1d5db;\n --gray-200: #e5e7eb;\n --gray-100: #f3f4f6;\n --gray-50: #f9fafb;\n --white: #ffffff;\n --success: #10b981;\n --warning: #f59e0b;\n --danger: #ef4444;\n --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\n --gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);\n --gradient-dark: linear-gradient(135deg, var(--dark) 0%, var(--primary) 50%, var(--secondary-dark) 100%);\n --gradient-hero: linear-gradient(135deg, var(--dark) 0%, var(--primary-dark) 60%, #b45309 100%);\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n --shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\n --radius-sm: 6px;\n --radius: 8px;\n --radius-md: 12px;\n --radius-lg: 16px;\n --radius-xl: 24px;\n --transition: all 0.3s ease;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background: var(--gray-50);\n color: var(--gray-800);\n line-height: 1.6;\n }\n\n \/* ============================================\n HERO SECTION\n ============================================ *\/\n .hero {\n background: var(--gradient-hero);\n padding: 80px 20px 100px;\n position: relative;\n overflow: hidden;\n border-radius: 0 0 30px 30px;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n }\n\n .hero-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(249, 115, 22, 0.2);\n border: 1px solid rgba(249, 115, 22, 0.3);\n color: var(--secondary-light);\n padding: 8px 20px;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 0px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 800;\n color: var(--secondary-light);;\n margin-bottom: 15px;\n line-height: 1.2;\n }\n\n .hero-description {\n font-size: 1.1rem;\n color: var(--gray-300);\n max-width: 600px;\n margin: 0 auto 30px;\n }\n\n \/* ============================================\n MAIN CONTAINER\n ============================================ *\/\n .main-container {\n max-width: 1200px;\n margin: -50px auto 60px;\n padding: 0 20px;\n position: relative;\n z-index: 10;\n }\n\n \/* ============================================\n MAIN TABS\n ============================================ *\/\n .main-tabs-wrapper {\n background: var(--white);\n border-radius: var(--radius-lg);\n padding: 8px;\n display: flex;\n gap: 8px;\n margin-bottom: 30px;\n box-shadow: var(--shadow-lg);\n }\n\n .main-tab-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 16px 24px;\n border: 2px solid var(--secondary);\n background: transparent;\n color: var(--gray-600);\n font-family: 'Inter', sans-serif;\n font-size: 0.95rem;\n font-weight: 600;\n cursor: pointer;\n border-radius: var(--radius-md);\n transition: var(--transition);\n }\n\n .main-tab-btn:hover {\n background: var(--gray-100);\n color: var(--primary);\n }\n\n .main-tab-btn.active {\n background: var(--gradient-primary);\n color: var(--white);\n border-color: var(--primary);\n box-shadow: var(--shadow-md);\n }\n\n .main-tab-btn i {\n font-size: 1.2rem;\n }\n\n \/* ============================================\n CONTENT WRAPPER\n ============================================ *\/\n .content-wrapper {\n background: var(--white);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-lg);\n overflow: hidden;\n }\n\n .tab-panel {\n display: none;\n }\n\n .tab-panel.active {\n display: block;\n animation: fadeIn 0.4s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ============================================\n PAPER TABS (Secondary Tabs)\n ============================================ *\/\n .paper-tabs-wrapper {\n background: var(--gray-100);\n padding: 20px 25px;\n border-bottom: 1px solid var(--gray-200);\n }\n\n .paper-tabs {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .paper-tab-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n border: 2px solid var(--gray-300);\n background: var(--white);\n color: var(--gray-700);\n font-family: 'Inter', sans-serif;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n border-radius: var(--radius);\n transition: var(--transition);\n }\n\n .paper-tab-btn:hover {\n border-color: var(--primary-light);\n color: var(--primary);\n transform: translateY(-2px);\n }\n\n .paper-tab-btn.active {\n background: var(--primary);\n border-color: var(--primary);\n color: var(--white);\n box-shadow: var(--shadow);\n }\n\n .paper-tab-btn i {\n font-size: 1rem;\n }\n\n \/* ============================================\n PAPER CONTENT\n ============================================ *\/\n .paper-content-wrapper {\n padding: 25px;\n }\n\n .paper-panel {\n display: none;\n }\n\n .paper-panel.active {\n display: block;\n animation: fadeIn 0.3s ease;\n }\n\n \/* ============================================\n PAPER INFO HEADER\n ============================================ *\/\n .paper-info-box {\n background: linear-gradient(135deg, #eef2ff 0%, #fef3c7 100%);\n border-radius: var(--radius-md);\n padding: 24px;\n margin-bottom: 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n border: 1px solid var(--gray-200);\n }\n\n .paper-info-left h2 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 6px;\n }\n\n .paper-info-left p {\n color: var(--gray-600);\n font-size: 0.9rem;\n }\n\n .paper-info-stats {\n display: flex;\n gap: 15px;\n }\n\n .info-stat-box {\n background: var(--white);\n padding: 12px 20px;\n border-radius: var(--radius);\n text-align: center;\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--gray-200);\n }\n\n .info-stat-value {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--secondary);\n }\n\n .info-stat-label {\n font-size: 0.75rem;\n color: var(--gray-500);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n \/* ============================================\n DATA TABLE\n ============================================ *\/\n .table-container {\n border-radius: var(--radius-md);\n overflow: hidden;\n border: 1px solid var(--gray-200);\n box-shadow: var(--shadow);\n }\n\n .data-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .data-table thead {\n background: linear-gradient(135deg, var(--dark) 0%, var(--primary) 100%);\n }\n\n .data-table th {\n padding: 18px 20px;\n text-align: center;\n color: var(--white);\n font-weight: 600;\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .data-table tbody tr {\n border-bottom: 1px solid var(--gray-100);\n transition: var(--transition);\n }\n\n .data-table tbody tr:hover {\n background: var(--gray-50);\n }\n\n .data-table tbody tr:nth-child(even) {\n background: var(--gray-50);\n }\n\n .data-table tbody tr:nth-child(even):hover {\n background: var(--gray-100);\n }\n\n .data-table td {\n padding: 18px 20px;\n text-align: center;\n vertical-align: middle;\n font-size: 0.9rem;\n }\n\n .year-badge {\n display: inline-block;\n background: var(--gradient-primary);\n color: var(--white);\n padding: 8px 18px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.9rem;\n }\n\n .year-badge.upcoming {\n background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);\n }\n\n .btn-download {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n background: var(--gradient-secondary);\n color: var(--white);\n text-decoration: none;\n border-radius: var(--radius);\n font-size: 0.85rem;\n font-weight: 600;\n border: none;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .btn-download:hover {\n transform: scale(1.05);\n box-shadow: var(--shadow-md);\n color: var(--white);\n }\n\n .btn-download.alt {\n background: var(--gradient-primary);\n }\n\n .btn-download.green {\n background: linear-gradient(135deg, #10b981 0%, #34d399 100%);\n }\n\n .btn-download.disabled {\n background: var(--gray-300);\n cursor: not-allowed;\n opacity: 0.7;\n }\n\n .btn-download.disabled:hover {\n transform: none;\n box-shadow: none;\n }\n\n .btn-download i {\n font-size: 0.9rem;\n }\n\n .na-text {\n color: var(--gray-400);\n font-style: italic;\n font-size: 0.85rem;\n }\n\n \/* ============================================\n EXAM HIGHLIGHTS SECTION\n ============================================ *\/\n .highlights-section {\n margin-top: 30px;\n }\n\n .highlights-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .highlights-title i {\n color: var(--secondary);\n }\n\n .highlights-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n }\n\n .highlight-card {\n background: var(--white);\n border-radius: var(--radius-md);\n padding: 20px;\n border: 1px solid var(--gray-200);\n box-shadow: var(--shadow-sm);\n text-align: center;\n transition: var(--transition);\n }\n\n .highlight-card:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-md);\n border-color: var(--primary-light);\n }\n\n .highlight-card.orange {\n border-left: 4px solid var(--secondary);\n }\n\n .highlight-card.blue {\n border-left: 4px solid var(--primary);\n }\n\n .highlight-card.green {\n border-left: 4px solid var(--success);\n }\n\n .highlight-card.purple {\n border-left: 4px solid #8b5cf6;\n }\n\n .highlight-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 12px;\n font-size: 1.3rem;\n }\n\n .highlight-card.orange .highlight-icon {\n background: #fff7ed;\n color: var(--secondary);\n }\n\n .highlight-card.blue .highlight-icon {\n background: #eff6ff;\n color: var(--primary);\n }\n\n .highlight-card.green .highlight-icon {\n background: #ecfdf5;\n color: var(--success);\n }\n\n .highlight-card.purple .highlight-icon {\n background: #f5f3ff;\n color: #8b5cf6;\n }\n\n .highlight-value {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--dark);\n margin-bottom: 4px;\n }\n\n .highlight-label {\n font-size: 0.8rem;\n color: var(--gray-500);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n \/* ============================================\n PREPARATION TIPS SECTION\n ============================================ *\/\n .tips-section {\n margin-top: 25px;\n background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);\n border-radius: var(--radius-md);\n padding: 24px;\n border: 1px solid #bbf7d0;\n }\n\n .tips-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n }\n\n .tips-icon {\n width: 44px;\n height: 44px;\n background: var(--success);\n border-radius: var(--radius);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 1.2rem;\n }\n\n .tips-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n color: var(--dark);\n }\n\n .tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 12px;\n }\n\n .tip-item {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 12px 15px;\n background: var(--white);\n border-radius: var(--radius);\n border: 1px solid #d1fae5;\n }\n\n .tip-number {\n width: 28px;\n height: 28px;\n background: var(--success);\n color: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.8rem;\n font-weight: 700;\n flex-shrink: 0;\n }\n\n .tip-text {\n font-size: 0.9rem;\n color: var(--gray-700);\n line-height: 1.5;\n }\n\n \/* ============================================\n VIEW TOGGLE\n ============================================ *\/\n .view-toggle-wrapper {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 20px;\n }\n\n .view-toggle {\n display: flex;\n background: var(--gray-100);\n border-radius: var(--radius);\n padding: 4px;\n }\n\n .view-toggle-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n border: none;\n background: transparent;\n color: var(--gray-600);\n font-family: 'Inter', sans-serif;\n font-size: 0.85rem;\n font-weight: 600;\n cursor: pointer;\n border-radius: var(--radius-sm);\n transition: var(--transition);\n }\n\n .view-toggle-btn:hover {\n color: var(--primary);\n }\n\n .view-toggle-btn.active {\n background: var(--white);\n color: var(--primary);\n box-shadow: var(--shadow);\n }\n\n .view-content {\n display: none;\n }\n\n .view-content.active {\n display: block;\n }\n\n \/* ============================================\n TREND TABLE\n ============================================ *\/\n .trend-table-wrapper {\n overflow-x: auto;\n border-radius: var(--radius-md);\n border: 1px solid var(--gray-200);\n box-shadow: var(--shadow);\n }\n\n .trend-table {\n width: 100%;\n border-collapse: collapse;\n min-width: 1100px;\n }\n\n .trend-table thead {\n background: linear-gradient(135deg, var(--dark) 0%, var(--primary) 100%);\n }\n\n .trend-table th {\n padding: 14px 10px;\n text-align: center;\n color: var(--white);\n font-weight: 600;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border-right: 1px solid rgba(255,255,255,0.1);\n }\n\n .trend-table th:last-child {\n border-right: none;\n }\n\n .trend-table th.new-year {\n background: var(--secondary);\n position: relative;\n }\n\n .trend-table th.new-year::after {\n content: 'NEW';\n position: absolute;\n top: -8px;\n right: -5px;\n background: #ef4444;\n color: white;\n font-size: 0.6rem;\n padding: 2px 5px;\n border-radius: 3px;\n font-weight: 700;\n }\n\n .trend-table tbody tr {\n border-bottom: 1px solid var(--gray-100);\n transition: var(--transition);\n }\n\n .trend-table tbody tr:hover {\n background: #eef2ff;\n }\n\n .trend-table td {\n padding: 14px 10px;\n text-align: center;\n font-size: 0.85rem;\n border-right: 1px solid var(--gray-100);\n }\n\n .trend-table td:last-child {\n border-right: none;\n }\n\n .trend-table .topic-cell {\n text-align: left;\n font-weight: 600;\n color: var(--gray-800);\n background: var(--gray-50);\n padding-left: 16px;\n min-width: 200px;\n border-right: 2px solid var(--gray-200);\n }\n\n .q-count {\n display: inline-block;\n min-width: 32px;\n padding: 4px 10px;\n background: #fef3c7;\n color: var(--secondary-dark);\n border-radius: var(--radius-sm);\n font-weight: 700;\n font-size: 0.85rem;\n }\n\n .q-count.highlight-new {\n background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);\n color: white;\n box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);\n }\n\n .q-count.tba {\n background: var(--gray-200);\n color: var(--gray-500);\n font-style: italic;\n }\n\n .total-row {\n background: #eef2ff !important;\n font-weight: 700;\n }\n\n .total-row td {\n border-top: 2px solid var(--primary);\n }\n\n .total-row .topic-cell {\n background: var(--primary) !important;\n color: var(--white) !important;\n }\n\n .total-row .q-count {\n background: var(--primary);\n color: var(--white);\n }\n\n .avg-cell {\n background: var(--secondary) !important;\n color: var(--white) !important;\n font-weight: 700;\n }\n\n \/* ============================================\n CHART SECTION\n ============================================ *\/\n .charts-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 25px;\n }\n\n .chart-card {\n background: var(--white);\n border-radius: var(--radius-md);\n padding: 25px;\n border: 1px solid var(--gray-200);\n box-shadow: var(--shadow);\n }\n\n .chart-card-title {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 20px;\n text-align: center;\n }\n\n .chart-container {\n width: 100%;\n height: 400px;\n }\n\n .chart-container.pie {\n height: 350px;\n }\n\n \/* ============================================\n MOBILE CARDS\n ============================================ *\/\n .mobile-cards-wrapper {\n display: none;\n }\n\n .mobile-card {\n background: var(--white);\n border-radius: var(--radius-md);\n overflow: hidden;\n margin-bottom: 16px;\n border: 1px solid var(--gray-200);\n box-shadow: var(--shadow);\n }\n\n .mobile-card-header {\n background: linear-gradient(135deg, var(--dark) 0%, var(--primary) 100%);\n padding: 16px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .mobile-card-header.upcoming {\n background: linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary) 100%);\n }\n\n .mobile-card-year {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n color: var(--white);\n }\n\n .mobile-card-body {\n padding: 16px 20px;\n }\n\n .mobile-card-actions {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n .mobile-card-actions .btn-download {\n flex: 1;\n justify-content: center;\n min-width: 100px;\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 992px) {\n .paper-info-box {\n flex-direction: column;\n text-align: center;\n }\n\n .paper-info-stats {\n width: 100%;\n justify-content: center;\n }\n\n .charts-grid {\n grid-template-columns: 1fr;\n }\n\n .highlights-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .hero {\n padding: 40px 15px 80px;\n }\n\n .main-tabs-wrapper {\n flex-direction: column;\n }\n\n .main-tab-btn {\n justify-content: flex-start;\n padding: 14px 20px;\n }\n\n .paper-tabs {\n flex-direction: column;\n }\n\n .paper-tab-btn {\n width: 100%;\n justify-content: center;\n }\n\n .paper-content-wrapper {\n padding: 15px;\n }\n\n .table-container {\n display: none;\n }\n\n .mobile-cards-wrapper {\n display: block;\n }\n\n .view-toggle-wrapper {\n justify-content: center;\n }\n\n .trend-table-wrapper {\n display: block;\n }\n\n .chart-container {\n height: 300px;\n }\n\n .chart-container.pie {\n height: 280px;\n }\n\n .paper-info-stats {\n flex-wrap: wrap;\n }\n\n .info-stat-box {\n flex: 1;\n min-width: 80px;\n }\n\n .highlights-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n .tips-grid {\n grid-template-columns: 1fr;\n }\n\n .cutoff-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .hero-stats {\n flex-direction: column;\n gap: 20px;\n }\n\n .hero-stat-value {\n font-size: 2rem;\n }\n\n .btn-download {\n padding: 8px 14px;\n font-size: 0.8rem;\n }\n\n .highlights-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* ============================================\n SCROLL TO TOP\n ============================================ *\/\n .scroll-top-btn {\n position: fixed;\n bottom: 25px;\n right: 25px;\n width: 48px;\n height: 48px;\n background: var(--gradient-secondary);\n color: var(--white);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n font-size: 1.2rem;\n box-shadow: var(--shadow-lg);\n transition: var(--transition);\n opacity: 0;\n visibility: hidden;\n z-index: 1000;\n }\n\n .scroll-top-btn.visible {\n opacity: 1;\n visibility: visible;\n }\n\n .scroll-top-btn:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-xl);\n }\n <\/style>\n<\/head>\n<body>\n <!-- ============================================\n HERO SECTION\n ============================================ -->\n <section class=\"hero\">\n <div class=\"hero-container\">\n <div class=\"hero-badge\">\n <i class=\"fas fa-certificate\"><\/i>\n UPSC Combined SO\/Steno LDCE\n <\/div>\n <h1 class=\"hero-title\">Previous Year Papers<\/h1>\n <p class=\"hero-description\">\n Access original question papers, answer keys, cut-off marks & comprehensive topic-wise trend analysis for all batches\n <\/p>\n <\/div>\n <\/section>\n\n <!-- ============================================\n MAIN CONTAINER\n ============================================ -->\n <div class=\"main-container\">\n <!-- Main Tabs -->\n <div class=\"main-tabs-wrapper\">\n <button class=\"main-tab-btn active\" data-tab=\"pyp\">\n <i class=\"fas fa-file-alt\"><\/i>\n Previous Year Papers\n <\/button>\n <button class=\"main-tab-btn\" data-tab=\"trend\">\n <i class=\"fas fa-chart-line\"><\/i>\n Trend Analysis\n <\/button>\n <\/div>\n\n <!-- Content Wrapper -->\n <div class=\"content-wrapper\">\n <!-- ============================================\n PREVIOUS YEAR PAPERS TAB\n ============================================ -->\n <div id=\"pyp\" class=\"tab-panel active\">\n <!-- Paper Tabs -->\n <div class=\"paper-tabs-wrapper\">\n <div class=\"paper-tabs\">\n <button class=\"paper-tab-btn active\" data-paper=\"paper1-pyp\">\n <i class=\"fas fa-file-contract\"><\/i>\n Paper 1 (Objective)\n <\/button>\n <button class=\"paper-tab-btn\" data-paper=\"paper2-pyp\">\n <i class=\"fas fa-file-invoice\"><\/i>\n Paper 2 (Objective)\n <\/button>\n <button class=\"paper-tab-btn\" data-paper=\"paper3-pyp\">\n <i class=\"fas fa-file-signature\"><\/i>\n Paper 3 (Subjective)\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Paper Content -->\n <div class=\"paper-content-wrapper\">\n <!-- Paper 1 -->\n <div id=\"paper1-pyp\" class=\"paper-panel active\">\n <div class=\"paper-info-box\">\n <div class=\"paper-info-left\">\n <h2><i class=\"fas fa-book-open\" style=\"color: var(--secondary); margin-right: 10px;\"><\/i>Paper 1 - General Studies<\/h2>\n <p>Constitution, Parliamentary Procedure, RTI, AOBR\/TOBR, Schemes, Current Affairs, Economy<\/p>\n <\/div>\n <div class=\"paper-info-stats\">\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">120<\/div>\n <div class=\"info-stat-label\">Questions<\/div>\n <\/div>\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">150<\/div>\n <div class=\"info-stat-label\">Marks<\/div>\n <\/div>\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">2 Hrs<\/div>\n <div class=\"info-stat-label\">Duration<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Desktop Table -->\n <div class=\"table-container\">\n <table class=\"data-table\" id=\"paper1Table\">\n <thead>\n <tr>\n <th>Batch Year<\/th>\n <th>Question Paper<\/th>\n <th>Answer Key<\/th>\n <th>Cut-Off Marks<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"paper1TableBody\"><\/tbody>\n <\/table>\n <\/div>\n\n <!-- Mobile Cards -->\n <div class=\"mobile-cards-wrapper\" id=\"paper1MobileCards\"><\/div>\n\n <!-- Exam Highlights -->\n <div class=\"highlights-section\">\n <h3 class=\"highlights-title\"><i class=\"fas fa-chart-pie\"><\/i> Exam Highlights<\/h3>\n <div class=\"highlights-grid\">\n <div class=\"highlight-card orange\">\n <div class=\"highlight-icon\"><i class=\"fas fa-trophy\"><\/i><\/div>\n <div class=\"highlight-value\">158<\/div>\n <div class=\"highlight-label\">Highest Cut-Off (Gen)<\/div>\n <\/div>\n <div class=\"highlight-card blue\">\n <div class=\"highlight-icon\"><i class=\"fas fa-minus-circle\"><\/i><\/div>\n <div class=\"highlight-value\">0.33<\/div>\n <div class=\"highlight-label\">Negative Marking<\/div>\n <\/div>\n <div class=\"highlight-card green\">\n <div class=\"highlight-icon\"><i class=\"fas fa-percentage\"><\/i><\/div>\n <div class=\"highlight-value\">25%<\/div>\n <div class=\"highlight-label\">Constitution Weightage<\/div>\n <\/div>\n <div class=\"highlight-card purple\">\n <div class=\"highlight-icon\"><i class=\"fas fa-redo\"><\/i><\/div>\n <div class=\"highlight-value\">40%<\/div>\n <div class=\"highlight-label\">Repeated Questions<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Preparation Tips -->\n <div class=\"tips-section\">\n <div class=\"tips-header\">\n <div class=\"tips-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\n <h3 class=\"tips-title\">Preparation Strategy<\/h3>\n <\/div>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <div class=\"tip-number\">1<\/div>\n <div class=\"tip-text\">Focus on Constitution of India - it carries ~25% weightage consistently<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">2<\/div>\n <div class=\"tip-text\">Solve all previous year papers - 40% questions repeat with variations<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">3<\/div>\n <div class=\"tip-text\">Current Affairs of last 6 months is crucial for 20% questions<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">4<\/div>\n <div class=\"tip-text\">Study major government schemes launched in recent years<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Paper 2 -->\n <div id=\"paper2-pyp\" class=\"paper-panel\">\n <div class=\"paper-info-box\">\n <div class=\"paper-info-left\">\n <h2><i class=\"fas fa-balance-scale\" style=\"color: var(--secondary); margin-right: 10px;\"><\/i>Paper 2 - Service Rules & Procedures<\/h2>\n <p>MOP\/NOP, CCS Rules (Pension, Conduct, CCA, Leave\/LTC), GFR, DFPR, FR\/SR<\/p>\n <\/div>\n <div class=\"paper-info-stats\">\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">120<\/div>\n <div class=\"info-stat-label\">Questions<\/div>\n <\/div>\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">150<\/div>\n <div class=\"info-stat-label\">Marks<\/div>\n <\/div>\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">2 Hrs<\/div>\n <div class=\"info-stat-label\">Duration<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"table-container\">\n <table class=\"data-table\" id=\"paper2Table\">\n <thead>\n <tr>\n <th>Batch Year<\/th>\n <th>Question Paper<\/th>\n <th>Answer Key<\/th>\n <th>Cut-Off Marks<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"paper2TableBody\"><\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"mobile-cards-wrapper\" id=\"paper2MobileCards\"><\/div>\n\n <div class=\"highlights-section\">\n <h3 class=\"highlights-title\"><i class=\"fas fa-chart-pie\"><\/i> Exam Highlights<\/h3>\n <div class=\"highlights-grid\">\n <div class=\"highlight-card orange\">\n <div class=\"highlight-icon\"><i class=\"fas fa-gavel\"><\/i><\/div>\n <div class=\"highlight-value\">40%<\/div>\n <div class=\"highlight-label\">CCS Rules Weightage<\/div>\n <\/div>\n <div class=\"highlight-card blue\">\n <div class=\"highlight-icon\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/div>\n <div class=\"highlight-value\">12%<\/div>\n <div class=\"highlight-label\">GFR Questions<\/div>\n <\/div>\n <div class=\"highlight-card green\">\n <div class=\"highlight-icon\"><i class=\"fas fa-book\"><\/i><\/div>\n <div class=\"highlight-value\">15%<\/div>\n <div class=\"highlight-label\">MOP Weightage<\/div>\n <\/div>\n <div class=\"highlight-card purple\">\n <div class=\"highlight-icon\"><i class=\"fas fa-sync-alt\"><\/i><\/div>\n <div class=\"highlight-value\">50%<\/div>\n <div class=\"highlight-label\">Rule-based Questions<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tips-section\">\n <div class=\"tips-header\">\n <div class=\"tips-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\n <h3 class=\"tips-title\">Preparation Strategy<\/h3>\n <\/div>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <div class=\"tip-number\">1<\/div>\n <div class=\"tip-text\">Master CCS (CCA) Rules - highest weightage among all CCS Rules<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">2<\/div>\n <div class=\"tip-text\">Memorize key amounts and time limits in GFR and FR\/SR<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">3<\/div>\n <div class=\"tip-text\">Always study latest amendments - rules change frequently<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">4<\/div>\n <div class=\"tip-text\">Manual of Office Procedure is a must-read for 15% questions<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Paper 3 -->\n <div id=\"paper3-pyp\" class=\"paper-panel\">\n <div class=\"paper-info-box\">\n <div class=\"paper-info-left\">\n <h2><i class=\"fas fa-pen-fancy\" style=\"color: var(--secondary); margin-right: 10px;\"><\/i>Paper 3 - Subjective\/Descriptive<\/h2>\n <p>Precis Writing, Letter\/Report Drafting, Comprehension, Note\/Office Order<\/p>\n <\/div>\n <div class=\"paper-info-stats\">\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">5<\/div>\n <div class=\"info-stat-label\">Questions<\/div>\n <\/div>\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">200<\/div>\n <div class=\"info-stat-label\">Marks<\/div>\n <\/div>\n <div class=\"info-stat-box\">\n <div class=\"info-stat-value\">3 Hrs<\/div>\n <div class=\"info-stat-label\">Duration<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"table-container\">\n <table class=\"data-table\" id=\"paper3Table\">\n <thead>\n <tr>\n <th>Batch Year<\/th>\n <th>Question Paper<\/th>\n <th>Model Answer<\/th>\n <th>Qualifying Marks<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"paper3TableBody\"><\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"mobile-cards-wrapper\" id=\"paper3MobileCards\"><\/div>\n\n <div class=\"highlights-section\">\n <h3 class=\"highlights-title\"><i class=\"fas fa-chart-pie\"><\/i> Exam Highlights<\/h3>\n <div class=\"highlights-grid\">\n <div class=\"highlight-card orange\">\n <div class=\"highlight-icon\"><i class=\"fas fa-pen\"><\/i><\/div>\n <div class=\"highlight-value\">50<\/div>\n <div class=\"highlight-label\">Essay Marks<\/div>\n <\/div>\n <div class=\"highlight-card blue\">\n <div class=\"highlight-icon\"><i class=\"fas fa-compress-alt\"><\/i><\/div>\n <div class=\"highlight-value\">1\/3<\/div>\n <div class=\"highlight-label\">Precis Length Ratio<\/div>\n <\/div>\n <div class=\"highlight-card green\">\n <div class=\"highlight-icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\n <div class=\"highlight-value\">40%<\/div>\n <div class=\"highlight-label\">Qualifying Marks<\/div>\n <\/div>\n <div class=\"highlight-card purple\">\n <div class=\"highlight-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div class=\"highlight-value\">40<\/div>\n <div class=\"highlight-label\">Drafting Marks<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tips-section\">\n <div class=\"tips-header\">\n <div class=\"tips-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\n <h3 class=\"tips-title\">Preparation Strategy<\/h3>\n <\/div>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <div class=\"tip-number\">1<\/div>\n <div class=\"tip-text\">Practice essay writing on governance, administration & current topics<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">2<\/div>\n <div class=\"tip-text\">Precis must be exactly 1\/3rd of original - practice word counting<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">3<\/div>\n <div class=\"tip-text\">Learn official letter & note formats from MOP thoroughly<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-number\">4<\/div>\n <div class=\"tip-text\">Time management is key - allocate time for each question<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ============================================\n TREND ANALYSIS TAB\n ============================================ -->\n <div id=\"trend\" class=\"tab-panel\">\n <!-- Paper Tabs -->\n <div class=\"paper-tabs-wrapper\">\n <div class=\"paper-tabs\">\n <button class=\"paper-tab-btn active\" data-paper=\"paper1-trend\">\n <i class=\"fas fa-file-contract\"><\/i>\n Paper 1\n <\/button>\n <button class=\"paper-tab-btn\" data-paper=\"paper2-trend\">\n <i class=\"fas fa-file-invoice\"><\/i>\n Paper 2\n <\/button>\n <button class=\"paper-tab-btn\" data-paper=\"paper3-trend\">\n <i class=\"fas fa-file-signature\"><\/i>\n Paper 3\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Paper Content -->\n <div class=\"paper-content-wrapper\">\n <!-- Paper 1 Trend -->\n <div id=\"paper1-trend\" class=\"paper-panel active\">\n <div class=\"paper-info-box\">\n <div class=\"paper-info-left\">\n <h2><i class=\"fas fa-chart-bar\" style=\"color: var(--secondary); margin-right: 10px;\"><\/i>Paper 1 - Topic-wise Analysis<\/h2>\n <p>Track the number of questions asked from each topic across all exam years (Total: 120 Questions\/Year)<\/p>\n <\/div>\n <\/div>\n\n <!-- View Toggle -->\n <div class=\"view-toggle-wrapper\">\n <div class=\"view-toggle\">\n <button class=\"view-toggle-btn active\" data-view=\"table\" data-target=\"paper1-trend\">\n <i class=\"fas fa-table\"><\/i> Table\n <\/button>\n <button class=\"view-toggle-btn\" data-view=\"chart\" data-target=\"paper1-trend\">\n <i class=\"fas fa-chart-pie\"><\/i> Chart\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Table View -->\n <div class=\"view-content active\" id=\"paper1-trend-table\">\n <div class=\"trend-table-wrapper\">\n <table class=\"trend-table\" id=\"paper1TrendTable\">\n <thead>\n <tr>\n <th>Topic<\/th>\n <th class=\"new-year\">2025<\/th>\n <th>2024<\/th>\n <th>2023<\/th>\n <th>2021-22<\/th>\n <th>2019-20<\/th>\n <th>2018<\/th>\n <th>2016-17<\/th>\n <th>2015<\/th>\n <th>2014<\/th>\n <th>2012-13<\/th>\n <th>2009-11<\/th>\n <th>Total<\/th>\n <th>Avg %<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"paper1TrendBody\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <!-- Chart View -->\n <div class=\"view-content\" id=\"paper1-trend-chart\">\n <div class=\"charts-grid\">\n <div class=\"chart-card\">\n <h3 class=\"chart-card-title\">Year-wise Topic Distribution<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"paper1BarChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"chart-card\">\n <h3 class=\"chart-card-title\">Overall Topic Weightage<\/h3>\n <div class=\"chart-container pie\">\n <canvas id=\"paper1PieChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Paper 2 Trend -->\n <div id=\"paper2-trend\" class=\"paper-panel\">\n <div class=\"paper-info-box\">\n <div class=\"paper-info-left\">\n <h2><i class=\"fas fa-chart-bar\" style=\"color: var(--secondary); margin-right: 10px;\"><\/i>Paper 2 - Topic-wise Analysis<\/h2>\n <p>Track the number of questions asked from each topic across all exam years (Total: 120 Questions\/Year)<\/p>\n <\/div>\n <\/div>\n\n <div class=\"view-toggle-wrapper\">\n <div class=\"view-toggle\">\n <button class=\"view-toggle-btn active\" data-view=\"table\" data-target=\"paper2-trend\">\n <i class=\"fas fa-table\"><\/i> Table\n <\/button>\n <button class=\"view-toggle-btn\" data-view=\"chart\" data-target=\"paper2-trend\">\n <i class=\"fas fa-chart-pie\"><\/i> Chart\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"view-content active\" id=\"paper2-trend-table\">\n <div class=\"trend-table-wrapper\">\n <table class=\"trend-table\" id=\"paper2TrendTable\">\n <thead>\n <tr>\n <th>Topic<\/th>\n <th class=\"new-year\">2025<\/th>\n <th>2024<\/th>\n <th>2023<\/th>\n <th>2021-22<\/th>\n <th>2019-20<\/th>\n <th>2018<\/th>\n <th>2016-17<\/th>\n <th>2015<\/th>\n <th>2014<\/th>\n <th>2012-13<\/th>\n <th>2009-11<\/th>\n <th>Total<\/th>\n <th>Avg %<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"paper2TrendBody\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div class=\"view-content\" id=\"paper2-trend-chart\">\n <div class=\"charts-grid\">\n <div class=\"chart-card\">\n <h3 class=\"chart-card-title\">Year-wise Topic Distribution<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"paper2BarChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"chart-card\">\n <h3 class=\"chart-card-title\">Overall Topic Weightage<\/h3>\n <div class=\"chart-container pie\">\n <canvas id=\"paper2PieChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Paper 3 Trend -->\n <div id=\"paper3-trend\" class=\"paper-panel\">\n <div class=\"paper-info-box\">\n <div class=\"paper-info-left\">\n <h2><i class=\"fas fa-chart-bar\" style=\"color: var(--secondary); margin-right: 10px;\"><\/i>Paper 3 - Topic-wise Analysis<\/h2>\n <p>Track the types of questions asked in subjective paper across all years (Total: 5 Questions\/Year)<\/p>\n <\/div>\n <\/div>\n\n <div class=\"view-toggle-wrapper\">\n <div class=\"view-toggle\">\n <button class=\"view-toggle-btn active\" data-view=\"table\" data-target=\"paper3-trend\">\n <i class=\"fas fa-table\"><\/i> Table\n <\/button>\n <button class=\"view-toggle-btn\" data-view=\"chart\" data-target=\"paper3-trend\">\n <i class=\"fas fa-chart-pie\"><\/i> Chart\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"view-content active\" id=\"paper3-trend-table\">\n <div class=\"trend-table-wrapper\">\n <table class=\"trend-table\" id=\"paper3TrendTable\">\n <thead>\n <tr>\n <th>Topic\/Type<\/th>\n <th class=\"new-year\">2025<\/th>\n <th>2024<\/th>\n <th>2023<\/th>\n <th>2021-22<\/th>\n <th>2019-20<\/th>\n <th>2018<\/th>\n <th>2016-17<\/th>\n <th>2015<\/th>\n <th>2014<\/th>\n <th>2012-13<\/th>\n <th>2009-11<\/th>\n <th>Total<\/th>\n <th>Avg %<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"paper3TrendBody\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div class=\"view-content\" id=\"paper3-trend-chart\">\n <div class=\"charts-grid\">\n <div class=\"chart-card\">\n <h3 class=\"chart-card-title\">Year-wise Question Type Distribution<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"paper3BarChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"chart-card\">\n <h3 class=\"chart-card-title\">Overall Question Type Weightage<\/h3>\n <div class=\"chart-container pie\">\n <canvas id=\"paper3PieChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Scroll to Top -->\n <button class=\"scroll-top-btn\" id=\"scrollTopBtn\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n <!-- Chart.js -->\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n <script>\n \/\/ \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n \/\/ \u2551 \u2551\n \/\/ \u2551 \ud83d\udcc1 PDF FILE CONFIGURATION SECTION \u2551\n \/\/ \u2551 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u2551\n \/\/ \u2551 \u2551\n \/\/ \u2551 HOW TO ADD YOUR PDF FILES: \u2551\n \/\/ \u2551 1. Upload PDFs to WordPress Media Library \u2551\n \/\/ \u2551 2. Copy the file URL for each PDF \u2551\n \/\/ \u2551 3. Paste the URLs in the appropriate fields below \u2551\n \/\/ \u2551 4. Set 'available: true' for files you have uploaded \u2551\n \/\/ \u2551 \u2551\n \/\/ \u2551 EXAMPLE URL FORMAT: \u2551\n \/\/ \u2551 https:\/\/yoursite.com\/wp-content\/uploads\/2024\/01\/paper1-2024.pdf \u2551\n \/\/ \u2551 \u2551\n \/\/ \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n\n const paperFiles = {\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\n \/\/ PAPER 1 - General Studies (Objective)\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\n paper1: {\n '2025': {\n questionPaper: '', \/\/ Upload after exam\n answerKey: '', \/\/ Upload after results\n cutoff: '', \/\/ Upload after results announced\n available: false \/\/ Set to true when files are uploaded\n },\n '2024': {\n questionPaper: '\/wp-content\/uploads\/2025\/12\/Combined-SOSteno-LDCE-Paper-2-2024.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2024-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2024.pdf',\n available: true \/\/ \u2705 Change to true when you add URLs above\n },\n '2023': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2023-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2023-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2023.pdf',\n available: true\n },\n '2021-22': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2021-22-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2021-22-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2021-22.pdf',\n available: true\n },\n '2019-20': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2019-20-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2019-20-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2019-20.pdf',\n available: true\n },\n '2018': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2018-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2018-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2018.pdf',\n available: true\n },\n '2016-17': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2016-17-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2016-17-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2016-17.pdf',\n available: true\n },\n '2015': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2015-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2015-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2015.pdf',\n available: true\n },\n '2014': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2014-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2014-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2014.pdf',\n available: true\n },\n '2012-13': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2012-13-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2012-13-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2012-13.pdf',\n available: true\n },\n '2009-11': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2009-11-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper1-2009-11-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2009-11.pdf',\n available: true\n }\n },\n\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\n \/\/ PAPER 2 - Service Rules & Procedures (Objective)\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\n paper2: {\n '2025': {\n questionPaper: '',\n answerKey: '',\n cutoff: '',\n available: false\n },\n '2024': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2024-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2024-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2024.pdf',\n available: true\n },\n '2023': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2023-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2023-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2023.pdf',\n available: true\n },\n '2021-22': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2021-22-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2021-22-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2021-22.pdf',\n available: true\n },\n '2019-20': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2019-20-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2019-20-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2019-20.pdf',\n available: true\n },\n '2018': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2018-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2018-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2018.pdf',\n available: true\n },\n '2016-17': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2016-17-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2016-17-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2016-17.pdf',\n available: true\n },\n '2015': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2015-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2015-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2015.pdf',\n available: true\n },\n '2014': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2014-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2014-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2014.pdf',\n available: true\n },\n '2012-13': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2012-13-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2012-13-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2012-13.pdf',\n available: true\n },\n '2009-11': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2009-11-question.pdf',\n answerKey: 'https:\/\/your-site.com\/wp-content\/uploads\/paper2-2009-11-answer-key.pdf',\n cutoff: 'https:\/\/your-site.com\/wp-content\/uploads\/cutoff-2009-11.pdf',\n available: true\n }\n },\n\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\n \/\/ PAPER 3 - Subjective\/Descriptive\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\n paper3: {\n '2025': {\n questionPaper: '',\n modelAnswer: '',\n available: false\n },\n '2024': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2024-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2024-model-answer.pdf',\n available: true\n },\n '2023': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2023-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2023-model-answer.pdf',\n available: true\n },\n '2021-22': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2021-22-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2021-22-model-answer.pdf',\n available: true\n },\n '2019-20': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2019-20-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2019-20-model-answer.pdf',\n available: true\n },\n '2018': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2018-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2018-model-answer.pdf',\n available: true\n },\n '2016-17': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2016-17-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2016-17-model-answer.pdf',\n available: true\n },\n '2015': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2015-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2015-model-answer.pdf',\n available: true\n },\n '2014': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2014-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2014-model-answer.pdf',\n available: true\n },\n '2012-13': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2012-13-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2012-13-model-answer.pdf',\n available: true\n },\n '2009-11': {\n questionPaper: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2009-11-question.pdf',\n modelAnswer: 'https:\/\/your-site.com\/wp-content\/uploads\/paper3-2009-11-model-answer.pdf',\n available: true\n }\n }\n };\n\n \/\/ \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n \/\/ \u2551 \ud83d\udcc8 TREND ANALYSIS DATA - Topic-wise Question Distribution \u2551\n \/\/ \u2551 First value in each array is for 2025 (update after exam) \u2551\n \/\/ \u2551 Format: [2025, 2024, 2023, 2021-22, 2019-20, 2018, 2016-17, 2015, ...] \u2551\n \/\/ \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n\n \/\/ Years array for display\n const years = ['2025', '2024', '2023', '2021-22', '2019-20', '2018', '2016-17', '2015', '2014', '2012-13', '2009-11'];\n const displayYearsForTrend = ['2025', '2024', '2023', '2021-22', '2019-20', '2018', '2016-17', '2015', '2014', '2012-13', '2009-11'];\n\n \/\/ Paper 1 Topics - 120 questions per year\n \/\/ Set first value to 'TBA' or 0 for 2025, update with actual data after exam\n const paper1Topics = {\n 'Constitution of India': ['TBA', 30, 28, 32, 30, 19, 42, 33, 37, 28, 25], \/\/ ~25%\n 'Parliamentary Procedure': ['TBA', 18, 17, 16, 19, 21, 3, 18, 14, 26, 17], \/\/ ~15%\n 'RTI Act': ['TBA', 12, 14, 12, 13, 20, 22, 21, 9, 5, 13], \/\/ ~10%\n 'Development Schemes': ['TBA', 18, 19, 17, 19, 2, 1, 7, 6, 4, 4], \/\/ ~15%\n 'Current Affairs': ['TBA', 24, 25, 26, 22, 19, 30, 12, 17, 25, 26], \/\/ ~20%\n 'Indian Economy': ['TBA', 18, 17, 17, 17, 18, 10, 7, 11, 5, 8], \/\/ ~15%\n 'AOBR\/TOBR': ['TBA', 18, 17, 17, 17, 18, 10, 7, 11, 5, 8] \/\/ ~15%\n };\n\n \/\/ Paper 2 Topics - 120 questions per year\n const paper2Topics = {\n 'Manual of Office Procedure': ['TBA', 20, 19, 18, 17, 18, 20, 30, 18, 35, 30], \/\/ ~15%\n 'CCS (Pension) Rules': ['TBA', 20, 15, 16, 14, 20, 12, 15, 15, 14, 13], \/\/ ~12%\n 'CCS (Conduct) Rules': ['TBA', 10, 14, 14, 15, 10, 12, 13, 11, 13, 11], \/\/ ~12%\n 'CCS (CCA) Rules': ['TBA', 10, 19, 18, 18, 9, 13, 13, 11, 12, 11], \/\/ ~15%\n 'CCS (Leave\/LTC) Rules': ['TBA', 7, 11, 12, 13, 8, 16, 5, 12, 16, 12], \/\/ ~10%\n 'GFR': ['TBA', 20, 14, 15, 14, 22, 11, 16, 20, 11, 13], \/\/ ~12%\n 'DFPR': ['TBA', 8, 7, 6, 7, 9, 14, 11, 8, 9, 16], \/\/ ~5%\n 'FR\/SR': ['TBA', 25, 9, 10, 10, 24, 22, 17, 25, 9, 14] \/\/ ~9%\n };\n\n \/\/ Paper 3 Topics - 5 questions per year\n const paper3Topics = {\n 'Essay Writing': ['TBA', 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n 'Precis Writing': ['TBA', 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n 'Letter\/Report Drafting': ['TBA', 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n 'Comprehension': ['TBA', 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n 'Note\/Office Order': ['TBA', 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\n };\n\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ END OF CONFIGURATION SECTION - DO NOT EDIT BELOW THIS LINE\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n const chartColors = [\n '#1a4b8c', '#f59e0b', '#10b981', '#ef4444', '#8b5cf6',\n '#06b6d4', '#ec4899', '#84cc16', '#f97316', '#6366f1'\n ];\n\n \/\/ ============================================\n \/\/ DOM READY\n \/\/ ============================================\n document.addEventListener('DOMContentLoaded', () => {\n initMainTabs();\n initPaperTabs();\n initViewToggle();\n generatePYPTables();\n generateTrendTables();\n initCharts();\n initScrollTop();\n });\n\n \/\/ ============================================\n \/\/ MAIN TABS\n \/\/ ============================================\n function initMainTabs() {\n const tabs = document.querySelectorAll('.main-tab-btn');\n const panels = document.querySelectorAll('.tab-panel');\n\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const targetId = tab.getAttribute('data-tab');\n\n tabs.forEach(t => t.classList.remove('active'));\n panels.forEach(p => p.classList.remove('active'));\n\n tab.classList.add('active');\n document.getElementById(targetId).classList.add('active');\n });\n });\n }\n\n \/\/ ============================================\n \/\/ PAPER TABS\n \/\/ ============================================\n function initPaperTabs() {\n document.querySelectorAll('.tab-panel').forEach(panel => {\n const paperTabs = panel.querySelectorAll('.paper-tab-btn');\n const paperPanels = panel.querySelectorAll('.paper-panel');\n\n paperTabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const targetId = tab.getAttribute('data-paper');\n\n paperTabs.forEach(t => t.classList.remove('active'));\n paperPanels.forEach(p => p.classList.remove('active'));\n\n tab.classList.add('active');\n document.getElementById(targetId).classList.add('active');\n });\n });\n });\n }\n\n \/\/ ============================================\n \/\/ VIEW TOGGLE\n \/\/ ============================================\n function initViewToggle() {\n document.querySelectorAll('.view-toggle-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n const view = btn.getAttribute('data-view');\n const target = btn.getAttribute('data-target');\n\n btn.parentElement.querySelectorAll('.view-toggle-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n\n const tableView = document.getElementById(`${target}-table`);\n const chartView = document.getElementById(`${target}-chart`);\n\n if (view === 'table') {\n tableView.classList.add('active');\n chartView.classList.remove('active');\n } else {\n tableView.classList.remove('active');\n chartView.classList.add('active');\n }\n });\n });\n }\n\n \/\/ ============================================\n \/\/ GENERATE PYP TABLES\n \/\/ ============================================\n function generatePYPTables() {\n generatePYPTable('paper1TableBody', 'paper1MobileCards', 'paper1');\n generatePYPTable('paper2TableBody', 'paper2MobileCards', 'paper2');\n generatePYPTable('paper3TableBody', 'paper3MobileCards', 'paper3');\n }\n\n function generatePYPTable(tableId, mobileId, paperKey) {\n const tableBody = document.getElementById(tableId);\n const mobileCards = document.getElementById(mobileId);\n const files = paperFiles[paperKey];\n\n let tableHTML = '';\n let mobileHTML = '';\n\n years.forEach(year => {\n const isUpcoming = year === '2025';\n const fileData = files[year];\n const hasFiles = fileData && fileData.available;\n\n if (paperKey === 'paper3') {\n \/\/ Paper 3 - Subjective (Model Answer instead of Answer Key)\n tableHTML += `\n <tr>\n <td><span class=\"year-badge ${isUpcoming ? 'upcoming' : ''}\">${year}<\/span><\/td>\n <td>${hasFiles ? \n `<a href=\"${fileData.questionPaper}\" target=\"_blank\" class=\"btn-download\"><i class=\"fas fa-download\"><\/i> <span>Download PDF<\/span><\/a>` : \n '<span class=\"na-text\">Coming Soon<\/span>'}<\/td>\n <td>${hasFiles ? \n `<a href=\"${fileData.modelAnswer}\" target=\"_blank\" class=\"btn-download alt\"><i class=\"fas fa-file-alt\"><\/i> <span>View Model Answer<\/span><\/a>` : \n '<span class=\"na-text\">Coming Soon<\/span>'}<\/td>\n <td>${!isUpcoming ? \n `<span class=\"btn-download green\"><i class=\"fas fa-check-circle\"><\/i> <span>40% (Qualifying)<\/span><\/span>` : \n '<span class=\"na-text\">TBA<\/span>'}<\/td>\n <\/tr>\n `;\n\n mobileHTML += `\n <div class=\"mobile-card\">\n <div class=\"mobile-card-header ${isUpcoming ? 'upcoming' : ''}\">\n <span class=\"mobile-card-year\">Batch ${year}<\/span>\n <\/div>\n <div class=\"mobile-card-body\">\n <div class=\"mobile-card-actions\">\n ${hasFiles ? `\n <a href=\"${fileData.questionPaper}\" target=\"_blank\" class=\"btn-download\"><i class=\"fas fa-download\"><\/i> Paper<\/a>\n <a href=\"${fileData.modelAnswer}\" target=\"_blank\" class=\"btn-download alt\"><i class=\"fas fa-file-alt\"><\/i> Model Ans<\/a>\n <span class=\"btn-download green\"><i class=\"fas fa-check-circle\"><\/i> 40%<\/span>\n ` : '<span class=\"na-text\">Coming Soon<\/span>'}\n <\/div>\n <\/div>\n <\/div>\n `;\n } else {\n \/\/ Paper 1 & 2 - Objective (Answer Key + Cut-off PDF)\n const hasCutoff = fileData && fileData.cutoff && fileData.cutoff !== '';\n \n tableHTML += `\n <tr>\n <td><span class=\"year-badge ${isUpcoming ? 'upcoming' : ''}\">${year}<\/span><\/td>\n <td>${hasFiles ? \n `<a href=\"${fileData.questionPaper}\" target=\"_blank\" class=\"btn-download\"><i class=\"fas fa-download\"><\/i> <span>Download PDF<\/span><\/a>` : \n '<span class=\"na-text\">Coming Soon<\/span>'}<\/td>\n <td>${hasFiles ? \n `<a href=\"${fileData.answerKey}\" target=\"_blank\" class=\"btn-download alt\"><i class=\"fas fa-key\"><\/i> <span>View Answer Key<\/span><\/a>` : \n '<span class=\"na-text\">Coming Soon<\/span>'}<\/td>\n <td>${hasCutoff ? \n `<a href=\"${fileData.cutoff}\" target=\"_blank\" class=\"btn-download green\"><i class=\"fas fa-trophy\"><\/i> <span>View Cut-Off<\/span><\/a>` : \n '<span class=\"na-text\">TBA<\/span>'}<\/td>\n <\/tr>\n `;\n\n mobileHTML += `\n <div class=\"mobile-card\">\n <div class=\"mobile-card-header ${isUpcoming ? 'upcoming' : ''}\">\n <span class=\"mobile-card-year\">Batch ${year}<\/span>\n <\/div>\n <div class=\"mobile-card-body\">\n <div class=\"mobile-card-actions\">\n ${hasFiles ? `\n <a href=\"${fileData.questionPaper}\" target=\"_blank\" class=\"btn-download\"><i class=\"fas fa-download\"><\/i> Paper<\/a>\n <a href=\"${fileData.answerKey}\" target=\"_blank\" class=\"btn-download alt\"><i class=\"fas fa-key\"><\/i> Key<\/a>\n ${hasCutoff ? \n `<a href=\"${fileData.cutoff}\" target=\"_blank\" class=\"btn-download green\"><i class=\"fas fa-trophy\"><\/i> Cut-Off<\/a>` : \n '<span class=\"na-text\">TBA<\/span>'}\n ` : '<span class=\"na-text\">Coming Soon<\/span>'}\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n });\n\n tableBody.innerHTML = tableHTML;\n mobileCards.innerHTML = mobileHTML;\n }\n\n \/\/ ============================================\n \/\/ GENERATE TREND TABLES\n \/\/ ============================================\n function generateTrendTables() {\n generateTrendTable('paper1TrendBody', paper1Topics, 120);\n generateTrendTable('paper2TrendBody', paper2Topics, 120);\n generateTrendTable('paper3TrendBody', paper3Topics, 5);\n }\n\n function generateTrendTable(tableId, topicsData, totalPerYear) {\n const tableBody = document.getElementById(tableId);\n\n let html = '';\n\n Object.keys(topicsData).forEach(topic => {\n const values = topicsData[topic];\n \n \/\/ Calculate total and average (excluding TBA values)\n const numericValues = values.filter(v => v !== 'TBA');\n const total = numericValues.reduce((a, b) => a + b, 0);\n const avgPercent = ((total \/ (numericValues.length * totalPerYear)) * 100).toFixed(1);\n\n html += `\n <tr>\n <td class=\"topic-cell\">${topic}<\/td>\n ${values.map((v, idx) => {\n if (v === 'TBA') {\n return `<td><span class=\"q-count tba\">TBA<\/span><\/td>`;\n } else if (idx === 0) {\n \/\/ 2025 data with highlight\n return `<td><span class=\"q-count highlight-new\">${v}<\/span><\/td>`;\n } else {\n return `<td><span class=\"q-count\">${v}<\/span><\/td>`;\n }\n }).join('')}\n <td class=\"total-row\"><span class=\"q-count\">${total}<\/span><\/td>\n <td class=\"avg-cell\">${avgPercent}%<\/td>\n <\/tr>\n `;\n });\n\n \/\/ Total Row\n const totals = displayYearsForTrend.map((_, idx) => {\n const colValues = Object.values(topicsData).map(arr => arr[idx]);\n if (colValues.some(v => v === 'TBA')) return 'TBA';\n return colValues.reduce((sum, val) => sum + val, 0);\n });\n \n const numericTotals = totals.filter(t => t !== 'TBA');\n const grandTotal = numericTotals.reduce((a, b) => a + b, 0);\n\n html += `\n <tr class=\"total-row\">\n <td class=\"topic-cell\">TOTAL<\/td>\n ${totals.map((t, idx) => {\n if (t === 'TBA') {\n return `<td><span class=\"q-count tba\">TBA<\/span><\/td>`;\n } else if (idx === 0) {\n return `<td><span class=\"q-count highlight-new\">${t}<\/span><\/td>`;\n } else {\n return `<td><span class=\"q-count\">${t}<\/span><\/td>`;\n }\n }).join('')}\n <td><span class=\"q-count\">${grandTotal}<\/span><\/td>\n <td class=\"avg-cell\">100%<\/td>\n <\/tr>\n `;\n\n tableBody.innerHTML = html;\n }\n\n \/\/ ============================================\n \/\/ CHARTS\n \/\/ ============================================\n let charts = {};\n\n function initCharts() {\n createCharts('paper1BarChart', 'paper1PieChart', paper1Topics);\n createCharts('paper2BarChart', 'paper2PieChart', paper2Topics);\n createCharts('paper3BarChart', 'paper3PieChart', paper3Topics);\n }\n\n function createCharts(barId, pieId, topicsData) {\n const topics = Object.keys(topicsData);\n \n \/\/ Filter out TBA values for charts (use only numeric data)\n const chartYears = displayYearsForTrend.filter((_, idx) => {\n return Object.values(topicsData).every(arr => arr[idx] !== 'TBA');\n });\n\n \/\/ Bar Chart\n const barCtx = document.getElementById(barId).getContext('2d');\n const datasets = topics.map((topic, idx) => ({\n label: topic,\n data: topicsData[topic].filter(v => v !== 'TBA'),\n backgroundColor: chartColors[idx % chartColors.length],\n borderColor: chartColors[idx % chartColors.length],\n borderWidth: 1\n }));\n\n charts[barId] = new Chart(barCtx, {\n type: 'bar',\n data: { labels: chartYears, datasets },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { font: { family: 'Inter', size: 11 }, padding: 15, usePointStyle: true }\n }\n },\n scales: {\n x: { stacked: true, grid: { display: false } },\n y: { stacked: true, beginAtZero: true, grid: { color: 'rgba(0,0,0,0.05)' } }\n }\n }\n });\n\n \/\/ Pie Chart\n const pieCtx = document.getElementById(pieId).getContext('2d');\n const totals = topics.map(topic => {\n return topicsData[topic].filter(v => v !== 'TBA').reduce((a, b) => a + b, 0);\n });\n\n charts[pieId] = new Chart(pieCtx, {\n type: 'doughnut',\n data: {\n labels: topics,\n datasets: [{\n data: totals,\n backgroundColor: chartColors.slice(0, topics.length),\n borderColor: '#fff',\n borderWidth: 3\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'right',\n labels: { font: { family: 'Inter', size: 11 }, padding: 12, usePointStyle: true }\n }\n }\n }\n });\n }\n\n \/\/ ============================================\n \/\/ SCROLL TO TOP\n \/\/ ============================================\n function initScrollTop() {\n const btn = document.getElementById('scrollTopBtn');\n\n window.addEventListener('scroll', () => {\n if (window.pageYOffset > 300) {\n btn.classList.add('visible');\n } else {\n btn.classList.remove('visible');\n }\n });\n\n btn.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85d0dcd e-flex e-con-boxed e-con e-parent\" data-id=\"85d0dcd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>Previous Year Papers – UPSC SO\/Steno LDCE | CSS Adda UPSC Combined SO\/Steno LDCE Previous Year Papers Access original question […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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":[44],"tags":[],"class_list":["post-2503","post","type-post","status-publish","format-standard","hentry","category-pyq"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/2503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=2503"}],"version-history":[{"count":337,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/2503\/revisions"}],"predecessor-version":[{"id":5596,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/posts\/2503\/revisions\/5596"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}