/* Shared canonical navigation: Xperience, Knowledge, Guida. */
.fm-path-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.4vw,34px);font:12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.fm-path-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:var(--muted);text-decoration:none;white-space:nowrap}
.fm-path-nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:linear-gradient(90deg,var(--gold),var(--cobalt,#7d73bd));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.fm-path-nav a:hover,.fm-path-nav a:is([aria-current="page"],[aria-current="location"]){color:var(--ink)}
.fm-path-nav a:hover::after,.fm-path-nav a:is([aria-current="page"],[aria-current="location"])::after{transform:scaleX(1)}
#hb-appbar .hb-nav.fm-canonical-nav,.hb-nav[data-fm-canonical="true"]{gap:clamp(14px,2.4vw,34px)}
#hb-appbar .hb-nav.fm-canonical-nav a{font-size:inherit}
.topbar .fm-path-nav{margin-inline:auto}
.topbar .fm-path-nav a{color:var(--muted,#655c72)}
.topbar .fm-path-nav a:hover,.topbar .fm-path-nav a:is([aria-current="page"],[aria-current="location"]){color:var(--ink,#1a1224)}
.fg-header .fm-path-nav{margin-inline:auto}
.fm-path-nav a.fm-nav-guide,.hb-nav[data-fm-canonical="true"] a.fm-nav-guide{margin-inline-start:clamp(10px,1.7vw,24px);padding-inline-start:clamp(12px,1.7vw,24px);border-inline-start:1px solid var(--line,rgba(128,116,145,.35))}
#fm-space .ms-heading .ms-heading-guide{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font:11px/1.3 var(--mono,monospace);letter-spacing:.04em;color:var(--fm-ink);pointer-events:auto;text-decoration:underline;text-underline-offset:4px}
.fm-guide-page .fg-header .fm-path-nav a{color:var(--muted)}
.fm-guide-page .fg-header .fm-path-nav a:hover,.fm-guide-page .fg-header .fm-path-nav a:is([aria-current="page"],[aria-current="location"]){color:var(--ink)}
:root[data-theme="light"] .fm-path-nav a,
:root[data-theme="light"] .hb-nav[data-fm-canonical="true"] a{color:#51465f;opacity:1}
:root[data-theme="light"] .fm-path-nav a:hover,
:root[data-theme="light"] .fm-path-nav a:is([aria-current="page"],[aria-current="location"]),
:root[data-theme="light"] .hb-nav[data-fm-canonical="true"] a:hover,
:root[data-theme="light"] .hb-nav[data-fm-canonical="true"] a:is([aria-current="page"],[aria-current="location"]){color:#21152f;opacity:1}
/* The app keeps a dark header even while its scene is in day mode. */
#hb-appbar .hb-nav[data-fm-canonical="true"] a,
.hb-appbar #hb-nav[data-fm-canonical="true"] a{color:#d8d1e4;opacity:1}
#hb-appbar .hb-nav[data-fm-canonical="true"] a:hover,
#hb-appbar .hb-nav[data-fm-canonical="true"] a:is([aria-current="page"],[aria-current="location"]),
.hb-appbar #hb-nav[data-fm-canonical="true"] a:hover,
.hb-appbar #hb-nav[data-fm-canonical="true"] a:is([aria-current="page"],[aria-current="location"]){color:#fff;opacity:1}
@media(max-width:760px){
 .fm-path-nav{gap:clamp(10px,3.5vw,22px);font-size:10px;letter-spacing:.04em}
 .topbar .wrap{flex-wrap:wrap}
 .topbar .fm-path-nav{order:3;flex-basis:100%;justify-content:center}
 .fg-header .fm-path-nav{order:2;flex-basis:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.fm-path-nav a::after{transition:none}}
[data-fm-unified] .fm-context-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;font:11px/1.5 var(--mono);letter-spacing:.04em;color:var(--muted)}
[data-fm-unified] .fm-context-row nav{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
[data-fm-unified] .fm-context-row a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
[data-fm-unified] .fm-context-compass{min-height:44px;flex-shrink:0;color:var(--muted);padding:8px 0}
[data-fm-unified] .fm-context-compass>span:not(.fm-compass-label){display:none!important}
[data-fm-unified] .fm-context-compass:hover{color:var(--ink)}
[data-fm-unified] main>section:first-child>.wrap{padding-top:max(120px,14vh)!important}
[data-fm-unified] main>section:first-child{padding-top:0}
@media(max-width:760px){[data-fm-unified] main>section:first-child>.wrap{padding-top:180px!important}[data-fm-unified] .topbar .wrap{gap:8px 16px}[data-fm-unified] .fm-context-row{font-size:10px;gap:10px;flex-wrap:wrap}}