/* ACAD Theme 10.32.4 — tablet/iPad landscape refinements */
@media (min-width: 768px) and (max-width: 1260px) {
  /* The full pill navigation does not fit reliably in iPad landscape. */
  .acad-new-nav { display: none !important; }
  .acad-new-mobile-toggle { display: inline-flex !important; align-items: center; justify-content: center; margin-left: auto; }
  .acad-new-utility { height: 34px; }
  .acad-new-mainbar { height: 62px; }
  .acad-new-mainbar-inner { gap: 12px; padding-left: 24px; padding-right: 24px; }
  .acad-new-logo img { width: 96px; }
  .acad-new-utils { gap: 14px; }
  .acad-new-mobile-menu { top: 96px; }

  /* The React page header uses a separate navigation implementation. */
  .header-main-navigation { display: none !important; }
  .header-main-shell > button { display: inline-flex !important; align-items: center; justify-content: center; margin-left: auto; }
  .header-main-shell { gap: 12px !important; padding-left: 24px !important; padding-right: 24px !important; }
  .header-main-shell > a img { width: 96px !important; }
  .mobile-utility-area { gap: 10px; }

  /* Keep landscape cards and section imagery inside their containers. */
  .acad-react-page img { max-width: 100%; }
  .acad-min-feature-grid,
  .acad-mis-feature-grid,
  .acad-ng-strategy-grid,
  .acad-rpj-initiative-grid,
  .acad-mm33-mission-grid,
  .acad-ker-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .acad-home-resources-media,
  .acad-min-feature img,
  .acad-mis-feature-media img,
  .acad-ng-strategy-media img,
  .acad-rpj-initiative-media img,
  .acad-mm33-mission-media img,
  .acad-ker-route-media img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: center; }
  .acad-react-page .swiper-slide img { max-height: 520px; object-fit: cover; }
  .acad-home-hero,
  [class*="-hero"] { overflow: hidden; }
  .acad-home-hero img,
  [class*="-hero-image"] { max-width: 100%; object-position: center center; }
}

/* Mobile/tablet sheet navigation: keep the complete menu reachable by touch. */
[data-slot="sheet-content"] {
  top: 0 !important;
  bottom: 0 !important;
  max-height: none !important;
  height: auto !important;
  min-height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important;
}
[data-slot="sheet-content"] > nav,
[data-slot="sheet-content"] .mobile-utility-area { flex: 0 0 auto; }
[data-slot="sheet-content"] .mobile-utility-area {
  display: grid !important;
  position: relative;
  z-index: 2;
  gap: 10px !important;
  margin-top: 22px !important;
  padding-bottom: 12px;
}
[data-slot="sheet-content"] .mobile-events-link,
[data-slot="sheet-content"] .mobile-login-link {
  min-height: 44px;
  align-items: center;
  justify-content: center;
}
[data-slot="sheet-content"] .mobile-login-link { display: flex !important; }

/* The shared static header uses its own mobile panel. */
.acad-new-mobile-menu {
  max-height: 100dvh;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-bottom: calc(32px + env(safe-area-inset-bottom));
}