/* Navigation shares Home and Library's typography and rounded control system. */
.gust-nav{gap:12px!important;background:color-mix(in srgb,var(--gust-base) 96%,var(--gust-foreground))!important;border-bottom:1px solid var(--gust-border)!important;font-family:WaveHomeSpace,'Segoe UI',sans-serif!important}
.gust-nav nav{gap:7px!important}
.gust-nav nav a{height:34px!important;min-height:34px!important;padding:7px 13px!important;border:1px solid var(--gust-border)!important;border-radius:9999px!important;background:color-mix(in srgb,var(--gust-base) 75%,transparent)!important;color:var(--gust-secondary)!important;font:500 13px WaveHomeSpace,'Segoe UI',sans-serif!important;line-height:18px!important;box-shadow:none!important;transition:background .18s,border-color .18s,color .18s!important;white-space:nowrap}
.gust-nav nav a:hover{border-color:var(--gust-accent)!important;background:color-mix(in srgb,var(--gust-accent) 10%,var(--gust-base))!important;color:var(--gust-foreground)!important}
.gust-nav nav a.active,.gust-nav nav a[aria-current=page]{background:var(--gust-accent)!important;border-color:var(--gust-accent)!important;color:#0b1015!important;box-shadow:none!important}
.gust-nav nav a svg{opacity:1!important;width:15px;height:15px}
.gust-nav #profile-button,.gust-nav #gust-settings-link,.gust-nav #gust-menu-button{border-radius:50%!important;border-color:var(--gust-border)!important;background:color-mix(in srgb,var(--gust-raised) 65%,transparent)!important;color:var(--gust-secondary)!important;transition:background .18s,border-color .18s}
.gust-nav #profile-button:hover,.gust-nav #gust-settings-link:hover,.gust-nav #gust-menu-button:hover{border-color:var(--gust-accent)!important;color:var(--gust-accent)!important}
.gust-nav #gust-command-button{border-radius:9999px!important;border-color:var(--gust-border)!important;background:color-mix(in srgb,var(--gust-base) 75%,transparent)!important;color:var(--gust-secondary)!important;font-family:WaveHomeSpace,'Segoe UI',sans-serif!important}
#gust-navigation{font-family:WaveHomeSpace,'Segoe UI',sans-serif;border-color:var(--gust-border);background:var(--gust-surface)}
#gust-navigation nav a,#gust-navigation nav>button{border:1px solid var(--gust-border);border-radius:22px;background:color-mix(in srgb,var(--gust-base) 75%,transparent);font-family:WaveHomeSpace,'Segoe UI',sans-serif}
#gust-navigation nav a[aria-current=true],#gust-navigation nav a[aria-current=page],#gust-navigation nav a.active{background:var(--gust-accent)!important;border-color:var(--gust-accent)!important;color:#0b1015!important}
.gust-nav nav a:focus-visible,#gust-navigation nav a:focus-visible{outline:2px solid var(--gust-accent)!important;outline-offset:3px}
@media(max-width:980px){.gust-nav #gust-command-button{display:none!important}}
@media(max-width:760px){.gust-nav{gap:10px!important}.gust-nav #profile-button,.gust-nav #gust-menu-button{width:44px!important;height:44px!important}#gust-navigation nav a{min-height:46px}}
@media(prefers-reduced-motion:reduce){.gust-nav nav a,.gust-nav button,#gust-navigation nav a,#gust-navigation nav>button{transition:none!important}}

/* Keep the browser below the complete header at every viewport size. */
#gust-frame{top:var(--wave-header-height,64px)!important;bottom:0!important;height:calc(100dvh - var(--wave-header-height,64px))!important;min-height:0!important;box-sizing:border-box!important}
#gust-frame:fullscreen{inset:0!important;height:100dvh!important}
.gust-nav nav a{border-color:transparent!important;background:transparent!important;border-radius:10px!important;padding:7px 12px!important}
.gust-nav nav a:hover{background:color-mix(in srgb,var(--gust-accent) 8%,transparent)!important;border-color:transparent!important}
.gust-nav nav a.active,.gust-nav nav a[aria-current=page]{background:color-mix(in srgb,var(--gust-accent) 12%,var(--gust-base))!important;border-color:color-mix(in srgb,var(--gust-accent) 30%,transparent)!important;color:var(--gust-accent)!important}

/* Consistent, optically balanced main navigation symbols. */
.gust-nav nav a svg.wave-nav-symbol{width:19px!important;height:19px!important;flex:none;overflow:visible;vertical-align:middle}
.gust-nav nav a:has(svg.wave-nav-symbol){gap:8px!important}
#gust-navigation nav a svg.wave-nav-symbol{width:22px!important;height:22px!important;flex:0 0 22px!important;vertical-align:middle}
