/* Keep the brand attached to the viewport; calendar content stays below it. */
:root{--luaj-brand-height:108px;--luaj-tabs-height:0px}
body{padding-top:var(--luaj-brand-height)}
body>.brandHeader{position:fixed!important;top:0!important;left:0;right:0;width:auto;z-index:100;border-top:env(safe-area-inset-top,0px) solid #fff!important;background:linear-gradient(180deg,#fff,#fbfefd)!important}
#appMain>.mainTabs{top:var(--luaj-brand-height)!important}
.sideNotice{top:calc(var(--luaj-brand-height) + var(--luaj-tabs-height) + 12px)!important}
@media(max-width:700px){
 :root{--luaj-brand-height:88px}
 body>.brandHeader{flex-wrap:wrap;column-gap:16px;row-gap:8px}
 body>.brandHeader>.pwaInstallBtn{margin:0 auto}
 #appMain .toolbar{top:calc(var(--luaj-brand-height) + var(--luaj-tabs-height) + 8px)!important}
}