/* Keep mobile swipes on the case-study page, outside embedded prototypes. */
@media (max-width: 700px), (pointer: coarse) {
  :is(.food-cover-page, .planning-page) :is(.launch-demo, .planning-phone, .recipe-scroll-viewport) {
    position: relative;
  }
  :is(.food-cover-page, .planning-page) :is(.launch-demo, .planning-phone, .recipe-scroll-viewport)::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: auto;
    touch-action: pan-y;
  }
  :is(.food-cover-page, .planning-page) .launch-demo-toggle {
    position: relative;
    z-index: 21;
  }
}

/* Match the planning case study's mobile demo pairs. */
@media(max-width:700px){
 .food-cover-page .fnk-launch-demos .launch-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .food-cover-page .fnk-launch-demos .launch-demo{width:100%;max-width:none;margin:0}
 .food-cover-page .fnk-launch-demos .launch-demo iframe{aspect-ratio:407/844}
 .food-cover-page .fnk-launch-demos .launch-demo figcaption{font-size:14px;line-height:1.4;min-height:40px;margin-bottom:16px;display:flex;align-items:end;justify-content:center}
 .food-cover-page .fnk-launch-demos .launch-demo-toggle{margin-top:16px;font-size:12px;padding:8px 12px}
}