{"id":9419,"date":"2026-01-11T13:17:06","date_gmt":"2026-01-11T13:17:06","guid":{"rendered":"https:\/\/promotionexams.com\/?page_id=9419"},"modified":"2026-01-30T15:24:04","modified_gmt":"2026-01-30T15:24:04","slug":"kvs-lde-ldce-notes","status":"publish","type":"page","link":"https:\/\/promotionexams.com\/?page_id=9419","title":{"rendered":"KVS LDE\/LDCE NOTES"},"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 Notes | UPSC SO\/Steno LDCE | CSS ADDA<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.min.js\"><\/script>\n <style>\n :root {\n --primary-blue: #1a3a6e;\n --primary-blue-light: #2d5aa0;\n --primary-blue-dark: #0f2447;\n --accent-orange: #f5a623;\n --accent-orange-light: #ffbe4d;\n --accent-orange-dark: #d98f1a;\n --bg-cream: #fefbf3;\n --bg-light: #f8f9fc;\n --text-dark: #1a1a2e;\n --text-muted: #5a5a7a;\n --border-light: #e8e8f0;\n --white: #ffffff;\n --shadow-sm: 0 2px 8px rgba(26, 58, 110, 0.08);\n --shadow-md: 0 4px 20px rgba(26, 58, 110, 0.12);\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Source Sans 3', sans-serif;\n background: var(--bg-light);\n color: var(--text-dark);\n line-height: 1.6;\n }\n\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 50%, var(--primary-blue) 100%);\n padding: 2rem 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 60%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(245, 166, 35, 0.1), transparent);\n transform: rotate(15deg);\n pointer-events: none;\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--accent-orange), var(--accent-orange-light), var(--accent-orange));\n }\n\n .hero-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n position: relative;\n z-index: 1;\n }\n\n .logo-container {\n width: 70px;\n height: 70px;\n background: var(--white);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-md);\n flex-shrink: 0;\n border: 3px solid var(--accent-orange);\n overflow: hidden;\n }\n\n .logo-container img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .logo-placeholder {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 1rem;\n color: var(--primary-blue);\n text-align: center;\n line-height: 1.2;\n }\n\n .hero-text h1 {\n font-family: 'Poppins', sans-serif;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 0.25rem;\n }\n\n .hero-text .exam-name {\n font-size: 0.95rem;\n color: var(--accent-orange-light);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .hero-text .exam-name::before {\n content: '';\n width: 20px;\n height: 2px;\n background: var(--accent-orange);\n }\n\n \/* Filter Section *\/\n .filter-section {\n background: var(--white);\n padding: 1.25rem 2rem;\n border-bottom: 1px solid var(--border-light);\n box-shadow: var(--shadow-sm);\n }\n\n .filter-container {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .filter-group {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n min-width: 280px;\n }\n\n .filter-label {\n font-family: 'Poppins', sans-serif;\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .filter-select {\n padding: 0.75rem 1rem;\n padding-right: 2.5rem;\n font-size: 0.95rem;\n font-family: 'Source Sans 3', sans-serif;\n font-weight: 500;\n border: 2px solid var(--border-light);\n border-radius: 10px;\n background: var(--bg-light);\n color: var(--text-dark);\n cursor: pointer;\n transition: var(--transition);\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a3a6e' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 0.75rem center;\n }\n\n .filter-select:hover {\n border-color: var(--primary-blue-light);\n }\n\n .filter-select:focus {\n outline: none;\n border-color: var(--primary-blue);\n box-shadow: 0 0 0 3px rgba(26, 58, 110, 0.1);\n }\n\n \/* Main Content *\/\n .main-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.25rem 2rem 2rem;\n display: grid;\n grid-template-columns: 300px 1fr;\n gap: 1.25rem;\n }\n\n \/* Sidebar *\/\n .sidebar {\n background: var(--white);\n border-radius: 14px;\n box-shadow: var(--shadow-md);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--border-light);\n height: fit-content;\n max-height: 700px;\n }\n\n .sidebar-header {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);\n padding: 0.875rem 1rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .sidebar-header-icon {\n width: 32px;\n height: 32px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .sidebar-header-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--accent-orange-light);\n }\n\n .sidebar-header h2 {\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--white);\n }\n\n .sidebar-content {\n padding: 0.5rem;\n overflow-y: auto;\n flex: 1;\n }\n\n .sidebar-content::-webkit-scrollbar {\n width: 5px;\n }\n\n .sidebar-content::-webkit-scrollbar-track {\n background: var(--bg-light);\n }\n\n .sidebar-content::-webkit-scrollbar-thumb {\n background: var(--primary-blue-light);\n border-radius: 3px;\n }\n\n .sidebar-placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2.5rem 1.25rem;\n text-align: center;\n color: var(--text-muted);\n }\n\n .sidebar-placeholder svg {\n width: 56px;\n height: 56px;\n stroke: var(--border-light);\n margin-bottom: 0.875rem;\n }\n\n .sidebar-placeholder p {\n font-size: 0.85rem;\n }\n\n \/* Topic Items *\/\n .topic-item {\n margin-bottom: 0.375rem;\n }\n\n .topic-header {\n display: flex;\n align-items: center;\n gap: 0.625rem;\n padding: 0.75rem 0.875rem;\n background: var(--bg-light);\n border-radius: 8px;\n cursor: pointer;\n transition: var(--transition);\n border: 1px solid transparent;\n }\n\n .topic-header:hover {\n background: var(--bg-cream);\n border-color: var(--accent-orange);\n }\n\n .topic-header.active {\n background: linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-orange-dark) 100%);\n color: var(--white);\n }\n\n .topic-header.active .topic-icon {\n background: rgba(255, 255, 255, 0.2);\n }\n\n .topic-header.active .topic-icon svg {\n stroke: var(--white);\n }\n\n .topic-header.active .collapse-icon svg {\n stroke: var(--white);\n }\n\n .topic-icon {\n width: 28px;\n height: 28px;\n background: var(--white);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: var(--shadow-sm);\n }\n\n .topic-icon svg {\n width: 16px;\n height: 16px;\n stroke: var(--primary-blue);\n }\n\n .topic-title {\n flex: 1;\n font-weight: 600;\n font-size: 0.85rem;\n }\n\n .collapse-icon {\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.3s ease;\n }\n\n .collapse-icon svg {\n width: 14px;\n height: 14px;\n stroke: var(--text-muted);\n }\n\n .topic-item.expanded .collapse-icon {\n transform: rotate(180deg);\n }\n\n \/* Subtopics *\/\n .subtopics {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .topic-item.expanded .subtopics {\n max-height: 1000px;\n }\n\n .subtopic-list {\n padding: 0.375rem 0 0.375rem 2.5rem;\n }\n\n .subtopic-item {\n padding: 0.5rem 0.875rem;\n font-size: 0.8rem;\n color: var(--text-muted);\n border-radius: 6px;\n cursor: pointer;\n transition: var(--transition);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.2rem;\n }\n\n .subtopic-item::before {\n content: '';\n width: 5px;\n height: 5px;\n background: var(--border-light);\n border-radius: 50%;\n flex-shrink: 0;\n transition: var(--transition);\n }\n\n .subtopic-item:hover {\n background: var(--bg-cream);\n color: var(--primary-blue);\n }\n\n .subtopic-item:hover::before {\n background: var(--accent-orange);\n }\n\n .subtopic-item.active {\n background: var(--primary-blue);\n color: var(--white);\n }\n\n .subtopic-item.active::before {\n background: var(--accent-orange);\n }\n\n \/* Document Viewer *\/\n .viewer-container {\n background: var(--white);\n border-radius: 14px;\n box-shadow: var(--shadow-md);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--border-light);\n }\n\n .viewer-toolbar {\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);\n padding: 0.75rem 1rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .viewer-title {\n font-family: 'Poppins', sans-serif;\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--white);\n display: flex;\n align-items: center;\n gap: 0.625rem;\n }\n\n .viewer-title-icon {\n width: 32px;\n height: 32px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .viewer-title-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--accent-orange-light);\n }\n\n .viewer-title-text {\n max-width: 300px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n \/* Toolbar Controls *\/\n .toolbar-controls {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n }\n\n .control-group {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(0, 0, 0, 0.2);\n padding: 0.375rem 0.5rem;\n border-radius: 8px;\n }\n\n .control-btn {\n width: 36px;\n height: 36px;\n background: var(--accent-orange);\n border: none;\n border-radius: 6px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: var(--transition);\n color: var(--white);\n }\n\n .control-btn:hover {\n background: var(--accent-orange-light);\n transform: scale(1.05);\n }\n\n .control-btn:disabled {\n background: rgba(255, 255, 255, 0.2);\n cursor: not-allowed;\n transform: none;\n }\n\n .control-btn svg {\n width: 20px;\n height: 20px;\n stroke: var(--white);\n stroke-width: 2.5;\n fill: none;\n }\n\n .control-info {\n color: var(--white);\n font-size: 0.9rem;\n font-weight: 600;\n min-width: 70px;\n text-align: center;\n padding: 0 0.5rem;\n }\n\n .control-btn-text {\n padding: 0.5rem 1rem;\n width: auto;\n font-family: 'Poppins', sans-serif;\n font-size: 0.8rem;\n font-weight: 600; \n \n \n }\n\n \/* Viewer Wrapper - FIXED HEIGHT WITH INTERNAL SCROLL *\/\n .viewer-wrapper {\n height: 700px;\n overflow: auto;\n background: #525659;\n padding: 1rem;\n }\n\n .viewer-wrapper::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n }\n\n .viewer-wrapper::-webkit-scrollbar-track {\n background: #3a3a3a;\n }\n\n .viewer-wrapper::-webkit-scrollbar-thumb {\n background: var(--accent-orange);\n border-radius: 6px;\n }\n\n .viewer-wrapper::-webkit-scrollbar-thumb:hover {\n background: var(--accent-orange-light);\n }\n \n .viewer-wrapper::-webkit-scrollbar-corner {\n background: #3a3a3a;\n }\n\n .pdf-container {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n min-width: 100%;\n }\n \n .pdf-container.fit-width {\n align-items: center;\n }\n\n .pdf-page {\n background: var(--white);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n flex-shrink: 0;\n }\n\n .pdf-page canvas {\n display: block;\n }\n\n .viewer-placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n min-height: 500px;\n text-align: center;\n color: rgba(255, 255, 255, 0.6);\n padding: 2rem;\n }\n\n .viewer-placeholder svg {\n width: 80px;\n height: 80px;\n stroke: rgba(255, 255, 255, 0.3);\n margin-bottom: 1.25rem;\n }\n\n .viewer-placeholder h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 1.15rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: rgba(255, 255, 255, 0.8);\n }\n\n .viewer-placeholder p {\n font-size: 0.9rem;\n max-width: 350px;\n }\n\n \/* Loading *\/\n .loading-spinner {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n min-height: 500px;\n color: rgba(255, 255, 255, 0.8);\n }\n\n .spinner {\n width: 50px;\n height: 50px;\n border: 4px solid rgba(255, 255, 255, 0.2);\n border-top-color: var(--accent-orange);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin-bottom: 1rem;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n \/* Error *\/\n .error-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n min-height: 400px;\n color: rgba(255, 255, 255, 0.8);\n text-align: center;\n padding: 2rem;\n }\n\n .error-state svg {\n width: 70px;\n height: 70px;\n stroke: #ff6b6b;\n margin-bottom: 1rem;\n }\n\n .error-state h3 {\n font-family: 'Poppins', sans-serif;\n color: #ff6b6b;\n margin-bottom: 0.5rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .main-content {\n grid-template-columns: 1fr;\n }\n\n .sidebar {\n max-height: 350px;\n }\n\n .viewer-wrapper {\n height: 600px;\n }\n\n .filter-container {\n flex-direction: column;\n align-items: stretch;\n }\n\n .filter-group {\n min-width: 100%;\n }\n\n .toolbar-controls {\n width: 100%;\n justify-content: center;\n }\n }\n\n @media (max-width: 640px) {\n .hero {\n padding: 1.25rem 1rem;\n }\n\n .logo-container {\n width: 55px;\n height: 55px;\n }\n\n .hero-text h1 {\n font-size: 1.2rem;\n }\n\n .main-content {\n padding: 1rem;\n }\n\n .viewer-wrapper {\n height: 500px;\n padding: 0.5rem;\n }\n\n .viewer-title-text {\n max-width: 120px;\n }\n\n .control-group {\n padding: 0.25rem 0.375rem;\n }\n\n .control-btn {\n width: 32px;\n height: 32px;\n }\n\n .control-info {\n font-size: 0.8rem;\n min-width: 50px;\n }\n }\n\n \/* Prevent text selection on PDF *\/\n .pdf-container {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"logo-container\">\n <img decoding=\"async\" src=\"https:\/\/promotionexams.com\/wp-content\/uploads\/2025\/12\/KVS-removebg-preview.png\" alt=\"CSS ADDA Logo\" onerror=\"this.style.display='none'; this.parentElement.innerHTML='<div class=\\'logo-placeholder\\'>CSS<br>ADDA<\/div>';\">\n <\/div>\n <div class=\"hero-text\">\n <h1>Study Notes<\/h1>\n <div class=\"exam-name\">Kendriya Vidhalaya Sangthan Exams (Tier 2)<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Filter Section -->\n <section class=\"filter-section\">\n <div class=\"filter-container\">\n <div class=\"filter-group\">\n <label class=\"filter-label\">Select Post<\/label>\n <select class=\"filter-select\" id=\"paperSelect\">\n <option value=\"\">-- Choose Post --<\/option>\n <option value=\"AC\">Assistant Commissioner<\/option>\n <option value=\"Principal\">Principal<\/option>\n <option value=\"Principal\">Vice-Principal<\/option>\n <option value=\"Principal\">Head Master<\/option>\n <option value=\"Principal\">Administrative Officer<\/option>\n <option value=\"Principal\">Section Officer<\/option>\n <option value=\"Principal\">Assistant Section Officer<\/option>\n <option value=\"Principal\">Senior Secretariat Assistant<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label class=\"filter-label\">Select Subject<\/label>\n <select class=\"filter-select\" id=\"subjectSelect\" disabled>\n <option value=\"\">-- Select Paper First --<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Main Content -->\n <main class=\"main-content\">\n <!-- Sidebar -->\n <aside class=\"sidebar\">\n <div class=\"sidebar-header\">\n <div class=\"sidebar-header-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n <\/svg>\n <\/div>\n <h2>Topics<\/h2>\n <\/div>\n <div class=\"sidebar-content\" id=\"topicsContainer\">\n <div class=\"sidebar-placeholder\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"><\/path>\n <polyline points=\"14,2 14,8 20,8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <\/svg>\n <p>Select Paper & Subject to view topics<\/p>\n <\/div>\n <\/div>\n <\/aside>\n\n <!-- Document Viewer -->\n <div class=\"viewer-container\">\n <div class=\"viewer-toolbar\">\n <div class=\"viewer-title\">\n <div class=\"viewer-title-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14,2 14,8 20,8\"><\/polyline>\n <\/svg>\n <\/div>\n <span class=\"viewer-title-text\" id=\"documentTitle\">Document Viewer<\/span>\n <\/div>\n <div class=\"toolbar-controls\">\n <!-- Zoom Controls -->\n <div class=\"control-group\">\n <button class=\"control-btn\" id=\"zoomOut\" title=\"Zoom Out\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n <\/svg>\n <\/button>\n <span class=\"control-info\" id=\"zoomLevel\">100%<\/span>\n <button class=\"control-btn\" id=\"zoomIn\" title=\"Zoom In\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line>\n <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\n <\/svg>\n <\/button>\n <button class=\"control-btn control-btn-text\" id=\"zoomReset\" title=\"Reset Zoom\">Reset<\/button>\n <\/div>\n <!-- Page Info -->\n <div class=\"control-group\">\n <span class=\"control-info\" id=\"pageInfo\">0 Pages<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"viewer-wrapper\" id=\"viewerWrapper\">\n <div class=\"viewer-placeholder\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14,2 14,8 20,8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <\/svg>\n <h3>No Document Selected<\/h3>\n <p>Select a paper, subject and topic from the sidebar to view study notes<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <script>\n \/\/ Initialize PDF.js\n pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.worker.min.js';\n\n \/\/ ============================================================\n \/\/ CONFIGURATION: Your WordPress PDF URLs\n \/\/ ============================================================\n const examData = {\n AC: {\n name: \"Prospective on Education and Leadership\",\n subjects: {\n constitution: {\n name: \"Understanding the Learner\",\n topics: [\n {\n title: \"Preamble & Basic Structure\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/preamble.pdf\",\n subtopics: [\n { name: \"Preamble Meaning\", pdfUrl: \"https:\/\/promotionexams.com\/wp-content\/uploads\/2026\/01\/cgegis.pdf\" },\n { name: \"Basic Structure Doctrine\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/basic-structure.pdf\" },\n { name: \"Kesavananda Bharati Case\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/kesavananda-case.pdf\" }\n ]\n },\n {\n title: \"Fundamental Rights\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/fundamental-rights.pdf\",\n subtopics: [\n { name: \"Article 14-18: Right to Equality\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/right-to-equality.pdf\" },\n { name: \"Article 19-22: Right to Freedom\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/right-to-freedom.pdf\" },\n { name: \"Article 23-24: Right against Exploitation\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/right-against-exploitation.pdf\" },\n { name: \"Article 25-28: Freedom of Religion\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/freedom-of-religion.pdf\" },\n { name: \"Article 29-30: Cultural Rights\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/cultural-educational-rights.pdf\" },\n { name: \"Article 32: Constitutional Remedies\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/constitutional-remedies.pdf\" }\n ]\n },\n {\n title: \"Directive Principles\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/dpsp.pdf\",\n subtopics: [\n { name: \"Socialist Principles\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/socialist-principles.pdf\" },\n { name: \"Gandhian Principles\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/gandhian-principles.pdf\" },\n { name: \"Liberal-Intellectual Principles\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/liberal-principles.pdf\" }\n ]\n },\n {\n title: \"Union Executive\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/union-executive.pdf\",\n subtopics: [\n { name: \"President\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/president.pdf\" },\n { name: \"Vice President\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/vice-president.pdf\" },\n { name: \"Prime Minister\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/prime-minister.pdf\" },\n { name: \"Council of Ministers\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/council-of-ministers.pdf\" }\n ]\n },\n {\n title: \"Parliament\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/parliament.pdf\",\n subtopics: [\n { name: \"Lok Sabha\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/lok-sabha.pdf\" },\n { name: \"Rajya Sabha\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/rajya-sabha.pdf\" },\n { name: \"Parliamentary Procedures\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/parliamentary-procedures.pdf\" },\n { name: \"Legislative Process\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/constitution\/legislative-process.pdf\" }\n ]\n }\n ]\n },\n governance: {\n name: \"Governance & Administration\",\n topics: [\n {\n title: \"Central Secretariat\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/central-secretariat.pdf\",\n subtopics: [\n { name: \"Organization Structure\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/organization-structure.pdf\" },\n { name: \"Functions & Responsibilities\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/functions-responsibilities.pdf\" },\n { name: \"Ministries & Departments\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/ministries-departments.pdf\" }\n ]\n },\n {\n title: \"Financial Administration\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/financial-administration.pdf\",\n subtopics: [\n { name: \"Budget Process\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/budget-process.pdf\" },\n { name: \"Audit & Accounts\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/audit-accounts.pdf\" },\n { name: \"Financial Rules\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/financial-rules.pdf\" }\n ]\n },\n {\n title: \"Office Procedures\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/office-procedures.pdf\",\n subtopics: [\n { name: \"Noting & Drafting\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/noting-drafting.pdf\" },\n { name: \"File Management\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/file-management.pdf\" },\n { name: \"Communication Standards\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/governance\/communication-standards.pdf\" }\n ]\n }\n ]\n },\n ethics: {\n name: \"Ethics & Values\",\n topics: [\n {\n title: \"Ethics in Public Administration\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/ethics-public-admin.pdf\",\n subtopics: [\n { name: \"Ethical Standards\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/ethical-standards.pdf\" },\n { name: \"Code of Conduct\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/code-of-conduct.pdf\" },\n { name: \"Integrity in Service\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/integrity-service.pdf\" }\n ]\n },\n {\n title: \"Work Culture\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/work-culture.pdf\",\n subtopics: [\n { name: \"Professionalism\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/professionalism.pdf\" },\n { name: \"Accountability\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/accountability.pdf\" },\n { name: \"Transparency\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/ethics\/transparency.pdf\" }\n ]\n }\n ]\n },\n english: {\n name: \"English Language\",\n topics: [\n {\n title: \"Grammar\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/grammar.pdf\",\n subtopics: [\n { name: \"Parts of Speech\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/parts-of-speech.pdf\" },\n { name: \"Tenses\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/tenses.pdf\" },\n { name: \"Voice & Narration\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/voice-narration.pdf\" },\n { name: \"Subject-Verb Agreement\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/subject-verb-agreement.pdf\" }\n ]\n },\n {\n title: \"Comprehension\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/comprehension.pdf\",\n subtopics: [\n { name: \"Reading Comprehension\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/reading-comprehension.pdf\" },\n { name: \"Pr\u00e9cis Writing\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/precis-writing.pdf\" }\n ]\n },\n {\n title: \"Official Correspondence\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/official-correspondence.pdf\",\n subtopics: [\n { name: \"Letter Writing\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/letter-writing.pdf\" },\n { name: \"Note Writing\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/note-writing.pdf\" },\n { name: \"Draft Preparation\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/english\/draft-preparation.pdf\" }\n ]\n }\n ]\n }\n }\n },\n paper2: {\n name: \"Paper II - Commerce & Accountancy \/ Hindi\",\n subjects: {\n commerce: {\n name: \"Commerce & Accountancy\",\n topics: [\n {\n title: \"Financial Accounting\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/financial-accounting.pdf\",\n subtopics: [\n { name: \"Accounting Standards\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/accounting-standards.pdf\" },\n { name: \"Final Accounts\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/final-accounts.pdf\" },\n { name: \"Depreciation Accounting\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/depreciation.pdf\" }\n ]\n },\n {\n title: \"Government Accounting\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/government-accounting.pdf\",\n subtopics: [\n { name: \"Appropriation Accounts\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/appropriation-accounts.pdf\" },\n { name: \"Finance Accounts\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/finance-accounts.pdf\" },\n { name: \"CAG Reports\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/cag-reports.pdf\" }\n ]\n },\n {\n title: \"Cost Accounting\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/cost-accounting.pdf\",\n subtopics: [\n { name: \"Cost Classification\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/cost-classification.pdf\" },\n { name: \"Cost Sheets\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/cost-sheets.pdf\" },\n { name: \"Budgetary Control\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/budgetary-control.pdf\" }\n ]\n },\n {\n title: \"Banking & Finance\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/banking-finance.pdf\",\n subtopics: [\n { name: \"Banking Operations\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/banking-operations.pdf\" },\n { name: \"RBI Functions\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/rbi-functions.pdf\" },\n { name: \"Financial Markets\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/commerce\/financial-markets.pdf\" }\n ]\n }\n ]\n },\n gfr: {\n name: \"General Financial Rules\",\n topics: [\n {\n title: \"GFR 2017 - Part I\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/gfr-part-1.pdf\",\n subtopics: [\n { name: \"Financial Management System\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/financial-management.pdf\" },\n { name: \"Budget Formulation\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/budget-formulation.pdf\" },\n { name: \"Government Accounts\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/government-accounts.pdf\" }\n ]\n },\n {\n title: \"GFR 2017 - Part II\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/gfr-part-2.pdf\",\n subtopics: [\n { name: \"Public Procurement\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/public-procurement.pdf\" },\n { name: \"Contract Management\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/contract-management.pdf\" },\n { name: \"Inventory Management\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/inventory-management.pdf\" }\n ]\n },\n {\n title: \"GFR 2017 - Part III\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/gfr-part-3.pdf\",\n subtopics: [\n { name: \"Grants-in-Aid\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/grants-in-aid.pdf\" },\n { name: \"Loans & Advances\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/loans-advances.pdf\" },\n { name: \"Government Guarantees\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/gfr\/government-guarantees.pdf\" }\n ]\n }\n ]\n },\n dfpr: {\n name: \"DFPR 2024\",\n topics: [\n {\n title: \"Organization & Functions\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/organization-functions.pdf\",\n subtopics: [\n { name: \"Role of CSS\/CSSS\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/role-css-csss.pdf\" },\n { name: \"Allocation of Work\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/allocation-of-work.pdf\" },\n { name: \"Departmental Procedures\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/departmental-procedures.pdf\" }\n ]\n },\n {\n title: \"Service Conditions\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/service-conditions.pdf\",\n subtopics: [\n { name: \"Recruitment Rules\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/recruitment-rules.pdf\" },\n { name: \"Promotion Policies\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/promotion-policies.pdf\" },\n { name: \"Conduct Rules\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/conduct-rules.pdf\" }\n ]\n },\n {\n title: \"Office Management\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/office-management.pdf\",\n subtopics: [\n { name: \"Record Management\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/record-management.pdf\" },\n { name: \"Dak Disposal\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/dak-disposal.pdf\" },\n { name: \"Parliamentary Work\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/dfpr\/parliamentary-work.pdf\" }\n ]\n }\n ]\n },\n hindi: {\n name: \"Hindi (\u0930\u093e\u091c\u092d\u093e\u0937\u093e)\",\n topics: [\n {\n title: \"\u0939\u093f\u0902\u0926\u0940 \u0935\u094d\u092f\u093e\u0915\u0930\u0923\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/hindi-vyakaran.pdf\",\n subtopics: [\n { name: \"\u0938\u0902\u091c\u094d\u091e\u093e \u0935 \u0938\u0930\u094d\u0935\u0928\u093e\u092e\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/sangya-sarvanam.pdf\" },\n { name: \"\u0915\u094d\u0930\u093f\u092f\u093e \u0935 \u0935\u093f\u0936\u0947\u0937\u0923\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/kriya-visheshan.pdf\" },\n { name: \"\u0938\u092e\u093e\u0938 \u0935 \u0938\u0902\u0927\u093f\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/samas-sandhi.pdf\" },\n { name: \"\u092e\u0941\u0939\u093e\u0935\u0930\u0947 \u0935 \u0932\u094b\u0915\u094b\u0915\u094d\u0924\u093f\u092f\u093e\u0901\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/muhavare-lokoktiyan.pdf\" }\n ]\n },\n {\n title: \"\u0930\u093e\u091c\u092d\u093e\u0937\u093e \u0928\u0940\u0924\u093f\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/rajbhasha-niti.pdf\",\n subtopics: [\n { name: \"\u0930\u093e\u091c\u092d\u093e\u0937\u093e \u0905\u0927\u093f\u0928\u093f\u092f\u092e 1963\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/rajbhasha-act-1963.pdf\" },\n { name: \"\u0930\u093e\u091c\u092d\u093e\u0937\u093e \u0928\u093f\u092f\u092e 1976\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/rajbhasha-rules-1976.pdf\" },\n { name: \"\u0930\u093e\u091c\u092d\u093e\u0937\u093e \u092a\u094d\u0930\u092f\u094b\u0917\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/rajbhasha-prayog.pdf\" }\n ]\n },\n {\n title: \"\u0915\u093e\u0930\u094d\u092f\u093e\u0932\u092f\u0940 \u0939\u093f\u0902\u0926\u0940\",\n pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/karyalayi-hindi.pdf\",\n subtopics: [\n { name: \"\u091f\u093f\u092a\u094d\u092a\u0923 \u0932\u0947\u0916\u0928\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/tippan-lekhan.pdf\" },\n { name: \"\u092a\u094d\u0930\u093e\u0930\u0942\u092a \u0932\u0947\u0916\u0928\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/prarup-lekhan.pdf\" },\n { name: \"\u092a\u0924\u094d\u0930\u093e\u091a\u093e\u0930\", pdfUrl: \"https:\/\/cssadda.in\/wp-content\/uploads\/notes\/hindi\/patrachar.pdf\" }\n ]\n }\n ]\n }\n }\n }\n };\n\n \/\/ DOM Elements\n const paperSelect = document.getElementById('paperSelect');\n const subjectSelect = document.getElementById('subjectSelect');\n const topicsContainer = document.getElementById('topicsContainer');\n const viewerWrapper = document.getElementById('viewerWrapper');\n const documentTitle = document.getElementById('documentTitle');\n const zoomIn = document.getElementById('zoomIn');\n const zoomOut = document.getElementById('zoomOut');\n const zoomReset = document.getElementById('zoomReset');\n const zoomLevel = document.getElementById('zoomLevel');\n const pageInfo = document.getElementById('pageInfo');\n\n \/\/ State\n let pdfDoc = null;\n let currentZoom = 1.0;\n let totalPages = 0;\n\n \/\/ Event Listeners\n paperSelect.addEventListener('change', handlePaperChange);\n subjectSelect.addEventListener('change', handleSubjectChange);\n zoomIn.addEventListener('click', () => adjustZoom(0.25));\n zoomOut.addEventListener('click', () => adjustZoom(-0.25));\n zoomReset.addEventListener('click', resetZoom);\n\n \/\/ Disable right-click\n viewerWrapper.addEventListener('contextmenu', e => e.preventDefault());\n\n function handlePaperChange() {\n const paper = paperSelect.value;\n subjectSelect.innerHTML = '<option value=\"\">-- Choose Subject --<\/option>';\n \n if (paper && examData[paper]) {\n subjectSelect.disabled = false;\n for (const key in examData[paper].subjects) {\n const option = document.createElement('option');\n option.value = key;\n option.textContent = examData[paper].subjects[key].name;\n subjectSelect.appendChild(option);\n }\n } else {\n subjectSelect.disabled = true;\n subjectSelect.innerHTML = '<option value=\"\">-- Select Paper First --<\/option>';\n }\n \n resetTopics();\n resetViewer();\n }\n\n function handleSubjectChange() {\n const paper = paperSelect.value;\n const subject = subjectSelect.value;\n \n if (paper && subject && examData[paper].subjects[subject]) {\n renderTopics(examData[paper].subjects[subject].topics);\n } else {\n resetTopics();\n }\n resetViewer();\n }\n\n function renderTopics(topics) {\n topicsContainer.innerHTML = '';\n \n topics.forEach((topic, index) => {\n const topicItem = document.createElement('div');\n topicItem.className = 'topic-item';\n const hasSubtopics = topic.subtopics && topic.subtopics.length > 0;\n \n topicItem.innerHTML = `\n <div class=\"topic-header\">\n <div class=\"topic-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14,2 14,8 20,8\"><\/polyline>\n <\/svg>\n <\/div>\n <span class=\"topic-title\">${topic.title}<\/span>\n ${hasSubtopics ? `<div class=\"collapse-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/div>` : ''}\n <\/div>\n ${hasSubtopics ? `\n <div class=\"subtopics\">\n <div class=\"subtopic-list\">\n ${topic.subtopics.map((st, si) => `<div class=\"subtopic-item\" data-pdf=\"${st.pdfUrl}\">${st.name}<\/div>`).join('')}\n <\/div>\n <\/div>\n ` : ''}\n `;\n \n topicsContainer.appendChild(topicItem);\n \n const header = topicItem.querySelector('.topic-header');\n header.addEventListener('click', () => {\n if (hasSubtopics) {\n topicItem.classList.toggle('expanded');\n } else if (topic.pdfUrl) {\n loadPDF(topic.pdfUrl, topic.title);\n setActive(header, 'topic-header');\n }\n });\n \n topicItem.querySelectorAll('.subtopic-item').forEach(item => {\n item.addEventListener('click', e => {\n e.stopPropagation();\n if (item.dataset.pdf) {\n loadPDF(item.dataset.pdf, `${topic.title} - ${item.textContent.trim()}`);\n setActive(item, 'subtopic-item');\n }\n });\n });\n });\n }\n\n function setActive(element, type) {\n document.querySelectorAll('.topic-header, .subtopic-item').forEach(el => el.classList.remove('active'));\n element.classList.add('active');\n }\n\n async function loadPDF(url, title) {\n documentTitle.textContent = title;\n viewerWrapper.innerHTML = '<div class=\"loading-spinner\"><div class=\"spinner\"><\/div><p>Loading PDF...<\/p><\/div>';\n\n try {\n pdfDoc = await pdfjsLib.getDocument(url).promise;\n totalPages = pdfDoc.numPages;\n pageInfo.textContent = `${totalPages} Pages`;\n currentZoom = 1.0;\n zoomLevel.textContent = '100%';\n await renderAllPages();\n } catch (error) {\n console.error('PDF Load Error:', error);\n viewerWrapper.innerHTML = `\n <div class=\"error-state\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n <h3>Error Loading PDF<\/h3>\n <p>Unable to load the document. Please check the URL.<\/p>\n <\/div>\n `;\n }\n }\n\n async function renderAllPages() {\n if (!pdfDoc) return;\n\n const container = document.createElement('div');\n container.className = 'pdf-container';\n \n \/\/ Center content only when not zoomed in\n if (currentZoom <= 1.0) {\n container.classList.add('fit-width');\n }\n \n viewerWrapper.innerHTML = '';\n viewerWrapper.appendChild(container);\n\n const scale = 1.5 * currentZoom;\n\n for (let i = 1; i <= totalPages; i++) {\n const page = await pdfDoc.getPage(i);\n const viewport = page.getViewport({ scale });\n\n const pageDiv = document.createElement('div');\n pageDiv.className = 'pdf-page';\n\n const canvas = document.createElement('canvas');\n const context = canvas.getContext('2d');\n canvas.width = viewport.width;\n canvas.height = viewport.height;\n\n pageDiv.appendChild(canvas);\n container.appendChild(pageDiv);\n\n await page.render({ canvasContext: context, viewport }).promise;\n }\n\n \/\/ Prevent interactions\n container.addEventListener('contextmenu', e => e.preventDefault());\n container.addEventListener('dragstart', e => e.preventDefault());\n \n \/\/ Reset scroll position to top-left when zooming\n viewerWrapper.scrollLeft = 0;\n viewerWrapper.scrollTop = 0;\n }\n\n function adjustZoom(delta) {\n const newZoom = Math.min(3, Math.max(0.5, currentZoom + delta));\n if (newZoom !== currentZoom) {\n currentZoom = newZoom;\n zoomLevel.textContent = `${Math.round(currentZoom * 100)}%`;\n if (pdfDoc) renderAllPages();\n }\n }\n\n function resetZoom() {\n currentZoom = 1.0;\n zoomLevel.textContent = '100%';\n if (pdfDoc) renderAllPages();\n }\n\n function resetTopics() {\n topicsContainer.innerHTML = `\n <div class=\"sidebar-placeholder\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"><\/path><polyline points=\"14,2 14,8 20,8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\n <p>Select Paper & Subject to view topics<\/p>\n <\/div>\n `;\n }\n\n function resetViewer() {\n documentTitle.textContent = 'Document Viewer';\n pdfDoc = null;\n totalPages = 0;\n pageInfo.textContent = '0 Pages';\n currentZoom = 1.0;\n zoomLevel.textContent = '100%';\n viewerWrapper.innerHTML = `\n <div class=\"viewer-placeholder\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14,2 14,8 20,8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\n <h3>No Document Selected<\/h3>\n <p>Select a paper, subject and topic from the sidebar to view study notes<\/p>\n <\/div>\n `;\n }\n\n \/\/ Keyboard shortcuts\n document.addEventListener('keydown', e => {\n if (e.ctrlKey || e.metaKey) {\n if (e.key === '=' || e.key === '+') { e.preventDefault(); adjustZoom(0.25); }\n else if (e.key === '-') { e.preventDefault(); adjustZoom(-0.25); }\n else if (e.key === '0') { e.preventDefault(); resetZoom(); }\n }\n });\n\n viewerWrapper.addEventListener('wheel', e => {\n if (e.ctrlKey) {\n e.preventDefault();\n adjustZoom(e.deltaY > 0 ? -0.25 : 0.25);\n }\n }, { passive: false });\n <\/script>\n<\/body>\n<\/html>\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>Notes | UPSC SO\/Steno LDCE | CSS ADDA<\/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":[53],"tags":[],"class_list":["post-9419","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/9419","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=9419"}],"version-history":[{"count":13,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/9419\/revisions"}],"predecessor-version":[{"id":9942,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/9419\/revisions\/9942"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}