/*
 * Mobile scroll landings (≤720px) — About, Fellowship, Accreditation.
 * Keep the viewport flex shell; scroll inside the main column (no snap).
 * Load this stylesheet last on scroll-landing pages.
 */

@media (max-width: 720px) {
  html:has(body.acc-scroll-page),
  html:has(body.fel-scroll-page),
  html:has(body.gal-about-page.acc-scroll-page),
  html:has(body.gal-gic-page.acc-scroll-page),
  html:has(body.gal-eic-page.acc-scroll-page),
  html:has(body.gal-tvet-page.acc-scroll-page),
  html:has(body.gal-gea-page.acc-scroll-page) {
    height: 100% !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  body.acc-scroll-page,
  body.fel-scroll-page,
  body.gal-about-page.acc-scroll-page,
  body.gal-gic-page.acc-scroll-page,
  body.gal-eic-page.acc-scroll-page,
  body.gal-tvet-page.acc-scroll-page,
  body.gal-gea-page.acc-scroll-page {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
  }

  body.acc-scroll-page .corp-header--landing,
  body.fel-scroll-page .corp-header--landing,
  body.gal-about-page .corp-header--landing {
    flex: 0 0 auto !important;
  }

  body.acc-scroll-page .acc-scroll-main,
  body.acc-scroll-page #acc-main,
  body.fel-scroll-page #fel-main,
  body.fel-scroll-page .acc-scroll-main,
  body.gal-about-page .acc-scroll-main,
  body.gal-about-page #gal-about-main,
  body.gal-about-page .gal-about-main,
  body.gal-gic-page #gal-gic-main,
  body.gal-eic-page #gal-eic-main,
  body.gal-tvet-page #gal-tvet-main,
  body.gal-gea-page #gal-gea-main,
  body.training-courses-scroll-page .training-courses-scroll-main,
  body.support-bespoke-scroll-page #gal-bespoke-main {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    padding-bottom: 0 !important;
  }

  body.gal-about-page.gal-about-has-news .acc-scroll-main {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  body.gal-about-page .hub-about-news-dock {
    display: none !important;
  }

  body.acc-scroll-page .acc-scroll-main > .acc-slide,
  body.acc-scroll-page .acc-slide,
  body.fel-scroll-page #fel-main > .acc-slide,
  body.fel-scroll-page .acc-scroll-main > .acc-slide,
  body.gal-about-page .acc-scroll-main > .acc-slide,
  body.gal-about-page .gal-about-slide,
  body.gal-about-page #gal-slide-forums.acc-slide--section,
  body.gal-about-page #gal-slide-reach.acc-slide--section,
  body.gal-about-page #gal-slide-authority.acc-slide--section,
  body.gal-about-page #gal-slide-steering.acc-slide--section,
  body.gal-about-page.gal-about-has-news .acc-scroll-main > .acc-slide,
  body.gal-about-page .hub-about-news-section.acc-slide--section,
  body.gal-about-page.gal-about-has-news .gal-about-slide--tall.acc-slide--section,
  body.gal-gic-page #gal-gic-main > .acc-slide,
  body.gal-eic-page #gal-eic-main > .acc-slide,
  body.gal-tvet-page #gal-tvet-main > .acc-slide,
  body.gal-gea-page #gal-gea-main > .acc-slide,
  body.training-courses-scroll-page .training-courses-slide,
  body.support-bespoke-scroll-page #gal-bespoke-main > .acc-slide {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }

  body.acc-scroll-page .acc-scroll-main .acc-slide--section,
  body.fel-scroll-page .acc-scroll-main .acc-slide--section {
    min-height: auto !important;
    height: auto !important;
  }

  body.acc-scroll-page .acc-scroll-main .acc-slide-panel,
  body.acc-scroll-page .acc-scroll-main .acc-slide-panel--scroll,
  body.acc-scroll-page .acc-scroll-main .acc-slide-about-scroll,
  body.fel-scroll-page .acc-slide-panel,
  body.fel-scroll-page .acc-slide-panel--scroll,
  body.gal-about-page .acc-scroll-main .acc-slide-panel,
  body.gal-about-page .gal-about-forums-panel,
  body.gal-about-page .gal-about-reach-panel,
  body.gal-about-page .gal-about-steering-shell,
  body.gal-gic-page #gal-gic-main .acc-slide-panel,
  body.gal-gic-page #gal-gic-main .gal-gic-mission-panel,
  body.gal-eic-page #gal-eic-main .acc-slide-panel,
  body.gal-eic-page #gal-eic-main .gal-eic-mission-panel,
  body.gal-tvet-page #gal-tvet-main .acc-slide-panel,
  body.gal-tvet-page #gal-tvet-main .gal-tvet-mission-panel,
  body.gal-gea-page #gal-gea-main .acc-slide-panel,
  body.gal-gea-page #gal-gea-main .gal-gea-mission-panel {
    flex: none !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
  }
}