/**
 * Hand-maintained overrides layered on top of the compiled Tailwind build
 * (styles.css) — small and deliberately NOT part of that build, so it can't
 * be wiped out by a future Tailwind recompile.
 *
 * Most article/news cards render each photo twice: a full-bleed, blurred
 * "backdrop" copy (scale-110 + blur-xl) behind a sharp `object-contain`
 * foreground copy, to letterbox images that don't match the card's aspect
 * ratio. That's a real-time CSS blur filter recomposited per card, which is
 * cheap on a decent GPU but a measurable tax on the weak GPUs in budget
 * phones (e.g. Adreno 505-class hardware in devices like the Galaxy M01) —
 * especially when several cards are visible at once in a grid or a long
 * article's photo gallery. On narrow/mobile viewports it's replaced with a
 * plain edge-to-edge crop instead: one image, no blur, same visual "fills
 * the box" result.
 */
@media (max-width: 767px) {
  .ansc-card-bg-blur {
    display: none !important;
  }
  .ansc-card-fg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /*
   * ansc_college_wave_lines() (includes/homepage-data.php) renders two
   * purely decorative, aria-hidden overlays — a continuously-animated
   * wavy divider strip (with an SVG feDropShadow glow filter, which many
   * mobile browsers can't hardware-accelerate) and an "ambient" layer of
   * three blur-3xl blobs plus three more animated SVG paths, all looping
   * forever. It's called twice per homepage section (stats, principal
   * message, school gallery, news grid, events preview) — five sections,
   * so ten of these continuously-animating/blurred layers stack up on a
   * single homepage load. That's negligible on a real GPU but is exactly
   * what makes scrolling stutter on something as weak as an Adreno 505.
   * Zero content is lost by removing it — both variants are
   * aria-hidden="true" and contribute no information.
   */
  .ansc-wave-divider,
  .ansc-wave-ambient {
    display: none !important;
  }
}