/* Opt-in class is set only for phone-sized touch devices; tablet/desktop untouched. */
.mobile-dock-grip{display:none}
html.phone-inner-dock body.editing{overflow:hidden;overscroll-behavior:none}
html.phone-inner-dock .stage{bottom:0;max-width:none}
html.phone-inner-dock body.editing #dock{
  display:flex!important;flex-direction:column;top:var(--phone-dock-top,45dvh);
  bottom:var(--phone-dock-bottom,0px);height:auto;max-height:none;overflow:hidden;
  padding:0;border-radius:17px 17px 0 0;background:#fff;
}
html.phone-inner-dock .mobile-dock-grip{
  display:flex;align-items:center;justify-content:center;flex:0 0 28px;
  width:100%;min-height:28px;border:0;padding:0;background:transparent;
  touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none;
}
html.phone-inner-dock .mobile-dock-grip::before{content:'';width:44px;height:5px;border-radius:9px;background:#c1c4ca}
html.phone-inner-dock #dock .dock-inner{
  flex:1 1 auto;min-height:0;width:100%;max-width:none;margin:0;
  overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
  padding:0 8px calc(14px + env(safe-area-inset-bottom));
}
html.phone-inner-dock #degreeTitle{touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none}
html.phone-inner-dock .mobile-dock-grip:focus-visible{outline:2px solid #ed1c24;outline-offset:-3px}