/* ---- COACH AS A SCREEN, phones (10 Oct, the owner's "it still jumps around" on the home-screen app).
   The section is a fixed box covering the visible band: top at the pan (--vvt), height the visible height
   (--vvh) less the bottom bar (--navh, 0 while typing). The thread scrolls inside .askscroll; the composer is
   the last row of the box, never sticky, never fixed, never re-positioned. The document is locked so there is
   nothing for Safari to scroll or pan when the box is focused. The keyboard only makes the box shorter. ---- */
@media (max-width:899px){
  html.coach-screen,html.coach-screen body{height:100%!important;overflow:hidden!important;overscroll-behavior:none}
  html.coach-screen main.col{min-height:0!important;padding-bottom:0!important;position:static!important}/* static: the box's containing block is the viewport-sized initial block; the page fade-in (0.5 s at load, with a transform) is left alone, Coach is never the first screen drawn *//* absolute, not fixed: on iOS a focused field inside a fixed container had the visible band panned by the keyboard's
     whole height (the recording of 10 Oct 11:54). With the document locked the two look identical; the containing
     block is the viewport-sized initial block (main.col is static here), so the box spans the screen. */   
  
  html.coach-screen body.pm-premium #ask{position:absolute!important;left:0;right:0;top:var(--vvt,0px)!important;height:calc(var(--vvh,100dvh) - var(--navh,0px))!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 16px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;z-index:40;overflow:hidden!important;background:transparent}
  html.coach-screen body.pm-premium #ask.hide{display:none!important}
  html.coach-screen body.pm-premium #ask .askscroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none;display:flex;flex-direction:column;position:relative;scrollbar-width:none;padding-top:14px}
  html.coach-screen body.pm-premium #ask .askscroll::-webkit-scrollbar{display:none}
  html.coach-screen body.pm-premium #ask .askscroll>*{flex:none!important}
  html.coach-screen body.pm-premium #ask.talking .askscroll>.kicker{margin-top:auto!important}
  html.coach-screen body.pm-premium #ask:not(.talking) .askscroll .adam-head{margin-top:auto!important}
  html.coach-screen body.pm-premium #ask .chatbox{min-height:0!important;padding-bottom:10px!important;margin-bottom:0!important}
  html.coach-screen body.pm-premium #ask .chatdock,html.coach-screen.kb-open body.pm-premium #ask .chatdock{position:static!important;flex:none;left:auto;right:auto;bottom:auto!important;margin:0 -16px!important;padding:8px 16px 8px!important;background:none!important;box-shadow:none!important;z-index:auto}
  html.coach-screen body.pm-premium #ask .chatdock .chatrow{padding-top:2px}
  html.coach-screen.kb-open body.pm-premium #ask{--navh:0px}
  html.coach-screen.kb-open body.pm-premium #ask .chatbox{padding-bottom:10px!important}
  html.coach-screen body.pm-premium:has(#tabs.kb) #ask,html.coach-screen.kb-open body.pm-premium #ask{--navh:0px;padding:0 16px!important}
  html.coach-screen body.pm-premium:has(#tabs.kb) #ask .chatdock{--dock-b:0px}
}