/*
  Zweck: Gemeinsame Dokument-Scroll-Basis (Mobil und kurzes Viewport).
  Zielpfad: /home/mckiede/public_html/design/layout-document-scroll.css
  Verantwortlich: mckie-Portal

  Eine Regel mit beiden Media Queries — Abstand/Padding der .page-shell und Kopf-Abstände
  bleiben in layout-mobile.css bzw. layout-short-viewport.css.
*/

@media (max-width: 680px), (max-width: 1180px) and (max-height: 520px) {
  html,
  body {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page-shell {
    height: auto;
    min-height: 100svh;
    min-height: 100dvh;
    overflow: visible;
    touch-action: pan-y;
  }

  .page-shell::before,
  .page-shell::after,
  .console-svg,
  .header-bars,
  .header-elbow,
  .command-footer::before,
  .command-footer::after {
    display: none !important;
  }
}