/* Navigation remains in flow, then stays at the top while content scrolls. */
.marketing-header{position:sticky;top:0;z-index:30;min-height:72px;padding:10px var(--page-gutter,32px);background:var(--cream);box-shadow:0 1px 0 var(--line)}
.marketing-header .logo{height:44px;width:140px}
.marketing-main [id]{scroll-margin-top:92px}
.dark .marketing-header{background:#14102b}
.topbar{position:sticky;top:0;z-index:4}
@media(min-width:801px){.sidebar{padding-top:18px}.sidebar>a{margin-bottom:16px}.sidebar .workspace{margin-bottom:18px}}
@media(max-width:650px){.marketing-header{min-height:64px;padding:8px var(--page-gutter,20px);gap:12px}.marketing-header .logo{height:40px;width:112px}.marketing-main [id]{scroll-margin-top:82px}}
@media(max-width:580px){.sidebar{position:sticky;top:0;z-index:6;min-height:65px;flex-shrink:0}.topbar{top:65px}}


/* Keep the event workspace navigation anchored to the viewport. */
@media(min-width:581px){
 .sidebar{position:fixed;inset:0 auto 0 0;height:100vh;height:100dvh;min-height:0;overflow:hidden}
 .sidebar>a,.sidebar>.workspace,.sidebar>.nav-label,.sidebar>.sidebar-bottom{flex-shrink:0}
 .sidebar>nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex-shrink:1}
}
@media(min-width:801px) and (max-height:760px){.sidebar-note{display:none}}

/* Session exit stays visible beside account controls, including compact navigation. */
.sidebar-bottom>.workspace-logout{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:800;background:var(--surface)}
.sidebar-bottom>.workspace-logout:hover{background:var(--soft);border-color:var(--pink);color:var(--pink)}
.workspace-logout-mobile{display:none}
@media(max-width:580px){.sidebar-bottom>.workspace-logout{display:none}.top-actions .workspace-logout-mobile{display:inline-flex;min-height:40px;padding:8px 12px;font-size:12px;white-space:nowrap}.top-actions{gap:8px}}