/* Adaptive layouts: narrow screens, touch input and browser zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,input,select,textarea{touch-action:manipulation}
img,video,canvas{max-width:100%}
@media(pointer:coarse){button,input,select{min-height:44px}button:disabled{cursor:default}}
@media(max-width:720px){input,select,textarea{font-size:16px}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}button,a{overflow-wrap:anywhere}}

.topbar,.actions,.feed,.profile-page,.profile-layout,.editor-body{min-width:0}
@media(max-width:720px){
.topbar{gap:8px}.topbar .actions{min-width:0;gap:6px}
#account-button{max-width:42vw;overflow:hidden}#account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topics{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
#auth-form{width:min(420px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding-inline:18px!important}
#auth-form input{font-size:16px!important}
.editor-meta{grid-template-columns:minmax(0,1fr)}.editor-body{overflow-wrap:anywhere}
.workspace-tabs{max-width:100%;overflow-x:auto}
.account-menu{max-width:calc(100vw - 24px)}
}