@media (max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#fff}
  body{min-height:100dvh;overscroll-behavior-y:none}
  .topbar{height:calc(65px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  main{min-height:calc(100dvh - 65px - env(safe-area-inset-top));padding-bottom:max(28px,calc(28px + env(safe-area-inset-bottom)))}
  footer{padding-bottom:max(18px,calc(18px + env(safe-area-inset-bottom)))}
  .sidebar{padding-top:max(25px,calc(25px + env(safe-area-inset-top)));padding-bottom:max(15px,calc(15px + env(safe-area-inset-bottom)))}
  dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overflow:auto}
  input,select,textarea{font-size:16px}
  #toast{bottom:max(20px,calc(20px + env(safe-area-inset-bottom)))}
  .ion-activatable{position:relative;overflow:hidden}
  .footer-ad-banner img{aspect-ratio:6 / 1;object-fit:contain}
  .topbar .topbar-left{min-width:0;flex:1}
  .topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .top-actions{display:flex;flex:none;gap:2px}
  .topbar .top-actions .app-launcher-button,
  .topbar .top-actions .icon-btn{display:grid;width:40px;height:40px}
  .topbar .top-actions .icon-btn [data-icon]{display:grid;place-items:center}
}