/* One safe-area inset per header; keep controls usable while removing dead space. */
@media(max-width:899px){
 #community>.page,#community>.profile-page,#app .shell:not(.detail-shell){padding-top:0}
 #community>.page>.top,#app .shell>.topbar{
  min-height:52px;gap:8px;margin:0 0 8px;
  padding-top:max(4px,env(safe-area-inset-top,0px));padding-bottom:4px;
 }
 #community>.messages-page>.top .brand-image,#app .shell>.topbar .brand-icon{
  width:32px;height:32px;flex:0 0 32px;object-fit:contain;
 }
 #community>.page>.top h1,#app .shell>.topbar .mobile-brand>span{
  font-size:18px;line-height:1.35;letter-spacing:0;
 }
 #community>.page>.top .icon-btn,#app .shell>.topbar [data-mobile-search]{
  width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:10px;
 }
 #app .shell>.topbar .mobile-brand{gap:8px}
 #community>.chat-page>.chat-header{
  min-height:56px;padding-top:max(4px,env(safe-area-inset-top,0px));padding-bottom:4px;gap:8px;
 }
 #community>.chat-page>.chat-header .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:10px}
}