/* =============================================
   CETAF HISTORY BLOCK — mobile fix
   On desktop the .alignright logo is absolutely
   positioned (top:-100px) and the image paragraph has
   an inline margin-top:100px to make room — an overlap
   effect that breaks on mobile (logo floats off + a big
   gap above the text). On mobile, return the logo to
   normal flow and drop the spacer margin.
   Loads after style.css via cetaf_enqueue_split_css,
   so these override the global .alignright rule.
   Scoped to .history-block — other right-aligned images
   are unaffected.
   ============================================= */

@media (max-width: 767px) {

    /* Logo back into normal flow, centered above the text */
    .history-block .alignright {
        position: static !important;
        top: auto !important;
        right: auto !important;
        float: none !important;
        display: block !important;
        margin: 0 auto 16px !important;
    }

    /* Kill the inline margin-top:100px spacer on the image paragraph */
    .history-block p[style*="margin-top"] {
        margin-top: 0 !important;
    }
}