/* Browser viewport and iPhone safe-area fixes — 2026-07-30 */
html{
  width:100%;
  min-height:100%;
  min-height:100dvh;
  box-sizing:border-box;
}

body{
  width:100%;
  min-height:100%;
  min-height:100dvh;
  margin:0;
  box-sizing:border-box;
  overflow-x:hidden;
}

*,*::before,*::after{box-sizing:inherit}

@supports (padding:max(0px)){
  body{
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
    padding-bottom:env(safe-area-inset-bottom);
  }

  .topbar.yl-header-ready{
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
  }
}

@media (max-width:900px){
  html,body{
    min-height:100svh!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
  }

  .page-shell,
  body>main,
  main,
  .site-page,
  .library-page,
  .posts-page{
    width:100%!important;
    max-width:100%!important;
    min-height:100svh;
    min-height:100dvh;
    overflow-x:hidden!important;
  }

  .main-nav{
    max-height:calc(100dvh - 74px)!important;
  }

  .yl-floating-share-wrap{
    inset-inline:auto max(10px,env(safe-area-inset-right))!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
}