/* === Banner override for full-width title/no image === */
#banner.no-image {
    display: block !important; /* Override flex to allow natural block flow */
    text-align: center;
    padding: 6em 2em 4em 2em;
}

    #banner.no-image .content {
        width: 100% !important;
        max-width: 60rem;
        margin: 0 auto;
        /*--below added later to keep subtitle visible --*/
        display: block !important;
        text-align: center !important;
    }

    #banner.no-image .image {
        display: none !important;
    }
    /*--below added later to keep subtitle visible --*/

    /* Ensure the subtitle stays visible and properly styled */
    #banner.no-image .content p {
        display: block !important;
        margin-top: 1em !important;
        margin-bottom: 0 !important;
        visibility: visible !important; /* Extra safety */
        opacity: 1 !important; /* Extra safety */
    }