/* One navigation treatment for public pages, private journeys and the staff workspace. */
@font-face{font-family:Inter;src:url('/brand/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/brand/bodoni-moda.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
:root{--navigation-ink:#1c1c28;--navigation-line:#bdd7df;--navigation-focus:#087e89}
[data-scroll-nav]{isolation:isolate;z-index:60;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:box-shadow .28s ease,border-color .28s ease}
header[data-scroll-nav]{position:sticky;top:0}
body header[data-scroll-nav]:not(.is-scrolled),body .sidebar[data-scroll-nav]:not(.is-scrolled){background:transparent;border-color:transparent;box-shadow:none}
[data-scroll-nav]::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#f6fcfd;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease}
body [data-scroll-nav].is-scrolled{background:transparent;border-color:#bdd7df99;box-shadow:0 7px 28px #163c4514}
[data-scroll-nav].is-scrolled::before{opacity:1;transform:none}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 [data-scroll-nav]::before{background:#f6fcfdbf;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}
}
body .site-header--centered.is-scrolled{border-bottom:0}
body.home-page .site-header.is-scrolled{background:transparent}
.site-header--centered .desktop-nav>a[aria-current=location]{background:#ffffff9c;color:#263852}
.topbar[data-scroll-nav]{top:0;z-index:50}
.sidebar[data-scroll-nav]{z-index:55}

.context-header{box-sizing:border-box;width:100%;max-width:none;margin:0;border-top:0;border-bottom:1px solid #d4e4e8;padding:0;background:#f9fcfd;color:var(--navigation-ink);font:14px/1.5 Inter,system-ui,sans-serif}
.context-header-inner{box-sizing:border-box;max-width:1200px;width:calc(100% - 64px);min-height:90px;margin:auto;display:flex;align-items:center;gap:24px}
.context-brand{display:block;flex-shrink:0;isolation:isolate}
.context-brand .brand-logo-image{display:block;width:172px;height:auto}
.context-label{font-size:10px;line-height:1.6;letter-spacing:.12em;font-weight:650;max-width:180px}
.context-desktop{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.context-desktop a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border-radius:30px;font-size:12px;font-weight:600;color:inherit;text-decoration:none}
.context-desktop a:hover{background:#def2f5}
.context-menu{display:none}
[data-nav-menu]{color:var(--navigation-ink)}
/* Fixed descendants of a closed native disclosure must not affect scroll width on resize. */
body [data-nav-menu]:not([open]) [data-nav-panel]{display:none}
body [data-nav-menu]>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:48px;min-width:48px;height:48px;min-height:48px;padding:12px;list-style:none;cursor:pointer;background:#ffffffc9;border:1px solid #93b9c4;border-radius:16px;color:var(--navigation-ink);transition:background .2s,border-color .2s,box-shadow .2s}
[data-nav-menu]>summary::-webkit-details-marker{display:none}
[data-nav-menu]>summary::marker{content:''}
body [data-nav-menu]>summary:hover{background:#e2f5f7;border-color:#087e89;box-shadow:0 4px 16px #173e4912}
body [data-nav-menu] :is(.menu-label,.menu-close-label){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[data-nav-menu] .menu-icon{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;width:20px;height:22px;flex-shrink:0}
[data-nav-menu] .menu-icon i{display:block;height:2px;width:20px;border-radius:2px;background:currentColor;transition:transform .24s ease,opacity .2s ease}
[data-nav-menu][open]>summary .menu-icon i:first-child{transform:translateY(7px) rotate(45deg)}
[data-nav-menu][open]>summary .menu-icon i:nth-child(2){opacity:0}
[data-nav-menu][open]>summary .menu-icon i:last-child{transform:translateY(-7px) rotate(-45deg)}
body [data-nav-menu][open]>summary{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:102;background:#fff;border-color:#087e89}
body [data-nav-menu] [data-nav-panel]{box-sizing:border-box;position:fixed;inset:0;z-index:101;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0;border:0;border-radius:0;background:#eff8fa;color:var(--navigation-ink);box-shadow:none;line-height:1.5;text-align:left}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body [data-nav-menu] [data-nav-panel]{background:#eff8faf5;backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}
}
/* Keep the page-header logo from showing through the open menu behind its own logo. */
body:has([data-nav-menu][open]) :is(.logo-link,.context-brand,.workspace-mobile-header>a){visibility:hidden}
/* Keep opacity animation off the backdrop layer so it can sample the whole page. */
[data-nav-menu][open] .navigation-panel-inner{animation:navigation-reveal .25s ease both}
.navigation-panel-inner{box-sizing:border-box;width:100%;max-width:680px;min-height:100%;padding:max(26px,env(safe-area-inset-top)) 26px max(34px,env(safe-area-inset-bottom));margin:0 auto;display:flex;flex-direction:column;gap:22px}
.navigation-panel-heading{padding:0 70px 19px 0;border-bottom:1px solid var(--navigation-line)}
.navigation-panel-heading>span{display:block;font-family:'Bodoni Moda',Georgia,serif;font-size:30px;line-height:1.2;color:var(--navigation-ink)}
.navigation-panel-heading p{font-size:11px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#43626b;margin:9px 0 0}
body [data-nav-panel] nav{position:static;inset:auto;box-sizing:border-box;width:100%;max-height:none;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
body [data-nav-panel] .navigation-links{display:flex;flex-direction:column;gap:5px}
body [data-nav-panel] .navigation-links>a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:53px;padding:10px 13px;margin:0;border:1px solid transparent;border-radius:14px;font-size:clamp(21px,5.5vw,30px);font-weight:550;line-height:1.4;letter-spacing:-.5px;text-decoration:none;color:var(--navigation-ink);background:transparent}
body [data-nav-panel] a:hover,body [data-nav-panel] a[aria-current]{background:#ffffffa8;border-color:#bedbe2;color:#164650;text-decoration:none}
body [data-nav-panel] .nav-account{background:#d7f0f3}
body [data-nav-panel] .saved-count{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:0;min-width:25px;padding:3px 6px}
.navigation-extra{display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:18px;border-top:1px solid var(--navigation-line)}
.navigation-extra a{display:flex;align-items:center;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:550;line-height:1.5;text-decoration:none;color:#284f5b}
.navigation-note{font-size:12px;line-height:1.8;color:#49656e;margin:auto 0 0;padding-top:10px;max-width:400px}
.navigation-account{border-top:1px solid var(--navigation-line);padding-top:18px}
.navigation-account p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#43626b;margin:0 0 8px}
.navigation-account form{margin:12px 0 0}
.navigation-account button{width:100%}
body [data-nav-panel] :is(a,button,summary):focus-visible,[data-nav-toggle]:focus-visible{outline:3px solid var(--navigation-focus);outline-offset:3px}
html.navigation-open{overflow:hidden;overscroll-behavior:none}
body:has([data-nav-menu][open]) [data-scroll-nav]:has([data-nav-menu][open]){z-index:100;background:transparent;box-shadow:none}
body:has([data-nav-menu][open]) [data-scroll-nav]:has([data-nav-menu][open])::before{opacity:0}
@keyframes navigation-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:960px){
 html:has(.mobile-menu[open],.context-menu[open]){overflow:hidden;overscroll-behavior:none}
 .context-desktop{display:none}.context-menu{display:block;margin-left:auto}
 .context-header-inner{width:calc(100% - 36px);min-height:82px;gap:15px}
 .context-brand .brand-logo-image{width:153px}.context-label{margin-left:auto;font-size:9px;max-width:150px}
}
@media(max-width:740px){
 html:has(.workspace-mobile-menu[open]){overflow:hidden;overscroll-behavior:none}
 .topbar[data-scroll-nav]{position:static;z-index:auto;isolation:auto;background:transparent!important;box-shadow:none!important}
 .topbar[data-scroll-nav]::before{display:none}
 .workspace-mobile-menu .navigation-panel-inner{max-width:600px}
 body .workspace-mobile-panel nav{display:flex;flex-direction:column;gap:4px}
 body .workspace-mobile-panel .nav-link{justify-content:space-between;min-height:51px;padding:10px 13px;font-size:18px;border:1px solid transparent;border-radius:12px}
 body .workspace-mobile-panel .nav-caption{display:block;font-size:10px;letter-spacing:.14em;margin:12px 13px 6px}
 body .workspace-mobile-panel .nav-tools{border-block:1px solid var(--navigation-line);padding:10px 0;margin:10px 0 0}
 body .workspace-mobile-panel .nav-tools>summary{min-height:48px;cursor:pointer;padding:11px 13px;font-size:15px;font-weight:600}
 body .workspace-mobile-panel .nav-tools .nav-link{font-size:14px;min-height:46px}
 body .workspace-mobile-panel form{margin:0}
 body .workspace-mobile-panel .signout{width:100%;min-height:48px;margin-top:5px}
 .context-label{display:none}.context-header-inner{min-height:78px}
}
@media(max-height:640px){.navigation-panel-inner{gap:15px}.navigation-panel-heading{padding-bottom:14px}.navigation-note{padding-top:0}}
@media(prefers-reduced-motion:reduce){
 [data-scroll-nav],[data-scroll-nav]::before,[data-nav-menu] *,[data-nav-menu] *::before{animation:none!important;transition:none!important}
 [data-scroll-nav]::before{transform:none}
}
@media(forced-colors:active){
 [data-scroll-nav]::before,body [data-nav-menu] [data-nav-panel]{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none}
 [data-nav-menu] .menu-icon i{background:ButtonText}
 body [data-nav-panel] a[aria-current],body [data-nav-menu]>summary{border:1px solid ButtonText}
}
@media(prefers-reduced-transparency:reduce){
 [data-scroll-nav]::before,body [data-nav-menu] [data-nav-panel]{background:#f6fcfd;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media print{[data-scroll-nav],[data-nav-menu]{display:none!important}}

.navigation-entry.login-page{display:block;padding:0}
.navigation-entry main#main.login-shell{width:calc(100% - 36px);max-width:1020px;margin:40px auto;padding:0}
.navigation-entry main#main.security-card{width:calc(100% - 36px);max-width:520px;margin:40px auto;padding:35px}
@media(max-width:740px){.navigation-entry main#main.security-card{padding:26px 20px}}
