/*
  Mobile viewport stability
  iOS Safari automatically zooms focused form controls below 16px. Keeping
  controls at 16px prevents that zoom from carrying into the next app page.
*/
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

@media(max-width:600px){
  input,
  select,
  textarea,
  .input,
  .search-box input,
  .settings-field input,
  .settings-field select,
  .onboarding-field input,
  .onboarding-field select{
    font-size:16px !important;
  }
}


/*
  Give the web-app tabs their own real mobile scroll container. This prevents
  the document-level Home position from carrying into Inbox, Add, or Ask.
*/
@media(max-width:699px){
  html,
  body{
    width:100%;
    height:100%;
    overflow:hidden;
  }

  .app{
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding-bottom:0;
  }

  .topbar{
    position:relative;
    top:auto;
    flex:0 0 auto;
  }

  .app > main{
    min-height:0;
    flex:1 1 auto;
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:104px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:contain;
  }
}