African Spy

/* ───────────────────────────────────────────── PERFORMANCE / SEO / ADSENSE LAYER – NO UI CHANGE drop in after the original template CSS ───────────────────────────────────────────── */ /* universal reset kept minimal */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} /* Font fallback stack (loads instantly) */ :root{--sys-font:"Roboto","Segoe UI","Helvetica Neue",Arial,sans-serif} body{font-family:var(--sys-font),sans-serif} /* CLS-safe ad slots */ .ads-responsive{ display:block; width:100%; min-height:280px; /* mobile portrait */ margin:24px 0; overflow:hidden; background:#f7f7f7; /* subtle skeleton */ } @media(min-width:728px){.ads-responsive{min-height:90px}} /* leaderboard */ /* Lightweight blur-up lazy images */ img[loading="lazy"]{filter:blur(12px);transition:filter .4s} img[loading="lazy"].loaded{filter:none} /* Consolidated transitions (GPU-friendly) */ :where(a,button,img){transition:opacity .25s,transform .25s} /* Mobile: drop heavy shadow to reduce paint cost */ @media(max-width:600px){ .post,.widget{box-shadow:none!important} } /* Hide elements with the 'hidden' attribute in one go */ [hidden],.hidden{display:none!important} -->