@charset "utf-8";
/* CSS Document */
/* =========================================================
   MOBILE SAFETY LAYER (LEGACY OVERRIDE)
   This file MUST be loaded last
   ========================================================= */

@media (max-width: 768px) {

  /* ---- Global ---- */
  html, body {
    width: 100%;
    overflow-x: hidden;
  }

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

  /* ---- Kill legacy fixed widths ---- */
  [style*="width"],
  [class*="fixed"],
  .container,
  .wrapper {
    max-width: 100%;
  }

  /* ---- Header & nav stacking ---- */
  header,
  .masthead,
  .top-links,
  .primary-nav {
    width: 100%;
  }

  /* ---- Force vertical flow ---- */
  .layout,
  #pageLayout,
  .content-grid {
    display: block;
  }

  aside,
  .sidebar,
  #leftMenu,
  #rightMenu {
    width: 100%;
    max-width: 100%;
    float: none;
  }

  /* ---- Neutralize floats ---- */
  [class*="float"],
  .left,
  .right {
    float: none !important;
  }
}

  /* ---- Tablet-specific refinement - optional ---- */

@media (min-width: 769px) and (max-width: 1024px) {

  .layout {
    display: block;
  }

  aside.sidebar {
    width: 100%;
    margin-bottom: 2rem;
  }

  .darshan-slideshow .slides {
    max-width: 90%;
  }
}