.app-menu-backdrop{display:none}
.tempo-app .site-header{height:76px;backdrop-filter:none}
.tempo-app main{padding-top:76px}
.tempo-app .brand-logo{width:155px}
.tempo-app .header-in{justify-content:flex-start;gap:16px}
.tempo-app .header-in .menu-btn{display:block;order:-1;flex-shrink:0;min-width:48px;min-height:48px;cursor:pointer}
.tempo-app .header-in .brand{margin-right:0}
.tempo-app .nav{display:flex;position:fixed;inset:76px auto 0 0;width:min(340px,88vw);height:calc(100dvh - 76px);max-height:none;background:var(--ink);padding:16px;flex-direction:column;align-items:stretch;overflow-y:auto;box-shadow:12px 12px 30px #0005;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s}
.tempo-app .nav.open{display:flex;transform:translateX(0);visibility:visible;pointer-events:auto}
.tempo-app .nav>a{flex-shrink:0;justify-content:flex-start;min-height:54px;padding:16px;border:0;border-bottom:1px solid #ffffff20;text-align:left}
.tempo-app .nav br{display:none}
.tempo-app .account-header-actions{padding:16px 0;align-items:flex-start}
.tempo-app .account-menu{display:block;flex:1;min-width:0}
.tempo-app .account-toggle{min-height:48px;width:100%;padding:0 8px;border:0}
.tempo-app .account-dropdown{position:static;width:100%;box-shadow:none;margin-top:10px}
.tempo-app .app-menu-backdrop:not([hidden]){display:block;position:fixed;inset:76px 0 0;z-index:49;border:0;background:#0008}
.tempo-app body.app-menu-open{overflow:hidden}
.tempo-app .menu-btn:focus-visible,.tempo-app .nav a:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}

@media(prefers-reduced-motion:reduce){.tempo-app .nav{transition:none}}