{"id":5636,"date":"2025-12-21T14:08:43","date_gmt":"2025-12-21T14:08:43","guid":{"rendered":"https:\/\/promotionexams.com\/?page_id=5636"},"modified":"2026-01-30T15:28:33","modified_gmt":"2026-01-30T15:28:33","slug":"rules-acts-repository","status":"publish","type":"page","link":"https:\/\/promotionexams.com\/?page_id=5636","title":{"rendered":"Rules &amp; Acts Repository"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5636\" class=\"elementor elementor-5636\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c20bdaf e-flex e-con-boxed e-con e-parent\" data-id=\"c20bdaf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0257cbe elementor-widget elementor-widget-spacer\" data-id=\"0257cbe\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d98d6b e-con-full e-flex e-con e-parent\" data-id=\"1d98d6b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-581ca30 elementor-widget elementor-widget-html\" data-id=\"581ca30\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <title>CSS Adda - Central Rules Repository<\/title>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <style>\n        \/* ============================================\n           CSS VARIABLES & BASE RESET\n           ============================================ *\/\n        :root {\n            --primary-blue: #1e3a8a;\n            --primary-blue-dark: #172554;\n            --primary-blue-light: #3b82f6;\n            --accent-orange: #f59e0b;\n            --accent-orange-light: #fbbf24;\n            --accent-orange-dark: #d97706;\n            --bg-light: #f8fafc;\n            --bg-cream: #fffbf5;\n            --text-dark: #0f172a;\n            --text-gray: #475569;\n            --text-light: #64748b;\n            --border-color: #e2e8f0;\n            --white: #ffffff;\n            --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);\n            --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);\n            --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1);\n            --shadow-xl: 0 20px 40px -10px rgba(0,0,0,0.15);\n            --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;600;700;800&display=swap');\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: var(--bg-light);\n            color: var(--text-dark);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* ============================================\n           HOMEPAGE STYLES\n           ============================================ *\/\n        .repo-container {\n            min-height: 100vh;\n        }\n\n        \/* Top Bar *\/\n        .repo-topbar {\n            background: var(--white);\n            border-bottom: 1px solid var(--border-color);\n            border-top: 4px solid var(--accent-orange);\n            padding: 1rem 1.5rem;\n        }\n\n        .repo-topbar-inner {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n\n        .repo-topbar i {\n            font-size: 1.5rem;\n            color: var(--primary-blue);\n        }\n\n        .repo-topbar span {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--primary-blue);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        \/* Hero Section *\/\n        .repo-hero {\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);\n            color: var(--white);\n            padding: 3rem 1.5rem;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .repo-hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 300px;\n            height: 300px;\n            background: var(--accent-orange);\n            opacity: 0.1;\n            border-radius: 50%;\n        }\n\n        .repo-hero-content {\n            max-width: 900px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n\n        .repo-hero h1 {\n            font-size: clamp(1.5rem, 5vw, 2.5rem);\n            font-weight: 800;\n            margin-bottom: 0.75rem;\n            letter-spacing: -0.02em;\n        }\n\n        .repo-hero p {\n            font-size: clamp(0.9rem, 2.5vw, 1.1rem);\n            color: #cbd5e1;\n            margin-bottom: 1.5rem;\n            font-weight: 300;\n        }\n\n        .repo-hero .highlight {\n            color: var(--accent-orange);\n            font-weight: 600;\n        }\n\n        \/* Search Box *\/\n        .repo-search {\n            max-width: 500px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .repo-search input {\n            width: 100%;\n            padding: 0.875rem 1rem 0.875rem 3rem;\n            border: none;\n            border-radius: 10px;\n            font-size: 1rem;\n            box-shadow: var(--shadow-xl);\n            outline: none;\n            transition: var(--transition);\n        }\n\n        .repo-search input:focus {\n            box-shadow: var(--shadow-xl), 0 0 0 3px rgba(245, 158, 11, 0.3);\n        }\n\n        .repo-search i {\n            position: absolute;\n            left: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--text-light);\n        }\n\n        \/* Main Content *\/\n        .repo-main {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 2rem 1rem;\n        }\n\n        \/* Section Headers *\/\n        .repo-section {\n            margin-bottom: 2.5rem;\n        }\n\n        .repo-section-header {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            padding-bottom: 0.75rem;\n            border-bottom: 2px solid var(--border-color);\n            margin-bottom: 1.25rem;\n        }\n\n        .repo-section-icon {\n            width: 45px;\n            height: 45px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.1rem;\n            flex-shrink: 0;\n        }\n\n        .repo-section-icon.blue {\n            background: #e0e7ff;\n            color: var(--primary-blue);\n        }\n\n        .repo-section-icon.orange {\n            background: #fef3c7;\n            color: var(--accent-orange-dark);\n        }\n\n        .repo-section-icon.green {\n            background: #dcfce7;\n            color: #16a34a;\n        }\n\n        .repo-section-title h2 {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n        }\n\n        .repo-section-title p {\n            font-size: 0.8rem;\n            color: var(--text-light);\n            font-style: italic;\n        }\n\n        \/* Rule Cards Grid *\/\n        .repo-cards-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 1rem;\n        }\n\n        .repo-card {\n            background: var(--white);\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: 1.25rem;\n            display: flex;\n            align-items: flex-start;\n            gap: 1rem;\n            cursor: pointer;\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .repo-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: var(--accent-orange);\n            opacity: 0;\n            transition: var(--transition);\n        }\n\n        .repo-card:hover {\n            transform: translateY(-3px);\n            border-color: var(--accent-orange);\n            box-shadow: var(--shadow-md);\n        }\n\n        .repo-card:hover::before {\n            opacity: 1;\n        }\n\n        .repo-card:active {\n            transform: scale(0.98);\n        }\n\n        .repo-card-icon {\n            font-size: 2rem;\n            color: var(--accent-orange);\n            flex-shrink: 0;\n        }\n\n        .repo-card-content h3 {\n            font-size: 0.95rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 0.4rem;\n        }\n\n        .repo-card-badge {\n            display: inline-block;\n            font-size: 0.65rem;\n            font-weight: 600;\n            padding: 0.2rem 0.6rem;\n            border-radius: 20px;\n            background: #fef3c7;\n            color: var(--accent-orange-dark);\n            border: 1px solid #fde68a;\n        }\n\n        .repo-card.disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        .repo-card.disabled:hover {\n            transform: none;\n            border-color: var(--border-color);\n            box-shadow: none;\n        }\n\n        .repo-card.disabled::before {\n            display: none;\n        }\n\n        .repo-card-badge.coming-soon {\n            background: var(--bg-light);\n            color: var(--text-light);\n            border-color: var(--border-color);\n        }\n\n        \/* ============================================\n           BOOK READER OVERLAY - CRITICAL MOBILE FIXES\n           ============================================ *\/\n        .book-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: var(--white);\n            z-index: 9999;\n            flex-direction: column;\n        }\n\n        .book-overlay.active {\n            display: flex;\n        }\n\n        \/* ============================================\n           READER HEADER - MOBILE FIRST\n           ============================================ *\/\n        .reader-header {\n            background: var(--white);\n            border-bottom: 1px solid var(--border-color);\n            border-top: 4px solid var(--accent-orange);\n            padding: 0.5rem 0.75rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            box-shadow: var(--shadow-md);\n            min-height: 60px;\n        }\n\n        .reader-header-left {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            flex: 1;\n            min-width: 0;\n        }\n\n        \/* BACK BUTTON - Always visible *\/\n        .reader-back-btn {\n            width: 44px;\n            height: 44px;\n            min-width: 44px;\n            border-radius: 50%;\n            border: none;\n            background: var(--primary-blue);\n            color: var(--white);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.1rem;\n            transition: var(--transition);\n            flex-shrink: 0;\n        }\n\n        .reader-back-btn:hover {\n            background: var(--accent-orange);\n            transform: scale(1.05);\n        }\n\n        .reader-back-btn:active {\n            transform: scale(0.95);\n        }\n\n        \/* Title in header *\/\n        .reader-title {\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            flex: 1;\n            min-width: 0;\n        }\n\n        .reader-header-right {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            flex-shrink: 0;\n        }\n\n        \/* HAMBURGER MENU BUTTON - Mobile TOC Toggle *\/\n        .hamburger-btn {\n            width: 44px;\n            height: 44px;\n            min-width: 44px;\n            border-radius: 8px;\n            border: 2px solid var(--primary-blue);\n            background: var(--white);\n            color: var(--primary-blue);\n            cursor: pointer;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 4px;\n            transition: var(--transition);\n            padding: 0;\n        }\n\n        .hamburger-btn span {\n            display: block;\n            width: 20px;\n            height: 2.5px;\n            background: var(--primary-blue);\n            border-radius: 2px;\n            transition: var(--transition);\n        }\n\n        .hamburger-btn:hover {\n            background: var(--primary-blue);\n        }\n\n        .hamburger-btn:hover span {\n            background: var(--white);\n        }\n\n        .hamburger-btn.active {\n            background: var(--accent-orange);\n            border-color: var(--accent-orange);\n        }\n\n        .hamburger-btn.active span {\n            background: var(--white);\n        }\n\n        .hamburger-btn.active span:nth-child(1) {\n            transform: rotate(45deg) translate(5px, 5px);\n        }\n\n        .hamburger-btn.active span:nth-child(2) {\n            opacity: 0;\n        }\n\n        .hamburger-btn.active span:nth-child(3) {\n            transform: rotate(-45deg) translate(5px, -5px);\n        }\n\n        \/* Download Button *\/\n        .download-btn {\n            width: 44px;\n            height: 44px;\n            min-width: 44px;\n            border-radius: 8px;\n            border: none;\n            background: var(--accent-orange);\n            color: var(--white);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: var(--transition);\n        }\n\n        .download-btn:hover {\n            background: var(--accent-orange-dark);\n        }\n\n        \/* ============================================\n           READER BODY\n           ============================================ *\/\n        .reader-body {\n            display: flex;\n            flex: 1;\n            overflow: hidden;\n            position: relative;\n        }\n\n        \/* ============================================\n           SIDEBAR - MOBILE SLIDE-IN\n           ============================================ *\/\n        .reader-sidebar {\n            position: fixed;\n            top: 0;\n            left: -100%;\n            width: 85%;\n            max-width: 320px;\n            height: 100vh;\n            background: var(--bg-light);\n            z-index: 200;\n            overflow-y: auto;\n            transition: left 0.3s ease;\n            box-shadow: var(--shadow-xl);\n            padding-top: 0;\n        }\n\n        .reader-sidebar.active {\n            left: 0;\n        }\n\n        \/* Sidebar Header for Mobile *\/\n        .sidebar-header {\n            background: var(--primary-blue);\n            color: var(--white);\n            padding: 1.25rem 1rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: sticky;\n            top: 0;\n            z-index: 10;\n        }\n\n        .sidebar-header h3 {\n            font-size: 1rem;\n            font-weight: 700;\n        }\n\n        .sidebar-close-btn {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            border: none;\n            background: rgba(255,255,255,0.2);\n            color: var(--white);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: var(--transition);\n        }\n\n        .sidebar-close-btn:hover {\n            background: var(--accent-orange);\n        }\n\n        .sidebar-inner {\n            padding: 1rem;\n        }\n\n        .sidebar-label {\n            font-size: 0.7rem;\n            font-weight: 700;\n            color: var(--text-light);\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            padding-bottom: 0.5rem;\n            border-bottom: 1px solid var(--border-color);\n            margin-bottom: 0.75rem;\n        }\n\n        .toc-list {\n            list-style: none;\n        }\n\n        .toc-chapter {\n            margin-bottom: 0.25rem;\n        }\n\n        .toc-chapter-link {\n            display: block;\n            padding: 0.9rem 1rem;\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--text-gray);\n            text-decoration: none;\n            border-radius: 8px;\n            transition: var(--transition);\n            border-left: 3px solid transparent;\n        }\n\n        .toc-chapter-link:hover {\n            background: var(--white);\n            color: var(--primary-blue);\n        }\n\n        .toc-chapter-link.active {\n            background: #fef3c7;\n            color: var(--accent-orange-dark);\n            border-left-color: var(--accent-orange);\n            font-weight: 700;\n        }\n\n        .toc-rules {\n            list-style: none;\n            margin-left: 1rem;\n            padding-left: 1rem;\n            border-left: 2px solid #fde68a;\n            margin-bottom: 0.5rem;\n        }\n\n        .toc-rule-link {\n            display: block;\n            padding: 0.6rem 0.75rem;\n            font-size: 0.85rem;\n            color: var(--text-light);\n            text-decoration: none;\n            transition: var(--transition);\n            border-radius: 4px;\n        }\n\n        .toc-rule-link:hover {\n            color: var(--accent-orange);\n            background: var(--white);\n        }\n\n        \/* Sidebar Overlay *\/\n        .sidebar-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.6);\n            z-index: 150;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .sidebar-overlay.active {\n            display: block;\n            opacity: 1;\n        }\n\n        \/* ============================================\n           MAIN CONTENT AREA\n           ============================================ *\/\n        .reader-content {\n            flex: 1;\n            overflow-y: auto;\n            background: var(--white);\n            -webkit-overflow-scrolling: touch;\n        }\n\n        .content-inner {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 1.5rem 1rem 4rem;\n        }\n\n        \/* Document Header *\/\n        .doc-header {\n            margin-bottom: 2rem;\n            padding-bottom: 1.5rem;\n            border-bottom: 2px solid var(--border-color);\n        }\n\n        .doc-header-top {\n            display: flex;\n            align-items: flex-start;\n            gap: 1rem;\n            margin-bottom: 0.5rem;\n        }\n\n        .doc-emblem {\n            width: 50px;\n            height: 50px;\n            flex-shrink: 0;\n        }\n\n        .doc-meta {\n            font-size: 0.7rem;\n            font-weight: 800;\n            color: var(--accent-orange);\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            margin-bottom: 0.25rem;\n        }\n\n        .doc-title {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(1.25rem, 4vw, 2rem);\n            font-weight: 800;\n            color: var(--primary-blue);\n            line-height: 1.3;\n        }\n\n        \/* Rule Content Styling *\/\n        .rule-content {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-size: 1rem;\n            line-height: 1.85;\n            color: var(--text-dark);\n        }\n\n        .rule-content .chapter-title {\n            margin-top: 2.5rem;\n            margin-bottom: 1.5rem;\n            font-family: 'Inter', sans-serif;\n            font-size: 1.15rem;\n            font-weight: 800;\n            color: var(--primary-blue);\n            text-transform: uppercase;\n            letter-spacing: 0.03em;\n            padding-bottom: 0.5rem;\n            border-bottom: 3px solid var(--accent-orange);\n            scroll-margin-top: 80px;\n        }\n\n        .rule-content .rule-heading {\n            margin-top: 2rem;\n            margin-bottom: 0.75rem;\n            font-family: 'Inter', sans-serif;\n            font-size: 1.05rem;\n            font-weight: 700;\n            color: var(--primary-blue-dark);\n            display: flex;\n            align-items: baseline;\n            gap: 0.5rem;\n            padding-left: 0.75rem;\n            border-left: 4px solid var(--accent-orange);\n            scroll-margin-top: 80px;\n        }\n\n        .rule-content .rule-num {\n            color: var(--accent-orange);\n            font-weight: 800;\n        }\n\n        .rule-content p {\n            margin-bottom: 1rem;\n            text-align: justify;\n        }\n\n        .rule-content .sub-rule {\n            display: flex;\n            gap: 0.5rem;\n            margin-left: 1rem;\n            margin-bottom: 0.75rem;\n        }\n\n        .rule-content .sub-index {\n            font-weight: 700;\n            color: var(--accent-orange);\n            min-width: 35px;\n            flex-shrink: 0;\n        }\n\n        .rule-content .list-item {\n            display: flex;\n            gap: 0.4rem;\n            margin-left: 2rem;\n            margin-bottom: 0.5rem;\n        }\n\n        .rule-content .list-alpha {\n            font-weight: 600;\n            color: var(--text-light);\n            min-width: 28px;\n            flex-shrink: 0;\n        }\n\n        \/* GOI Decision Card *\/\n        .decision-card {\n            background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n            border: 1px solid #fde68a;\n            border-left: 4px solid var(--accent-orange);\n            border-radius: 0 10px 10px 0;\n            padding: 1.25rem;\n            margin: 1.5rem 0 2rem 0;\n            position: relative;\n            box-shadow: var(--shadow-sm);\n        }\n\n        .decision-tag {\n            position: absolute;\n            top: -10px;\n            right: 1rem;\n            background: linear-gradient(135deg, var(--accent-orange), var(--accent-orange-dark));\n            color: var(--white);\n            font-family: 'Inter', sans-serif;\n            font-size: 0.6rem;\n            font-weight: 700;\n            padding: 0.3rem 0.75rem;\n            border-radius: 20px;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        .decision-header {\n            margin-bottom: 0.75rem;\n            padding-bottom: 0.5rem;\n            border-bottom: 1px dashed #fcd34d;\n        }\n\n        .decision-header h5 {\n            font-family: 'Inter', sans-serif;\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: var(--primary-blue);\n            text-transform: uppercase;\n            margin-bottom: 0.2rem;\n        }\n\n        .decision-ref {\n            font-family: 'Inter', sans-serif;\n            font-size: 0.7rem;\n            color: var(--text-light);\n        }\n\n        .decision-body {\n            font-size: 0.95rem;\n            line-height: 1.75;\n        }\n\n        \/* Section Divider *\/\n        .section-divider {\n            height: 1px;\n            background: linear-gradient(to right, transparent, var(--border-color), transparent);\n            margin: 2.5rem 0;\n        }\n\n        \/* Document Footer *\/\n        .doc-footer {\n            margin-top: 3rem;\n            padding-top: 1rem;\n            border-top: 2px solid var(--border-color);\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n            font-family: 'Inter', sans-serif;\n            font-size: 0.7rem;\n            font-weight: 700;\n            color: var(--text-light);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            text-align: center;\n        }\n\n        \/* ============================================\n           DESKTOP STYLES (768px and up)\n           ============================================ *\/\n        @media screen and (min-width: 769px) {\n            .repo-hero {\n                padding: 4rem 2rem;\n            }\n\n            .repo-main {\n                padding: 3rem 2rem;\n            }\n\n            .repo-section-title h2 {\n                font-size: 1.35rem;\n            }\n\n            .repo-cards-grid {\n                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n                gap: 1.25rem;\n            }\n\n            .repo-card {\n                padding: 1.5rem;\n            }\n\n            .repo-card-icon {\n                font-size: 2.25rem;\n            }\n\n            .repo-card-content h3 {\n                font-size: 1.05rem;\n            }\n\n            \/* Reader Header Desktop *\/\n            .reader-header {\n                padding: 0.75rem 1.5rem;\n            }\n\n            .reader-title {\n                font-size: 1rem;\n            }\n\n            \/* Hide hamburger on desktop *\/\n            .hamburger-btn {\n                display: none;\n            }\n\n            \/* Desktop Sidebar - Always visible *\/\n            .reader-sidebar {\n                position: relative;\n                left: 0;\n                width: 300px;\n                height: auto;\n                box-shadow: none;\n                border-right: 1px solid var(--border-color);\n            }\n\n            .sidebar-header {\n                display: none;\n            }\n\n            .sidebar-inner {\n                padding: 1.5rem;\n            }\n\n            .sidebar-overlay {\n                display: none !important;\n            }\n\n            \/* Content area adjustments *\/\n            .content-inner {\n                padding: 3rem 2rem 5rem;\n            }\n\n            .doc-emblem {\n                width: 60px;\n                height: 60px;\n            }\n\n            .rule-content {\n                font-size: 1.1rem;\n            }\n\n            .rule-content .chapter-title {\n                font-size: 1.35rem;\n                margin-top: 3.5rem;\n            }\n\n            .rule-content .rule-heading {\n                font-size: 1.15rem;\n            }\n\n            .decision-card {\n                padding: 1.5rem;\n                margin-left: 1rem;\n            }\n\n            .doc-footer {\n                flex-direction: row;\n                justify-content: space-between;\n            }\n        }\n\n        \/* ============================================\n           SMALL MOBILE (480px and below)\n           ============================================ *\/\n        @media screen and (max-width: 480px) {\n            .repo-topbar {\n                padding: 0.75rem 1rem;\n            }\n\n            .repo-topbar i {\n                font-size: 1.25rem;\n            }\n\n            .repo-topbar span {\n                font-size: 0.9rem;\n            }\n\n            .repo-hero {\n                padding: 2rem 1rem;\n            }\n\n            .repo-hero h1 {\n                font-size: 1.35rem;\n            }\n\n            .repo-section-header {\n                flex-wrap: wrap;\n            }\n\n            .repo-section-icon {\n                width: 40px;\n                height: 40px;\n                font-size: 1rem;\n            }\n\n            .repo-section-title h2 {\n                font-size: 1rem;\n            }\n\n            .repo-cards-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .repo-card {\n                padding: 1rem;\n            }\n\n            .repo-card-icon {\n                font-size: 1.75rem;\n            }\n\n            .repo-card-content h3 {\n                font-size: 0.9rem;\n            }\n\n            \/* Reader adjustments *\/\n            .reader-header {\n                padding: 0.4rem 0.5rem;\n            }\n\n            .reader-back-btn,\n            .hamburger-btn,\n            .download-btn {\n                width: 40px;\n                height: 40px;\n                min-width: 40px;\n            }\n\n            .reader-title {\n                font-size: 0.75rem;\n            }\n\n            .content-inner {\n                padding: 1rem 0.75rem 3rem;\n            }\n\n            .doc-title {\n                font-size: 1.15rem;\n            }\n\n            .doc-emblem {\n                width: 40px;\n                height: 40px;\n            }\n\n            .rule-content {\n                font-size: 0.95rem;\n            }\n\n            .rule-content .chapter-title {\n                font-size: 1rem;\n            }\n\n            .rule-content .rule-heading {\n                font-size: 0.95rem;\n            }\n\n            .decision-card {\n                padding: 1rem;\n            }\n\n            .decision-header h5 {\n                font-size: 0.8rem;\n            }\n        }\n\n        \/* ============================================\n           PRINT STYLES\n           ============================================ *\/\n        @media print {\n            .reader-header,\n            .reader-sidebar,\n            .hamburger-btn,\n            .sidebar-overlay {\n                display: none !important;\n            }\n\n            .reader-content {\n                width: 100%;\n            }\n\n            .content-inner {\n                max-width: 100%;\n                padding: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================\n         HOMEPAGE SECTION\n         ============================================ -->\n    <div class=\"repo-container\" id=\"homePage\">\n        <!-- Top Bar -->\n        <div class=\"repo-topbar\">\n            <div class=\"repo-topbar-inner\">\n                <i class=\"fas fa-landmark\"><\/i>\n                <span>Central Rules Repository<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Hero Section -->\n        <header class=\"repo-hero\">\n            <div class=\"repo-hero-content\">\n                <h1>Central Rules Repository<\/h1>\n                <p>\n                    Digital access to <span class=\"highlight\">Service Rules<\/span>, \n                    <span class=\"highlight\">Financial Regulations<\/span> & \n                    <span class=\"highlight\">Statutory Acts<\/span>\n                <\/p>\n                <div class=\"repo-search\">\n                    <i class=\"fas fa-search\"><\/i>\n                    <input type=\"text\" placeholder=\"Search rules, acts, or topics...\" id=\"searchInput\">\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <!-- Main Content -->\n        <main class=\"repo-main\">\n            <!-- Paper 2 - Service Rules Section -->\n            <section class=\"repo-section\">\n                <div class=\"repo-section-header\">\n                    <div class=\"repo-section-icon blue\">\n                        <i class=\"fas fa-user-tie\"><\/i>\n                    <\/div>\n                    <div class=\"repo-section-title\">\n                        <h2>Personnel & Service Rules<\/h2>\n                        <p>CCS Rules, Pension regulations & Office Procedures<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"repo-cards-grid\">\n                    <div class=\"repo-card\" onclick=\"openBook('leave')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-umbrella-beach\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>CCS (Leave) Rules, 1972<\/h3>\n                            <span class=\"repo-card-badge\">Official Rules<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card\" onclick=\"openBook('conduct')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-user-check\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>CCS (Conduct) Rules, 1964<\/h3>\n                            <span class=\"repo-card-badge\">Official Rules<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card\" onclick=\"openBook('pension')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>CCS (Pension) Rules, 2021<\/h3>\n                            <span class=\"repo-card-badge\">Updated 2021<\/span>\n                        <\/div>\n                    <\/div>\n                     <div class=\"repo-card\" onclick=\"openBook('nps')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>CCS (Implementation of National Pension System (NPS)) Rules, 2021<\/h3>\n                            <span class=\"repo-card-badge\">Updated 2021<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card\" onclick=\"openBook('cca')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-gavel\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>CCS (CCA) Rules, 1965<\/h3>\n                            <span class=\"repo-card-badge\">Official Rules<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card\" onclick=\"openBook('mop')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>Manual of Office Procedure<\/h3>\n                            <span class=\"repo-card-badge\">MOP 2019<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card disabled\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-file-alt\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>Notes on Office Procedure (ISTM)<\/h3>\n                            <span class=\"repo-card-badge coming-soon\">Coming Soon<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Finance Rules Section -->\n            <section class=\"repo-section\">\n                <div class=\"repo-section-header\">\n                    <div class=\"repo-section-icon orange\">\n                        <i class=\"fas fa-calculator\"><\/i>\n                    <\/div>\n                    <div class=\"repo-section-title\">\n                        <h2>Accounts & Financial Rules<\/h2>\n                        <p>GFR, DFPR, FR & SR and Financial Management<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"repo-cards-grid\">\n                    <div class=\"repo-card\" onclick=\"openBook('gfr')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>General Financial Rules, 2017<\/h3>\n                            <span class=\"repo-card-badge\">GFR 2017<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card\" onclick=\"openBook('frsr')\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>Fundamental & Supplementary Rules<\/h3>\n                            <span class=\"repo-card-badge\">FR & SR<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card disabled\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>DFPR (Delegation Rules)<\/h3>\n                            <span class=\"repo-card-badge coming-soon\">Coming Soon<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Paper 1 - Constitution & Current Affairs -->\n            <section class=\"repo-section\">\n                <div class=\"repo-section-header\">\n                    <div class=\"repo-section-icon green\">\n                        <i class=\"fas fa-scroll\"><\/i>\n                    <\/div>\n                    <div class=\"repo-section-title\">\n                        <h2>Constitution & Parliamentary Procedure<\/h2>\n                        <p>Constitution of India, RTI Act & Parliamentary Rules<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"repo-cards-grid\">\n                    <div class=\"repo-card disabled\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-landmark\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>Constitution of India<\/h3>\n                            <span class=\"repo-card-badge coming-soon\">Coming Soon<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card disabled\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-university\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>Parliamentary Procedure<\/h3>\n                            <span class=\"repo-card-badge coming-soon\">Coming Soon<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"repo-card disabled\">\n                        <div class=\"repo-card-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\n                        <div class=\"repo-card-content\">\n                            <h3>RTI Act, 2005<\/h3>\n                            <span class=\"repo-card-badge coming-soon\">Coming Soon<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n    <\/div>\n\n    <!-- ============================================\n         BOOK READER OVERLAY\n         ============================================ -->\n    <div class=\"book-overlay\" id=\"bookOverlay\">\n        <!-- Sidebar Overlay (dark background) -->\n        <div class=\"sidebar-overlay\" id=\"sidebarOverlay\"><\/div>\n        \n        <!-- Reader Header with Back Button and Hamburger -->\n        <header class=\"reader-header\">\n            <div class=\"reader-header-left\">\n                <!-- BACK BUTTON - Always Visible -->\n                <button class=\"reader-back-btn\" id=\"backBtn\" onclick=\"closeBook()\" aria-label=\"Go Back\">\n                    <i class=\"fas fa-arrow-left\"><\/i>\n                <\/button>\n                <!-- Title -->\n                <span class=\"reader-title\" id=\"readerTitle\">Document Title<\/span>\n            <\/div>\n            <div class=\"reader-header-right\">\n                <!-- Download Button -->\n                <button class=\"download-btn\" aria-label=\"Download PDF\">\n                    <i class=\"fas fa-download\"><\/i>\n                <\/button>\n                <!-- HAMBURGER MENU - Mobile Only -->\n                <button class=\"hamburger-btn\" id=\"hamburgerBtn\" aria-label=\"Open Menu\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/button>\n            <\/div>\n        <\/header>\n\n        <!-- Reader Body -->\n        <div class=\"reader-body\">\n            <!-- TOC Sidebar -->\n            <aside class=\"reader-sidebar\" id=\"readerSidebar\">\n                <!-- Sidebar Header for Mobile -->\n                <div class=\"sidebar-header\">\n                    <h3>Table of Contents<\/h3>\n                    <button class=\"sidebar-close-btn\" id=\"sidebarCloseBtn\" aria-label=\"Close Menu\">\n                        <i class=\"fas fa-times\"><\/i>\n                    <\/button>\n                <\/div>\n                <div class=\"sidebar-inner\">\n                    <div class=\"sidebar-label\">Chapters & Rules<\/div>\n                    <ul class=\"toc-list\" id=\"tocList\">\n                        <!-- Dynamically populated -->\n                    <\/ul>\n                <\/div>\n            <\/aside>\n\n            <!-- Main Content -->\n            <main class=\"reader-content\" id=\"readerContent\">\n                <div class=\"content-inner\" id=\"contentInner\">\n                    <!-- Dynamically populated -->\n                <\/div>\n            <\/main>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ ============================================\n        \/\/ DOM ELEMENTS\n        \/\/ ============================================\n        const homePage = document.getElementById('homePage');\n        const bookOverlay = document.getElementById('bookOverlay');\n        const readerSidebar = document.getElementById('readerSidebar');\n        const sidebarOverlay = document.getElementById('sidebarOverlay');\n        const hamburgerBtn = document.getElementById('hamburgerBtn');\n        const sidebarCloseBtn = document.getElementById('sidebarCloseBtn');\n        const backBtn = document.getElementById('backBtn');\n        const readerTitle = document.getElementById('readerTitle');\n        const tocList = document.getElementById('tocList');\n        const contentInner = document.getElementById('contentInner');\n        const readerContent = document.getElementById('readerContent');\n\n        \/\/ ============================================\n        \/\/ RULE CONTENT DATA\n        \/\/ ============================================\n        const rulesData = {\n            leave: {\n                title: \"CCS (Leave) Rules, 1972\",\n                category: \"Service Rules\",\n                chapters: [\n                    {\n                        id: \"ch1\",\n                        title: \"Chapter I: Preliminary\",\n                        rules: [\n                            { id: \"r1\", title: \"Short title and commencement\" },\n                            { id: \"r2\", title: \"Extent of application\" },\n                            { id: \"r3\", title: \"Definitions\" }\n                        ]\n                    },\n                    {\n                        id: \"ch2\",\n                        title: \"Chapter II: General Conditions\",\n                        rules: [\n                            { id: \"r7\", title: \"Right to leave\" },\n                            { id: \"r8\", title: \"Regulation of claim\" }\n                        ]\n                    },\n                    {\n                        id: \"ch3\",\n                        title: \"Chapter III: Grant of Leave\",\n                        rules: []\n                    },\n                    {\n                        id: \"ch4\",\n                        title: \"Chapter IV: Earned Leave\",\n                        rules: [\n                            { id: \"r26\", title: \"Calculation of Earned Leave\" }\n                        ]\n                    },\n                    {\n                        id: \"ch5\",\n                        title: \"Chapter V: Half Pay Leave\",\n                        rules: []\n                    },\n                    {\n                        id: \"ch9\",\n                        title: \"Chapter IX: Miscellaneous\",\n                        rules: [\n                            { id: \"r64\", title: \"Interpretation\" },\n                            { id: \"r65\", title: \"Power to relax\" }\n                        ]\n                    }\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">Government of India<\/div>\n                                <h1 class=\"doc-title\">Central Civil Services (Leave) Rules, 1972<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Chapter I: Preliminary<\/h2>\n\n                        <h3 class=\"rule-heading\" id=\"r1\"><span class=\"rule-num\">1.<\/span> Short title and commencement<\/h3>\n                        <div class=\"sub-rule\">\n                            <span class=\"sub-index\">(1)<\/span>\n                            <p>These rules may be called the <strong>Central Civil Services (Leave) Rules, 1972<\/strong>.<\/p>\n                        <\/div>\n                        <div class=\"sub-rule\">\n                            <span class=\"sub-index\">(2)<\/span>\n                            <p>They shall come into force on the 1st day of June, 1972.<\/p>\n                        <\/div>\n\n                        <h3 class=\"rule-heading\" id=\"r2\"><span class=\"rule-num\">2.<\/span> Extent of application<\/h3>\n                        <p>These rules shall apply to Government servants appointed to civil services and posts, but shall not apply to\u2014<\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(a)<\/span><p>Railway servants;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(b)<\/span><p>persons in casual or daily-rated employment;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(c)<\/span><p>persons paid from contingencies;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(d)<\/span><p>workmen in industrial establishments;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(e)<\/span><p>members of the All India Services;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(f)<\/span><p>persons employed on contract.<\/p><\/div>\n\n                        <h3 class=\"rule-heading\" id=\"r3\"><span class=\"rule-num\">3.<\/span> Definitions<\/h3>\n                        <p>In these rules, unless the context otherwise requires\u2014<\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(a)<\/span><p><strong>\"Administrator\"<\/strong> means an Administrator of a Union Territory;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(b)<\/span><p><strong>\"Authority competent to grant leave\"<\/strong> means the authority assigned powers under these rules;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(c)<\/span><p><strong>\"Completed year of service\"<\/strong> means continuous service including duty and leave periods;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(d)<\/span><p><strong>\"Date of retirement\"<\/strong> means the afternoon of the last day of the month of superannuation.<\/p><\/div>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch2\">Chapter II: General Conditions<\/h2>\n\n                        <h3 class=\"rule-heading\" id=\"r7\"><span class=\"rule-num\">7.<\/span> Right to leave<\/h3>\n                        <p>Leave cannot be claimed as of right. When the exigencies of public service so require, leave of any kind may be refused or revoked by the authority competent to grant leave.<\/p>\n\n                        <div class=\"decision-card\">\n                            <div class=\"decision-tag\">GOI Decision<\/div>\n                            <div class=\"decision-header\">\n                                <h5>Grant of leave for competitive examinations<\/h5>\n                                <span class=\"decision-ref\">OM No. 14028\/3\/2012-Estt(L) dated 01.01.2013<\/span>\n                            <\/div>\n                            <div class=\"decision-body\">\n                                <p>While leave is not a right, leave requested for appearing in competitive examinations or for urgent health reasons should not be refused unless substitute arrangements are absolutely impossible.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <h3 class=\"rule-heading\" id=\"r8\"><span class=\"rule-num\">8.<\/span> Regulation of claim to leave<\/h3>\n                        <p>A Government servant's claim to leave is regulated by the rules in force at the time the leave is applied for and granted.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch3\">Chapter III: Grant of Leave<\/h2>\n                        <p>Detailed procedures for medical certificates for Gazetted and Non-Gazetted officers are outlined in Rules 14 to 19. The Authorized Medical Attendant must certify the nature of illness and expected duration of absence.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch4\">Chapter IV: Earned Leave<\/h2>\n\n                        <h3 class=\"rule-heading\" id=\"r26\"><span class=\"rule-num\">26.<\/span> Calculation of Earned Leave<\/h3>\n                        <div class=\"sub-rule\">\n                            <span class=\"sub-index\">(1)<\/span>\n                            <p>The leave account shall be credited with earned leave in advance in two instalments of <strong>15 days each<\/strong> on 1st January and 1st July of every calendar year.<\/p>\n                        <\/div>\n                        <div class=\"sub-rule\">\n                            <span class=\"sub-index\">(2)<\/span>\n                            <p>The maximum earned leave that can accumulate is <strong>300 days<\/strong>.<\/p>\n                        <\/div>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch5\">Chapter V: Half Pay Leave<\/h2>\n                        <p>Half Pay Leave is credited at the rate of <strong>20 days<\/strong> for each completed year of service. This leave can be commuted to full pay leave on medical certificate.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch9\">Chapter IX: Miscellaneous<\/h2>\n\n                        <h3 class=\"rule-heading\" id=\"r64\"><span class=\"rule-num\">64.<\/span> Interpretation<\/h3>\n                        <p>Doubts regarding interpretation shall be referred to the Ministry of Personnel, Public Grievances and Pensions.<\/p>\n\n                        <h3 class=\"rule-heading\" id=\"r65\"><span class=\"rule-num\">65.<\/span> Power to relax<\/h3>\n                        <p>The Ministry may dispense with or relax rules if they cause undue hardship in particular cases.<\/p>\n\n                        <div class=\"doc-footer\">\n                            <span>Official Digital Copy: CCS-LEAVE-1972<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            },\n            conduct: {\n                title: \"CCS (Conduct) Rules, 1964\",\n                category: \"Service Rules\",\n                chapters: [\n                    { id: \"ch1\", title: \"Part I: General\", rules: [{ id: \"r1\", title: \"Short title\" }] },\n                    { id: \"ch2\", title: \"Part II: Conduct\", rules: [\n                        { id: \"r3\", title: \"General obligations\" },\n                        { id: \"r5\", title: \"Taking part in politics\" },\n                        { id: \"r11\", title: \"Gifts\" },\n                        { id: \"r13\", title: \"Private trade\" }\n                    ]}\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">Government of India<\/div>\n                                <h1 class=\"doc-title\">CCS (Conduct) Rules, 1964<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Part I: General<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r1\"><span class=\"rule-num\">1.<\/span> Short title<\/h3>\n                        <p>These rules may be called the <strong>Central Civil Services (Conduct) Rules, 1964<\/strong>.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch2\">Part II: Conduct<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r3\"><span class=\"rule-num\">3.<\/span> General obligations<\/h3>\n                        <p>Every Government servant shall at all times\u2014<\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(i)<\/span><p>maintain absolute integrity;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(ii)<\/span><p>maintain devotion to duty;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(iii)<\/span><p>do nothing unbecoming of a Government servant.<\/p><\/div>\n\n                        <h3 class=\"rule-heading\" id=\"r5\"><span class=\"rule-num\">5.<\/span> Taking part in politics<\/h3>\n                        <p>No Government servant shall be a member of any political party or take part in any political activity.<\/p>\n\n                        <h3 class=\"rule-heading\" id=\"r11\"><span class=\"rule-num\">11.<\/span> Gifts<\/h3>\n                        <p>No Government servant shall accept any gift from any person with whom he has official dealings.<\/p>\n\n                        <h3 class=\"rule-heading\" id=\"r13\"><span class=\"rule-num\">13.<\/span> Private trade or employment<\/h3>\n                        <p>No Government servant shall engage in any private trade or business without prior sanction.<\/p>\n\n                        <div class=\"doc-footer\">\n                            <span>Official: CCS-CONDUCT-1964<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            },\n            pension: {\n                title: \"CCS (Pension) Rules, 2021\",\n                category: \"Service Rules\",\n                chapters: [\n                    { id: \"ch1\", title: \"Chapter I: Preliminary\", rules: [{ id: \"r1\", title: \"Short title\" }, { id: \"r2\", title: \"Application\" }] },\n                    { id: \"ch2\", title: \"Chapter II: General Conditions\", rules: [{ id: \"r7\", title: \"Good conduct\" }] },\n                    { id: \"ch4\", title: \"Chapter IV: Emoluments\", rules: [{ id: \"r31\", title: \"Emoluments\" }] }\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">Government of India<\/div>\n                                <h1 class=\"doc-title\">CCS (Pension) Rules, 2021<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Chapter I: Preliminary<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r1\"><span class=\"rule-num\">1.<\/span> Short title<\/h3>\n                        <p>These rules may be called the <strong>CCS (Pension) Rules, 2021<\/strong>.<\/p>\n\n                        <h3 class=\"rule-heading\" id=\"r2\"><span class=\"rule-num\">2.<\/span> Application<\/h3>\n                        <p>These rules apply to Government servants appointed on or before <strong>31st December, 2003<\/strong>.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch2\">Chapter II: General Conditions<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r7\"><span class=\"rule-num\">7.<\/span> Good conduct condition<\/h3>\n                        <p>Future good conduct is an implied condition for pension. The authority may withhold pension if the pensioner is convicted of a serious crime.<\/p>\n\n                        <div class=\"decision-card\">\n                            <div class=\"decision-tag\">GOI Decision<\/div>\n                            <div class=\"decision-header\">\n                                <h5>Withholding Pension<\/h5>\n                                <span class=\"decision-ref\">OM No. 38\/40\/16-P&PW(A) dated 12.04.2017<\/span>\n                            <\/div>\n                            <div class=\"decision-body\">\n                                <p>Action under Rule 7 must be initiated immediately upon conviction. The decision is independent of any judicial appeal.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch4\">Chapter IV: Emoluments<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r31\"><span class=\"rule-num\">31.<\/span> Emoluments<\/h3>\n                        <p>'Emoluments' means basic pay as defined in FR 9(21)(a)(i) received immediately before retirement.<\/p>\n\n                        <div class=\"doc-footer\">\n                            <span>Official: CCS-PENSION-2021<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            },\n            cca: {\n                title: \"CCS (CCA) Rules, 1965\",\n                category: \"Service Rules\",\n                chapters: [\n                    { id: \"ch1\", title: \"Part I: General\", rules: [] },\n                    { id: \"ch3\", title: \"Part III: Penalties\", rules: [{ id: \"r11\", title: \"Penalties\" }] }\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">Government of India<\/div>\n                                <h1 class=\"doc-title\">CCS (CCA) Rules, 1965<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Part I: General<\/h2>\n                        <p>These rules relate to Classification, Control and Appeal of Central Civil Services.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch3\">Part III: Penalties<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r11\"><span class=\"rule-num\">11.<\/span> Penalties<\/h3>\n                        <p><strong>Minor Penalties:<\/strong><\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(i)<\/span><p>Censure<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(ii)<\/span><p>Withholding of promotion<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(iii)<\/span><p>Recovery from pay<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(iv)<\/span><p>Withholding of increments<\/p><\/div>\n                        <p style=\"margin-top: 1rem;\"><strong>Major Penalties:<\/strong><\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(v)<\/span><p>Reduction to lower stage<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(vi)<\/span><p>Reduction to lower grade<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(vii)<\/span><p>Compulsory retirement<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(viii)<\/span><p>Removal from service<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(ix)<\/span><p>Dismissal from service<\/p><\/div>\n\n                        <div class=\"doc-footer\">\n                            <span>Official: CCS-CCA-1965<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            },\n            gfr: {\n                title: \"General Financial Rules, 2017\",\n                category: \"Financial Rules\",\n                chapters: [\n                    { id: \"ch1\", title: \"Chapter 1: Introduction\", rules: [{ id: \"r7\", title: \"Financial propriety\" }] },\n                    { id: \"ch6\", title: \"Chapter 6: Procurement\", rules: [{ id: \"r149\", title: \"Public buying\" }] }\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">Ministry of Finance<\/div>\n                                <h1 class=\"doc-title\">General Financial Rules, 2017<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Chapter 1: Introduction<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r7\"><span class=\"rule-num\">7.<\/span> Standards of financial propriety<\/h3>\n                        <p>Every officer should be guided by high standards of financial propriety:<\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(i)<\/span><p>Exercise vigilance as a person of ordinary prudence would for their own money;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(ii)<\/span><p>No authority should pass orders for its own advantage;<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(iii)<\/span><p>Public money should not benefit any particular person or section.<\/p><\/div>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch6\">Chapter 6: Procurement<\/h2>\n                        <h3 class=\"rule-heading\" id=\"r149\"><span class=\"rule-num\">149.<\/span> Fundamental principles of public buying<\/h3>\n                        <p>Every authority shall bring efficiency, economy and transparency in public procurement.<\/p>\n\n                        <div class=\"doc-footer\">\n                            <span>Official: GFR-2017<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            },\n            frsr: {\n                title: \"Fundamental & Supplementary Rules\",\n                category: \"Financial Rules\",\n                chapters: [\n                    { id: \"ch1\", title: \"FR: Definitions\", rules: [{ id: \"fr9\", title: \"FR 9\" }] },\n                    { id: \"ch2\", title: \"FR: Conditions of Service\", rules: [{ id: \"fr22\", title: \"FR 22\" }] },\n                    { id: \"ch3\", title: \"Supplementary Rules\", rules: [{ id: \"sr105\", title: \"SR 105\" }] }\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">Government of India<\/div>\n                                <h1 class=\"doc-title\">FR & Supplementary Rules<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Fundamental Rules: Definitions<\/h2>\n                        <h3 class=\"rule-heading\" id=\"fr9\"><span class=\"rule-num\">FR 9.<\/span> Definitions<\/h3>\n                        <p><strong>'Pay'<\/strong> means the amount drawn monthly including basic pay, special pay and personal pay.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch2\">FR: Conditions of Service<\/h2>\n                        <h3 class=\"rule-heading\" id=\"fr22\"><span class=\"rule-num\">FR 22.<\/span> Pay during suspension<\/h3>\n                        <p>A suspended Government servant is entitled to subsistence allowance equal to half pay leave salary plus dearness allowance.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch3\">Supplementary Rules<\/h2>\n                        <h3 class=\"rule-heading\" id=\"sr105\"><span class=\"rule-num\">SR 105.<\/span> Joining Time<\/h3>\n                        <p>Maximum joining time: 6 days at same station; 10 days plus transit for different station.<\/p>\n\n                        <div class=\"doc-footer\">\n                            <span>Official: FR-SR<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            },\n             nps: {\n                title: \"Fundamental & Supplementary Rules\",\n                category: \"Financial Rules\",\n                chapters: [\n                    {\n                        id: \"ch1\",\n                        title: \"Chapter I: Preliminary\",\n                        rules: [\n                            { id: \"r1\", title: \"1. Short title and commencement\" },\n                            { id: \"r2\", title: \"2. Application\" },\n                            { id: \"r3\", title: \"3. Definitions\" }\n                        ]\n                    },\n                    {\n                        id: \"ch2\",\n                        title: \"Chapter II: General Conditions\",\n                        rules: [\n                            { id: \"r4\", title: \"4. Registration into National Pension System.\" },\n                            { id: \"r5\", title: \"5.Emoluments.\" },\n                            { id: \"r6\", title: \"6. Contribution by the Subscriber to the National Pension System..\" },\n                            { id: \"r7\", title: \"7. Contribution by the Government. .\" },\n                            { id: \"r8\", title: \"8. Interest on delayed  deposit of contributions.\" },\n                             { id: \"r9\", title: \"9. Investment of the Accumulated Pension Corpus.\" } ,\n                             { id: \"r10\", title: \"10. Option to avail benefits on death or invalidation or disability of Subscriber during service.\" }\n                        ]\n                    },\n                    {\n                        id: \"ch3\",\n                        title: \"Chapter III: Grant of Leave\",\n                        rules: []\n                    },\n                    {\n                        id: \"ch4\",\n                        title: \"Chapter IV: Earned Leave\",\n                        rules: [\n                            { id: \"r26\", title: \"Calculation of Earned Leave\" }\n                        ]\n                    },\n                    {\n                        id: \"ch5\",\n                        title: \"Chapter V: Half Pay Leave\",\n                        rules: []\n                    },\n                    {\n                        id: \"ch9\",\n                        title: \"Chapter IX: Miscellaneous\",\n                        rules: [\n                            { id: \"r64\", title: \"Interpretation\" },\n                            { id: \"r65\", title: \"Power to relax\" }\n                        ]\n                    }\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">Government of India<\/div>\n                                <h1 class=\"doc-title\">FR & Supplementary Rules<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Fundamental Rules: Definitions<\/h2>\n                        <h3 class=\"rule-heading\" id=\"fr9\"><span class=\"rule-num\">FR 9.<\/span> Definitions<\/h3>\n                        <p><strong>'Pay'<\/strong> means the amount drawn monthly including basic pay, special pay and personal pay.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch2\">FR: Conditions of Service<\/h2>\n                        <h3 class=\"rule-heading\" id=\"fr22\"><span class=\"rule-num\">FR 22.<\/span> Pay during suspension<\/h3>\n                        <p>A suspended Government servant is entitled to subsistence allowance equal to half pay leave salary plus dearness allowance.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch3\">Supplementary Rules<\/h2>\n                        <h3 class=\"rule-heading\" id=\"sr105\"><span class=\"rule-num\">SR 105.<\/span> Joining Time<\/h3>\n                        <p>Maximum joining time: 6 days at same station; 10 days plus transit for different station.<\/p>\n\n                        <div class=\"doc-footer\">\n                            <span>Official: FR-SR<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            },\n            mop: {\n                title: \"Manual of Office Procedure, 2019\",\n                category: \"Office Procedure\",\n                chapters: [\n                    { id: \"ch1\", title: \"Chapter 1: Introduction\", rules: [] },\n                    { id: \"ch3\", title: \"Chapter 3: Organisation\", rules: [] },\n                    { id: \"ch4\", title: \"Chapter 4: File Management\", rules: [] }\n                ],\n                content: `\n                    <div class=\"doc-header\">\n                        <div class=\"doc-header-top\">\n                            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/55\/Emblem_of_India.svg\" class=\"doc-emblem\" alt=\"Emblem\">\n                            <div>\n                                <div class=\"doc-meta\">DARPG<\/div>\n                                <h1 class=\"doc-title\">Manual of Office Procedure, 2019<\/h1>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rule-content\">\n                        <h2 class=\"chapter-title\" id=\"ch1\">Chapter 1: Introduction<\/h2>\n                        <p>This Manual provides guidelines on office procedure in the Central Secretariat.<\/p>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch3\">Chapter 3: Organisational Structure<\/h2>\n                        <p>The hierarchy consists of:<\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(i)<\/span><p>Secretary to the Government of India<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(ii)<\/span><p>Additional Secretary<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(iii)<\/span><p>Joint Secretary<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(iv)<\/span><p>Director \/ Deputy Secretary<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(v)<\/span><p>Under Secretary<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(vi)<\/span><p>Section Officer<\/p><\/div>\n\n                        <div class=\"section-divider\"><\/div>\n\n                        <h2 class=\"chapter-title\" id=\"ch4\">Chapter 4: File Management<\/h2>\n                        <p>A file has two parts:<\/p>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(a)<\/span><p><strong>Notes portion:<\/strong> Internal office discussion<\/p><\/div>\n                        <div class=\"list-item\"><span class=\"list-alpha\">(b)<\/span><p><strong>Correspondence:<\/strong> Communications received and issued<\/p><\/div>\n\n                        <div class=\"doc-footer\">\n                            <span>Official: MOP-2019<\/span>\n                            <span>End of Document<\/span>\n                        <\/div>\n                    <\/div>\n                `\n            }\n        };\n\n        \/\/ ============================================\n        \/\/ SIDEBAR FUNCTIONS\n        \/\/ ============================================\n        function openSidebar() {\n            readerSidebar.classList.add('active');\n            sidebarOverlay.classList.add('active');\n            hamburgerBtn.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeSidebar() {\n            readerSidebar.classList.remove('active');\n            sidebarOverlay.classList.remove('active');\n            hamburgerBtn.classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        function toggleSidebar() {\n            if (readerSidebar.classList.contains('active')) {\n                closeSidebar();\n            } else {\n                openSidebar();\n            }\n        }\n\n        \/\/ Event Listeners for Sidebar\n        hamburgerBtn.addEventListener('click', toggleSidebar);\n        sidebarCloseBtn.addEventListener('click', closeSidebar);\n        sidebarOverlay.addEventListener('click', closeSidebar);\n\n        \/\/ ============================================\n        \/\/ BOOK OPEN\/CLOSE FUNCTIONS\n        \/\/ ============================================\n        function openBook(ruleKey) {\n            const data = rulesData[ruleKey];\n            if (!data) return;\n\n            \/\/ Update title\n            readerTitle.textContent = data.title;\n\n            \/\/ Build TOC\n            tocList.innerHTML = '';\n            data.chapters.forEach((chapter, idx) => {\n                const li = document.createElement('li');\n                li.className = 'toc-chapter';\n                \n                const chapterLink = document.createElement('a');\n                chapterLink.href = `#${chapter.id}`;\n                chapterLink.className = 'toc-chapter-link' + (idx === 0 ? ' active' : '');\n                chapterLink.textContent = chapter.title;\n                chapterLink.onclick = (e) => {\n                    e.preventDefault();\n                    document.getElementById(chapter.id)?.scrollIntoView({ behavior: 'smooth' });\n                    closeSidebar();\n                    \n                    \/\/ Update active state\n                    document.querySelectorAll('.toc-chapter-link').forEach(l => l.classList.remove('active'));\n                    chapterLink.classList.add('active');\n                };\n                li.appendChild(chapterLink);\n\n                \/\/ Add rules under chapter\n                if (chapter.rules && chapter.rules.length > 0) {\n                    const rulesUl = document.createElement('ul');\n                    rulesUl.className = 'toc-rules';\n                    \n                    chapter.rules.forEach(rule => {\n                        const ruleLi = document.createElement('li');\n                        const ruleLink = document.createElement('a');\n                        ruleLink.href = `#${rule.id}`;\n                        ruleLink.className = 'toc-rule-link';\n                        ruleLink.textContent = rule.title;\n                        ruleLink.onclick = (e) => {\n                            e.preventDefault();\n                            document.getElementById(rule.id)?.scrollIntoView({ behavior: 'smooth' });\n                            closeSidebar();\n                        };\n                        ruleLi.appendChild(ruleLink);\n                        rulesUl.appendChild(ruleLi);\n                    });\n                    \n                    li.appendChild(rulesUl);\n                }\n\n                tocList.appendChild(li);\n            });\n\n            \/\/ Render content\n            contentInner.innerHTML = data.content;\n\n            \/\/ Show overlay and hide homepage\n            bookOverlay.classList.add('active');\n            homePage.style.display = 'none';\n            document.body.style.overflow = 'hidden';\n\n            \/\/ Scroll to top\n            readerContent.scrollTop = 0;\n        }\n\n        function closeBook() {\n            closeSidebar();\n            bookOverlay.classList.remove('active');\n            homePage.style.display = 'block';\n            document.body.style.overflow = '';\n        }\n\n        \/\/ ============================================\n        \/\/ KEYBOARD SHORTCUTS\n        \/\/ ============================================\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape') {\n                if (readerSidebar.classList.contains('active')) {\n                    closeSidebar();\n                } else if (bookOverlay.classList.contains('active')) {\n                    closeBook();\n                }\n            }\n        });\n\n        \/\/ ============================================\n        \/\/ HANDLE RESIZE\n        \/\/ ============================================\n        window.addEventListener('resize', () => {\n            if (window.innerWidth > 768) {\n                closeSidebar();\n            }\n        });\n\n        \/\/ ============================================\n        \/\/ SEARCH FUNCTIONALITY\n        \/\/ ============================================\n        document.getElementById('searchInput')?.addEventListener('keyup', function(e) {\n            if (e.key === 'Enter') {\n                const query = this.value.toLowerCase().trim();\n                if (!query) return;\n                \n                for (const [key, data] of Object.entries(rulesData)) {\n                    if (data.title.toLowerCase().includes(query)) {\n                        openBook(key);\n                        break;\n                    }\n                }\n            }\n        });\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>CSS Adda &#8211; Central Rules Repository Central Rules Repository Central Rules Repository Digital access to Service Rules, Financial Regulations &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[53],"tags":[],"class_list":["post-5636","page","type-page","status-publish","hentry","category-website-main-pages-header"],"_links":{"self":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/5636","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=5636"}],"version-history":[{"count":49,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/5636\/revisions"}],"predecessor-version":[{"id":5826,"href":"https:\/\/promotionexams.com\/index.php?rest_route=\/wp\/v2\/pages\/5636\/revisions\/5826"}],"wp:attachment":[{"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5636"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5636"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promotionexams.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}