/* ============================================================ Khio — WebView touch/scroll fixes (shared). Small single-purpose sheet for the self-contained inline-style pages (connections, recipes, recipe). Those pages link no other shared stylesheet, so they never picked up the mobile fixes that premium.css / cal-ai-life.css / study-mobile.css already give every other page. Do NOT add this to a page that already loads one of those sheets: they define their own scroll containers and the rules here would fight them. ============================================================ */ /* ---- Double-tap zoom ---- touch-action:manipulation kills the 300ms double-tap-to-zoom gesture while LEAVING PINCH ZOOM INTACT. Deliberately not user-scalable=no / maximum-scale=1 on the viewport meta: those also kill pinch, which is an accessibility regression for low-vision users. Same spirit as the button/a/input rule on login.html, payment.html, payments.html. */ body { touch-action: manipulation; } /* ---- NO overscroll-behavior here, deliberately ---- This sheet used to carry `html, body { overscroll-behavior-y: none }` below 1023px. It was there to stop iOS WKWebView rubber-banding past the content and exposing the raw white canvas in the gutter — at the time these three pages let body's gradient propagate to the root canvas, which does not paint the overscroll area. That is no longer how they paint. Each of connections / recipes / recipe now gives the page's own grained gradient in its own `@media (max-width: 768px)` block and moves the backdrop onto a fixed pseudo-element, so the gutter shows the page's paint and there is nothing white left to hide. What the rule did instead was make these the only pages in the app that stop dead at the top and bottom while every other page bounces — which is exactly how James found it (2026-08-07). So: no scroll rules in here. If white ever shows in the gutter again, fix the paint in the page's mobile block, don't kill the bounce. */