:root{--studio-night: #101e1c;--studio-raised: #192d29;--studio-mint: #b9efd5;--studio-cyan: #77ddeb;--studio-muted: #b8ccc5;--studio-line: #354b45;--studio-type-utility: ui-monospace, SFMono-Regular, Consolas, monospace;--studio-header-height: 88px}.site-header.studio-header{color:var(--sp-paper);background:var(--studio-night);border-color:var(--studio-line)}.studio-header:before{content:"";position:absolute;bottom:-1px;left:max(24px,calc((100% - var(--content)) / 2));width:56px;height:2px;background:var(--studio-cyan);pointer-events:none}.studio-header .nav-shell{min-height:var(--studio-header-height)}.studio-header .brand-surface{background:transparent}.site-header.studio-header .main-nav{color:var(--studio-muted);font-family:var(--studio-type-utility);font-size:13px;font-weight:500;letter-spacing:-.025em}.site-header.studio-header .main-nav>a:not(.button){color:var(--studio-muted)}.site-header.studio-header .main-nav>a:not(.button):is(:hover,.active){color:var(--studio-mint)}.site-header.studio-header .main-nav>a:not(.button):after{bottom:-10px;background:var(--studio-cyan);transition:right var(--dur-base) var(--ease-out)}.site-header.studio-header .main-nav>.button{min-height:44px;color:var(--studio-night);background:var(--studio-mint);border-color:var(--studio-mint);border-radius:6px;font-size:12px;letter-spacing:-.025em}.site-header.studio-header .nav-toggle{color:var(--sp-paper);cursor:pointer}.site-header.studio-header .nav-toggle:hover{background:var(--studio-raised)}.site-header.studio-header :focus-visible{outline:3px solid var(--studio-cyan);outline-offset:4px}.studio-header :is(a,button):active{filter:brightness(.92)}@media(hover:hover){.site-header.studio-header .main-nav>.button:hover{color:var(--studio-night);background:var(--studio-cyan);border-color:var(--studio-cyan)}}@media(max-width:1180px){.site-header.studio-header .main-nav{max-height:calc(100dvh - var(--studio-header-height));padding:14px 24px 24px;gap:4px;color:var(--studio-muted);background:var(--studio-night);border-color:var(--studio-line);font-size:14px;letter-spacing:0}.site-header.studio-header .main-nav>a:not(.button){min-height:48px;padding:10px 12px;border-left:2px solid transparent;border-radius:0 6px 6px 0}.site-header.studio-header .main-nav>a:not(.button):is(:hover,.active){border-left-color:var(--studio-cyan);background:var(--studio-raised)}.site-header.studio-header .main-nav>a:not(.button):after{content:none}.site-header.studio-header .main-nav>.button{min-height:48px;margin-top:12px;font-size:13px}.no-js .site-header.studio-header .main-nav{max-height:none;padding-inline:0}}@media(max-width:767px){:root{--studio-header-height: 72px}.studio-header:before{left:20px;width:40px}.site-header.studio-header .main-nav{padding-inline:20px}.no-js .site-header.studio-header .main-nav{padding-inline:0}}@media(forced-colors:active){.studio-header:before{background:Highlight}.site-header.studio-header .main-nav>a.active:not(.button){border-color:Highlight}}
