.elementor-38522 .elementor-element.elementor-element-4bbff55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38522 .elementor-element.elementor-element-51d1bf1 > .elementor-widget-container{margin:060px 0px 0px 0px;}@media(max-width:767px){.elementor-38522 .elementor-element.elementor-element-4bbff55{--justify-content:flex-start;}.elementor-38522 .elementor-element.elementor-element-4bbff55.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}}/* Start custom CSS */<style>
    /* PROJECT: AfricaAllah.com - The Signal Page
       THEME: Institutional Dossier / Terminal Console
       VERSION: 2026.02.04
    */

    :root {
        --obsidian: #0a0a0a;
        --pmt-gold: #c5a059;
        --signal-green: #00ff41;
        --dossier-gray: #a1a1a1;
        --off-white: #e0e0e0;
        --neon-pink: #ff00ff;
        --font-mono: 'Courier Prime', 'JetBrains Mono', 'Fira Code', monospace;
    }

    /* --- 1. GLOBAL RESET & MOBILE STABILITY --- */
    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
        background-color: var(--obsidian);
        color: var(--off-white);
        font-family: var(--font-mono);
        margin: 0;
        padding: 0;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .dossier-container {
        max-width: 100%;
        width: 1200px;
        margin: 0 auto;
        padding: 60px 20px;
        border-left: 1px solid #1a1a1a;
        border-right: 1px solid #1a1a1a;
    }

    /* --- 2. TERMINAL & TYPOGRAPHY --- */
    h1, h2, h3 { text-transform: uppercase; letter-spacing: 3px; color: var(--off-white); }
    
    .protocol-label, .meta-data, .command-line {
        color: var(--pmt-gold);
        word-break: break-all;
        font-size: clamp(0.7rem, 2vw, 0.9rem);
    }

    .terminal-header {
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid var(--pmt-gold);
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .command-line {
        background: #111;
        padding: 20px;
        border-left: 3px solid var(--pmt-gold);
        margin: 30px 0;
        color: #fff;
    }

    /* --- 3. STICKY NAVIGATION --- */
    #system-nav {
        background: rgba(0,0,0,0.95);
        border-bottom: 1px solid #222;
        position: sticky;
        top: 0;
        z-index: 1000;
        backdrop-filter: blur(10px);
    }

    .nav-container {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        padding: 15px 0;
    }

    .nav-link {
        color: var(--dossier-gray);
        text-decoration: none;
        font-size: 0.7rem;
        letter-spacing: 1.5px;
        transition: 0.3s;
        text-transform: uppercase;
    }

    .nav-link:hover { color: var(--pmt-gold); }

    /* --- 4. THE 21 QUESTIONS GRID --- */
    .repository-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 40px;
    }

    .pillar-column {
        background: rgba(17, 17, 17, 0.5);
        border: 1px solid #222;
        padding: 20px;
        border-top: 3px solid var(--pmt-gold);
    }

    .accordion-item { border-bottom: 1px solid #222; }
    
    .accordion-header {
        width: 100%;
        padding: 15px 5px;
        background: none;
        border: none;
        color: #fff;
        font-family: var(--font-mono);
        text-align: left;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        font-size: 0.75rem;
    }

    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
        color: var(--dossier-gray);
        font-size: 0.75rem;
    }

    .accordion-item.active .accordion-content { max-height: 300px; padding: 10px 0 20px; }

    /* --- 5. ASSET LOCKER --- */
    .locker-grid {
        display: grid;
        grid-template-columns: 1fr 1.5fr;
        gap: 40px;
        background: #111;
        border: 1px solid #222;
        padding: 40px;
        align-items: center;
    }

    .download-btn-neon {
        background: var(--neon-pink);
        color: #000;
        padding: 18px 32px;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        box-shadow: 4px 4px 0px #fff;
        transition: 0.3s;
    }

    /* --- 6. MOBILE OVERRIDES --- */
    @media (max-width: 1000px) {
        .repository-grid, .locker-grid { grid-template-columns: 1fr; }
        
        .nav-container { 
            overflow-x: auto; 
            justify-content: flex-start; 
            gap: 25px; 
            padding: 15px 20px; 
            -webkit-overflow-scrolling: touch;
        }

        .dossier-container {
            padding: 40px 15px;
            border: none;
        }

        h1 { font-size: 1.3rem; }
    }
    /* --- FINAL MOBILE REPAIR PROTOCOL --- */
@media (max-width: 590px) {
    /* 1. Force the container to respect the viewport */
    .dossier-container {
        width: 100vw !important;
        max-width: 100vw !important;
        padding: 30px 15px !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        border: none !important;
    }

    /* 2. Shrink and wrap long terminal text */
    .protocol-label, .meta-data, .command-line {
        font-size: 0.65rem !important; /* Force smaller size */
        white-space: normal !important; /* Allow wrapping */
        word-break: break-all !important; /* Break long underscores */
        display: block;
        width: 100%;
    }

    /* 3. Handle the H1 scaling */
    h1 {
        font-size: 1.1rem !important;
        letter-spacing: 2px !important;
        line-height: 1.2;
    }

    /* 4. Fix the Locker Grid image */
    .locker-grid {
        padding: 20px 10px !important;
        display: block !important; /* Switch from grid to block */
    }

    .locker-grid img {
        margin-bottom: 20px;
        width: 100% !important;
    }

    /* 5. Ensure Navigation bar doesn't cause overflow */
    #system-nav {
        width: 100vw !important;
    }
}
</style>/* End custom CSS */