/* Phone mockups are static illustrations; all swipes belong to the page. */
.ob-screen-scroll,.calendar-scroll,.inbox-screen,.exp-overview,.shop-list,.cooking-tasks,.cooking-detail{overflow:clip!important;touch-action:pan-y;}
/* Use a stable viewport for pinned story tracks, including mobile browser chrome. */
.home-story{height:360svh}.cooking-story{height:430svh}.shopping-story{height:370svh}.expense-story{height:310svh}.inbox-story{height:420svh}
.scrollstory{height:400svh!important}
@media(max-width:700px){
 .ob-story{height:900svh}
 .scrollstory{height:440svh!important}
 .ob-tasks{pointer-events:none}
}