/* Mobile usability: comfortable hit targets without enlarging the icons. */
@media(max-width:900px){
  .settings-home .profile-head .profile-edit::before{content:'';position:absolute;inset:-5px;border-radius:50%}
  .account-foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
  .control-wrap .control-nav a{min-height:44px}
  .account-page :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){font-size:16px}
  .app-banner .app-download-button,.app-banner .app-banner-close{min-height:44px;height:44px}
  .app-banner .app-banner-close::before{inset:0 -6px}
  html #voice-dialog #voice-listen,html #voice-dialog #voice-replay{min-height:44px}
  #voice-dialog #voice-close{min-width:44px;min-height:44px}
  .account-page .app-platform-card .ios-install a{display:inline-block;min-height:44px;padding:10px 0}
  .account-page .account-form,.account-page .control-form{min-width:0}
  .account-page :is(input,select,textarea){max-width:100%}
  .chat-scroll{scroll-padding-bottom:20px}
}
@media(max-width:900px) and (orientation:landscape){
  .settings-page .profile-wrap,.account-wrap,.billing-wrap,.control-wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
}