/* Mobile app shell: compact chrome with accessible touch targets. */
@media(max-width:760px){
 html{scroll-padding-top:76px;scroll-padding-bottom:90px}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
 .top>.wrap{min-height:64px!important;padding:8px 14px!important;gap:8px!important}
 .top .brand{gap:7px!important}.top .brand svg{width:30px;height:30px}.top .brand .word{font-size:22px!important}
 .hdr-actions{gap:6px!important}.hdr-actions .palbtn,.hdr-actions .themebtn{width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important}
 .hdr-actions .acctbtn{min-height:44px!important;padding:9px 12px!important;font-size:13px!important}
 .tabbar{padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--line);box-shadow:0 -5px 20px #102f3510}
 .tabbar button{min-height:52px!important;border-radius:14px!important;gap:3px!important;font-size:11px!important;transition:background .15s,transform .15s}
 .tabbar button[aria-current=page]{background:var(--mint)!important;color:var(--ink)!important;font-weight:800}
 .tabbar button:active{transform:scale(.96)}
 .tabbar svg{width:23px;height:23px}
 button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
 button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #009fae;outline-offset:3px}
 .open-directory-actions{gap:6px!important}.open-directory-card{border-radius:16px!important}
 .directory-active-filters{display:flex;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;padding:4px 0 8px;scrollbar-width:thin}
 .directory-active-filters button{flex-shrink:0;min-height:44px}
 .directory-quick-filters>button{min-height:44px!important}
 .home-jump{scroll-snap-type:x proximity}.home-jump a{scroll-snap-align:start;min-height:44px;display:inline-flex;align-items:center}
 body.mobile-keyboard .tabbar{visibility:hidden}
}
@media(max-width:370px){.top .brand .word{font-size:19px!important}.hdr-actions{gap:3px!important}.hdr-actions .acctbtn{padding:9px!important}}
@media(prefers-reduced-motion:reduce){.tabbar button{transition:none!important}.tabbar button:active{transform:none}}
