/* Riwaq v7.3.49 — stable mobile document flow */
@media (max-width:899px){
  html,body,#appView,.main,.page.active{overflow-anchor:none!important;scroll-behavior:auto!important}
  body{touch-action:pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch}
  .main,.page.active{contain:none!important}
  /* content-visibility:auto can change estimated heights while Safari/Chrome mobile scrolls.
     Keep long Riwaq pages in the normal document flow on phones/tablets. */
  .project-card,.panel,.dashboard-card{
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
  }
}