/* 2026-10-26b: pinned mobile header */
@media (max-width:900px){
 html,body{overflow-x:clip!important;overflow-y:visible!important}
 .shell,.main{overflow:visible!important}
 .topbar{position:sticky!important;top:0!important;z-index:60!important;background:var(--paper)!important;
  margin:-12px -14px 14px!important;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 10px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.18)}
 html.pwa-standalone .topbar{padding-top:calc(8px + env(safe-area-inset-top,0px))!important}
 .hero,.view{position:relative;z-index:0}
}