
:root {
                    --sgkb-primary: #3b82f6;
                    --sgkb-primary-rgb: 59, 130, 246;
                    --sgkb-primary-dark: #3575dd;
                    --sgkb-primary-light: #4e8ef6;
                }
            
                .sgkb-container {
                    max-width: 1140px;
                    margin: 0 auto;
                }
                .sgkb-article-body-modern .sgkb-container {
                    max-width: 1140px;
                }
            
                .sgkb-hero-modern,
                .sgkb-category-header-modern,
                .sgkb-article-header-modern {
                    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%) !important;
                }
            
                /* Category Icon Background */
                .sgkb-category-icon {
                    background: #3b82f6 !important;
                }

                /* Navigation Indicator */
                .sgkb-nav-indicator {
                    background: #3b82f6 !important;
                }

                /* Table of Contents Links */
                .sgkb-toc-link {
                    color: #6b7280;
                    transition: all 0.2s ease;
                }

                .sgkb-toc-link:hover {
                    color: #3b82f6 !important;
                    border-left-color: #3b82f6 !important;
                }

                .sgkb-toc-link.active {
                    color: #3b82f6 !important;
                    border-left-color: #3b82f6 !important;
                }

                /* Feedback Buttons */
                .sgkb-feedback-btn {
                    transition: all 0.2s ease;
                }

                .sgkb-feedback-btn:hover {
                    border-color: #3b82f6 !important;
                    color: #3b82f6 !important;
                }

                .sgkb-feedback-btn.active {
                    background: #3b82f6 !important;
                    border-color: #3b82f6 !important;
                    color: #ffffff !important;
                }

                /* Links and interactive elements */
                .sgkb-category-card-modern:hover {
                    border-color: #3b82f6;
                    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
                }

                .sgkb-category-view-all {
                    color: #3b82f6;
                }

                .sgkb-category-view-all:hover {
                    background: #3b82f6;
                    color: #ffffff;
                }

                /* Search elements */
                .sgkb-hero-search-modern:focus-within {
                    border-color: #3b82f6;
                    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
                }

                .sgkb-search-result-item:hover {
                    background: rgba(59, 130, 246, 0.05);
                }

                /* Buttons and CTAs */
                .sgkb-hero-cta {
                    background: #3b82f6;
                }

                .sgkb-hero-cta:hover {
                    background: #3575dd;
                }

                /* Category navigation active indicator */
                .sgkb-category-nav-item.active::before {
                    background: #3b82f6;
                }

                /* Stats cards */
                .sgkb-stat-card-modern svg {
                    color: #3b82f6;
                }

                /* Additional brand color applications */
                .sgkb-category-card-modern .sgkb-category-icon {
                    background: #3b82f6;
                }

                .sgkb-article-tag {
                    background: rgba(59, 130, 246, 0.1);
                    color: #3b82f6;
                }

                .sgkb-article-tag:hover {
                    background: rgba(59, 130, 246, 0.2);
                }

                /* Progress bars and indicators */
                .sgkb-reading-progress {
                    background: #3b82f6;
                }

                /* Category badges */
                .sgkb-category-badge {
                    background: #3b82f6;
                    color: #ffffff;
                }

                /* Active states */
                .sgkb-nav-item.active {
                    color: #3b82f6;
                }

                /* Focus states for accessibility */
                button:focus-visible,
                a:focus-visible {
                    outline-color: #3b82f6;
                }

                /* Related Articles Cards */
                .sgkb-related-card:hover {
                    border-color: #3b82f6 !important;
                    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15) !important;
                }

                /* Related Articles Read More Link */
                .sgkb-related-readmore {
                    color: #3b82f6 !important;
                    transition: all 0.2s ease;
                }

                .sgkb-related-readmore:hover {
                    color: #326ed1 !important;
                }

                .sgkb-related-readmore svg {
                    color: #3b82f6 !important;
                    transition: transform 0.2s ease;
                }

                .sgkb-related-card:hover .sgkb-related-readmore svg {
                    transform: translateX(4px);
                }