/* The same lightweight site identity on every project; local project nav stays untouched. */
nav.site-context{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:.7rem 2rem;flex-wrap:wrap;width:min(1180px,calc(100% - 40px));max-width:1180px;min-height:0;height:auto;margin:0 auto;padding:12px 16px;border:1px solid rgba(70,109,129,.22);border-radius:16px;background:rgba(245,250,253,.93);color:#1a3543;box-shadow:0 4px 18px rgba(20,45,60,.07);font:500 13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;position:relative;top:auto;left:auto;right:auto;z-index:3;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;}
.site-context__path,.site-context__links{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .7rem;min-width:0;}
nav.site-context .site-context__path strong{font-size:13px;letter-spacing:0;font-weight:750;overflow-wrap:anywhere;}
nav.site-context a{color:inherit;text-decoration:none;font:inherit;display:inline-block;padding:3px 5px;border-radius:6px;}
nav.site-context a:hover{color:#006c9d;background:rgba(12,119,179,.08);}
nav.site-context a:focus-visible{outline:2px solid #1685b8;outline-offset:2px;}
nav.site-context .site-context__links .is-section{font-weight:800;color:#006c9d;}
.site-context__path span{color:#7a8f99;}
html[data-theme="dark"] nav.site-context{color:#e1f4fb;background:rgba(28,43,52,.95);border-color:rgba(214,236,244,.22);}
html[data-theme="dark"] nav.site-context a:hover{color:#7ae0fa;background:rgba(104,202,219,.12);}
html[data-theme="dark"] nav.site-context .site-context__links .is-section{color:#7ae0fa;}
@media (prefers-color-scheme: dark){html:not([data-theme]) nav.site-context{color:#e1f4fb;background:rgba(28,43,52,.95);border-color:rgba(214,236,244,.22);}}
@media(max-width:720px){nav.site-context{padding:10px 12px;width:calc(100% - 24px)}.site-context__path,.site-context__links{gap:.2rem .4rem}.site-context__links{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.site-context__links a{white-space:nowrap;}}
/* Dedicated project pages have a fixed project-local header. Context follows it. */
html[data-project] main{position:relative;}
html[data-project] main > nav.site-context{position:absolute;top:88px;left:50%;transform:translateX(-50%);z-index:8;}
@media(max-width:980px){html[data-project] main > nav.site-context + section.hero{padding-top:215px;}}
@media(max-width:680px){html[data-project] main > nav.site-context{top:76px;}html[data-project] main > nav.site-context + section.hero{padding-top:218px;}}
/* Other microsites put the same site context after their local project header. */
body > nav.site-context{margin-top:12px;margin-bottom:0;}