.mobile-hub-bar,#mobile-hub-menu{display:none}
@media(max-width:760px){
:root{--hub-top:calc(58px + env(safe-area-inset-top,0px))}
body{padding-top:var(--hub-top)}html{scroll-padding-top:calc(var(--hub-top) + 80px)}
.page>header{display:none}.mobile-hub-bar{position:fixed;inset:0 0 auto;z-index:60;height:var(--hub-top);padding:env(safe-area-inset-top,0px) 5% 0;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce5e9}
.mobile-hub-bar .wordmark{font-size:23px}.mobile-hub-bar button{width:44px;height:44px;background:transparent;border:0;display:grid;place-items:center}.mobile-hub-bar button span{display:grid;gap:5px;width:22px}.mobile-hub-bar i{height:2px;background:#10283c;display:block}
#mobile-hub-menu:not([hidden]){display:grid;position:fixed;top:var(--hub-top);left:0;right:0;z-index:59;background:#fff;padding:12px 5% 20px;box-shadow:0 18px 30px #001b3030;max-height:calc(100dvh - var(--hub-top));overflow-y:auto}
#mobile-hub-menu a,#mobile-hub-menu button{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;border-bottom:1px solid #e6edef;background:none;font-size:14px;padding:10px 4px;color:#0b2237}#mobile-hub-menu span{font-size:11px;color:#e71932}#mobile-hub-menu [data-mobile-sound]{color:#c91932;font-weight:bold;margin-top:5px}
#area .dialog-bar{top:var(--hub-top)}.sound-panel{top:var(--hub-top)}.sound-panel iframe{height:calc(100dvh - var(--hub-top) - 55px)}
}