/* CamboPost mobile viewport width guard.
   Keeps Safari/iOS layout full-width across menu toggles, resize and visual viewport changes. */
html,body,#root{min-width:0;width:100%;max-width:100%}

@media(max-width:700px){
  html,body,#root{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .app{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .app>main,main{
    margin-left:0!important;
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    flex:1 1 100%!important;
  }
  main>.topbar,.topbar,main>.content,.content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .side{
    position:fixed!important;
    flex:0 0 auto!important;
  }
}
