html, body {
        height: 100%;
        margin: 10px !important;
        padding: 20px !important;
    }
    
    /* Root Flex Container for Sticky Footer */
    #justice-gauge-root-scope {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        position: relative;
    }

    #justice-gauge-root-scope .top-accent-bar {
        position: fixed !important;
        top: 0; left: 0; right: 0;
        height: 6px;
        background: #e63946;
        z-index: 10000;
    }

    /* Isolated Sticky Header */
    #justice-gauge-root-scope .sticky-header {
        position: fixed !important;
        top: 6px !important;
        left: 0; right: 0;
        z-index: 1050 !important;
        background: #212121;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
        transition: background 0.3s ease;
    }

    #justice-gauge-root-scope .sticky-header.sticky-scrolled {
        background: #1a1a1a !important;
    }

    /* Separate Main Content Wrapper with Dynamic Padding Safety */
    #justice-gauge-root-scope .main-content-wrapper {
        flex: 1 0 auto;  /* Pushes footer down */
        padding-top: 90px !important; /* Offsets the fixed header height */
        padding-bottom: 40px;
    }

    /* Scoped Logo & Branding Isolation */
    #justice-gauge-root-scope .logo-wrap img,
    #justice-gauge-root-scope .navbar-brand img {
        height: 52px !important;
        width: auto !important;
        max-height: 52px !important;
    }

    /* Isolated Footer Scope */
    #justice-gauge-root-scope .site-footer {
        background: #212121;
        color: #ffffff;
        padding: 3rem 0 1.5rem;
        margin-top: auto;
    }