/* ==========================================================================
   Minimal, universally-safe responsive hardening. Loaded last on every page.
   This ONLY stops images/videos/ads from overflowing and lets very long words
   wrap. It does NOT override any grid, layout, topbar, chart, or component —
   so it cannot break the existing designs. Per-page responsive work is done in
   each portal's own stylesheet with scoped media queries.
   ========================================================================== */

img { max-width: 100%; height: auto; }
video, canvas, iframe, embed, object { max-width: 100%; }

/* AdSense units never force horizontal scroll. */
ins.adsbygoogle { max-width: 100%; }

/* Very long unbroken strings (URLs, codes, emails) wrap instead of widening
   the page. Only affects text that would otherwise overflow. */
td, .break-anywhere { overflow-wrap: break-word; }