/* One header-integrated navigation system. Desktop previews share a steady frame; mobile expands by selection. */
.site-header{
 --navigation-surface:#f4f1e9;--navigation-color:#182a2d;--navigation-muted:#53635c;
 --navigation-quiet:#63746b;--navigation-accent:#315f46;--navigation-chart:#3a7862;
 --navigation-line:#182a2d26;--navigation-line-active:#315f4660;--navigation-hover:#315f460c;
 --navigation-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
html[data-theme=dark] .site-header{
 --navigation-surface:#0c2026;--navigation-color:#f1f1e7;--navigation-muted:#bdcfc1;
 --navigation-quiet:#a4bbb0;--navigation-accent:#e5d0a6;--navigation-chart:#98b7a6;
 --navigation-line:#ddc9a52b;--navigation-line-active:#ddc9a580;--navigation-hover:#ffffff0d;
}
.site-header--landing{--navigation-header:var(--header-height)}
.research-site-header{--navigation-header:var(--research-header-height)}
body.menu-open .site-header{background:var(--navigation-surface)!important;color:var(--navigation-color);box-shadow:none}
body.menu-open .site-header .brand-divider{background:var(--navigation-line)}
body.menu-open .site-header .language-picker{color:inherit}
body.menu-open .site-header .brand-shield{filter:brightness(.24) saturate(.7)}
html[data-theme=dark] body.menu-open .site-header .brand-shield{filter:none}
.site-header--landing #navigation,.research-site-header.is-ready #navigation{
 position:fixed;inset:var(--navigation-header) 0 auto;display:block;flex:none;width:100%;height:auto;
 max-height:calc(100dvh - var(--navigation-header));margin:0;padding:0;overflow:auto;overscroll-behavior:contain;
 scrollbar-width:none;background:var(--navigation-surface);color:var(--navigation-color);box-shadow:0 12px 24px #05151c18;
 visibility:hidden;opacity:0;transform:none;pointer-events:none;transition:opacity .16s ease,visibility .16s;
}
.site-header #navigation::-webkit-scrollbar{display:none}
.site-header--landing #navigation.is-open,.research-site-header.is-ready #navigation.is-open{visibility:visible;opacity:1;pointer-events:auto}
:where(.site-header--landing,.research-site-header.is-ready) #navigation a{
 display:block;flex:none;min-height:0;width:auto;margin:0;padding:0;color:inherit;white-space:normal;
 overflow-wrap:normal;font:inherit;text-decoration:none;transition:color .16s ease;
}
.site-header #navigation a:hover{color:var(--navigation-accent);text-decoration:none}
.site-header #navigation :is(a,button):focus-visible{outline:1px solid var(--navigation-accent);outline-offset:5px}
.navigation-surface{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;width:min(1200px,calc(100% - 80px));margin:0 auto;padding:26px 0 30px;align-items:center}
.navigation-choices{display:flex;flex-direction:column;align-items:stretch;align-self:start;border-right:1px solid var(--navigation-line);padding-right:24px}
#navigation .navigation-title{position:relative;display:flex;align-items:center;min-height:60px;font:30px/1.15 var(--serif);letter-spacing:-.025em;padding:6px 0;gap:12px}
#navigation .navigation-title::before{content:'';position:absolute;left:-14px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--navigation-accent);opacity:0;transform:translateY(-50%)}
#navigation .navigation-title.is-previewed{color:var(--navigation-accent)}
#navigation .navigation-title.is-previewed::before{opacity:1}
.navigation-context{min-width:0;width:100%;min-height:252px;display:grid;align-items:center}
.navigation-scene{width:100%;min-width:0;height:auto}
.navigation-scene[hidden],.navigation-mobile-preview[hidden]{display:none!important}
.navigation-thesis,.navigation-focus{display:grid;grid-template-columns:minmax(0,1fr)}
.navigation-destination-arrow{display:block;flex:none;width:18px;height:18px}
.navigation-title>.navigation-destination-arrow{margin-left:auto;color:var(--navigation-quiet)}
#navigation .navigation-title:is(:hover,:focus-visible,.is-previewed)>.navigation-destination-arrow{color:var(--navigation-accent)}

.navigation-thesis-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;align-items:center}
#navigation .navigation-thesis-index>a:not(.navigation-context-action){display:flex;align-items:center;min-height:70px;border-bottom:1px solid var(--navigation-line);font:24px/1.2 var(--serif);color:var(--navigation-muted);letter-spacing:-.015em}
#navigation .navigation-context-action{display:flex;align-items:center;min-height:44px;font:14px/1.4 var(--sans);color:var(--navigation-accent)}
#navigation .navigation-thesis-index .navigation-context-action{grid-column:1/-1;justify-self:start;margin-top:12px}
.navigation-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.navigation-pillar{min-width:0;padding:4px 22px;border-left:1px solid var(--navigation-line)}
.navigation-pillar:first-child{padding-left:0;border-left:0}
.navigation-pillar:last-child{padding-right:0}
#navigation .navigation-pillars .navigation-pillar>a:first-child{margin-bottom:25px;font:25px/1.18 var(--serif);letter-spacing:-.02em}
#navigation .navigation-pillar-research{color:var(--navigation-muted)}
.navigation-pillar-research strong{display:block;font:16px/1.35 var(--sans);font-weight:400}
.navigation-pillar>p{margin:10px 0 0;font:14px/1.55 var(--sans);color:var(--navigation-quiet)}
.navigation-research{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(200px,1fr);grid-template-rows:auto auto auto;column-gap:28px;row-gap:8px;align-items:center}
.navigation-data-heading{grid-column:1;grid-row:1;margin:0 0 2px;color:var(--navigation-muted);font:13px/1.4 var(--sans)}
.navigation-data-table{grid-column:1;grid-row:2;display:grid;min-width:0}
#navigation .navigation-data-row{display:grid;grid-template-columns:45px minmax(100px,.8fr) minmax(120px,1.2fr);grid-template-areas:'symbol value label' 'symbol trend time';gap:5px 12px;align-items:baseline;min-height:72px;padding:12px 0;border-bottom:1px solid var(--navigation-line);color:var(--navigation-muted);font-variant-numeric:tabular-nums}
.navigation-data-symbol{grid-area:symbol;align-self:center;color:var(--navigation-accent);font:12px/1.3 var(--navigation-mono);letter-spacing:.04em}
.navigation-data-row strong{grid-area:value;display:flex;align-items:baseline;gap:5px;min-width:0;color:var(--navigation-color);font:24px/1.1 var(--serif);white-space:nowrap;letter-spacing:-.015em}
.navigation-value-unit{color:var(--navigation-muted);font:11px/1.2 var(--sans);letter-spacing:0}
.navigation-data-row[data-available=false] strong{font:16px/1.3 var(--sans);white-space:normal}
.navigation-data-trend{grid-area:trend;color:var(--navigation-quiet);font:10px/1.3 var(--navigation-mono);white-space:nowrap}
.navigation-data-row[data-trend=up] .navigation-data-trend{color:var(--navigation-accent)}
.navigation-data-row[data-trend=down] .navigation-data-trend{color:#a6584e}
.navigation-data-label{grid-area:label;font:12px/1.4 var(--sans);color:var(--navigation-muted)}
.navigation-data-label small{display:block;margin-top:4px;font:11px/1.4 var(--sans);color:var(--navigation-quiet)}
.navigation-data-row time{grid-area:time;font:10px/1.4 var(--sans);color:var(--navigation-quiet);white-space:normal}
#navigation .navigation-research-action{grid-column:1/-1;grid-row:3;justify-self:end}
.navigation-featured-update{grid-column:2;grid-row:1/3;min-width:0;padding-left:25px;border-left:1px solid var(--navigation-line)}
.navigation-update-category{display:inline;margin:0;color:var(--navigation-accent);font:11px/1.4 var(--sans)}
.navigation-feature-date{display:block;margin:5px 0 14px;color:var(--navigation-quiet);font:11px/1.4 var(--sans)}
.navigation-feature-link h3{margin:0;color:var(--navigation-color);font:24px/1.17 var(--serif);letter-spacing:-.02em}
.navigation-feature-link p{margin:12px 0 0;color:var(--navigation-muted);font:13px/1.55 var(--sans)}
.navigation-markets{display:grid;grid-template-columns:minmax(210px,.82fr) minmax(0,1fr);grid-template-rows:auto auto;gap:18px 32px;align-items:center}
.navigation-world{grid-column:1;grid-row:1/3;justify-self:center;width:min(100%,300px);height:auto;aspect-ratio:320/260}
#navigation .navigation-globe-view{display:block;width:100%;height:100%}
.navigation-globe{display:block;width:100%;height:100%;overflow:visible}
.navigation-land{fill:#71907b;stroke:#8ba68b;stroke-width:.25;opacity:.9}
.navigation-map-dots circle{fill:#e7d3a9;stroke:#1b3034;stroke-width:1}
.navigation-city-links{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
#navigation .navigation-city-links button{position:relative;display:block;text-align:left;min-width:0;min-height:50px;width:100%;padding:5px 10px 5px 0;background:none;border:0;border-bottom:1px solid var(--navigation-line);color:var(--navigation-muted);font:24px/1.2 var(--serif);letter-spacing:-.015em;white-space:nowrap}
#navigation .navigation-city-links button:is(:hover,.is-previewed){color:var(--navigation-accent);border-bottom-color:var(--navigation-line-active)}
#navigation .navigation-city-links button.is-previewed::after{content:'';position:absolute;right:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--navigation-accent);transform:translateY(-50%)}
.navigation-city-focus{grid-column:2;grid-row:2;align-self:start;min-height:128px;margin:0;color:var(--navigation-muted)}
.navigation-city-focus p{margin:0}
.navigation-city-focus [data-navigation-focus-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.navigation-city-focus strong{display:block;color:var(--navigation-color);font:23px/1.2 var(--serif);font-weight:400;letter-spacing:-.015em}
.navigation-city-focus small{display:block;max-width:44ch;margin-top:9px;color:var(--navigation-muted);font:15px/1.5 var(--sans)}
#navigation .navigation-section-action{display:flex;align-items:center;justify-self:end;gap:9px;min-height:44px;margin-top:12px;font:15px/1.4 var(--sans)}
#navigation .navigation-markets>.navigation-section-action{grid-column:1/-1;grid-row:3}

.navigation-observation,.navigation-protocols,.navigation-updates[hidden],.navigation-label--mobile,.navigation-preview-toggle,.navigation-mobile-preview,.navigation-settings{display:none}
.navigation-mobile-copy,.navigation-mobile-row{display:contents}
.site-header--landing .language-picker,.research-site-header.is-ready .language-picker{margin-left:auto}
.site-header--landing .menu-toggle{display:none;flex:none;align-items:center;border:0;background:none;color:inherit;cursor:pointer}
.site-header--landing.is-scrolled .menu-toggle,.research-site-header.is-ready .menu-toggle{display:flex}
.site-header .menu-toggle{position:relative;border-radius:0;outline:none!important}
.site-header .menu-toggle:focus-visible::after{content:'';position:absolute;inset:5px;border:1px solid currentColor;border-radius:50%;pointer-events:none}
@media(min-width:960px){
 body.menu-open{overflow:auto}
 .site-header--landing #navigation,.research-site-header.is-ready #navigation{height:min(420px,calc(100dvh - var(--navigation-header)));max-height:calc(100dvh - var(--navigation-header))}
 .navigation-surface{height:420px;min-height:420px;box-sizing:border-box;align-items:stretch}
 .navigation-context{height:100%;min-height:0;align-items:stretch}
 .navigation-scene{height:100%;min-height:0}
 .navigation-thesis,.navigation-focus{grid-template-rows:minmax(0,1fr) 44px;row-gap:16px;align-items:start}
 .navigation-thesis-index{align-content:start}
 .navigation-research{grid-template-rows:auto minmax(0,1fr) 44px;align-items:start}
 .navigation-data-table{height:100%;grid-template-rows:repeat(3,minmax(0,1fr))}
 .navigation-featured-update{align-self:center;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .navigation-markets{grid-template-rows:100px minmax(0,1fr) 44px}
 #navigation .navigation-section-action{align-self:end;margin-top:0}
}
@media(min-width:960px) and (max-width:1199px){
 .navigation-surface{grid-template-columns:254px minmax(0,1fr);gap:28px}
 #navigation .navigation-title{font-size:27px}
 .navigation-research{grid-template-columns:minmax(0,1fr) minmax(175px,.7fr);column-gap:20px}
 #navigation .navigation-data-row{grid-template-columns:40px minmax(83px,.8fr) minmax(106px,1.2fr);gap:5px 8px}
 .navigation-data-row strong{font-size:21px}
 .navigation-featured-update{padding-left:18px}
 .navigation-feature-link h3{font-size:22px}
 .navigation-pillar{padding-inline:15px}
 #navigation .navigation-pillars .navigation-pillar>a:first-child{font-size:23px}
 .navigation-pillar-research strong{font-size:14px}.navigation-pillar>p{font-size:13px}
 .navigation-markets{grid-template-columns:minmax(185px,.8fr) minmax(0,1fr);gap:16px 24px}
 #navigation .navigation-city-links button{font-size:22px}
 .navigation-city-focus strong{font-size:21px}.navigation-city-focus small{font-size:14px}
}
@media(max-width:959px){
 body.menu-open{overflow:hidden}
 .site-header--landing #navigation,.research-site-header.is-ready #navigation{inset:var(--navigation-header) 0 auto;height:auto;max-height:calc(100dvh - var(--navigation-header));box-shadow:0 12px 24px #05151c18}
 .navigation-surface{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:0;margin:0;padding:6px 24px 0;gap:0}
 .navigation-choices{flex:none;display:flex;align-items:stretch;align-self:stretch;padding:0;border:0}
 .navigation-context{display:none}
 #navigation .navigation-title{width:100%;min-height:64px;padding:10px 0;font:30px/1.15 var(--serif);border-bottom:1px solid var(--navigation-line);color:var(--navigation-color)}
 #navigation .navigation-title::before{display:none}
 .navigation-mobile-copy{display:block;flex:1;min-width:0}
 #navigation .navigation-label{display:block;overflow-wrap:normal;word-break:normal;hyphens:none}
 .navigation-label--desktop{display:none!important}.navigation-label--mobile{display:block}
 .navigation-mobile-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;column-gap:14px;align-items:center;border-bottom:1px solid var(--navigation-line)}
 #navigation .navigation-mobile-row>.navigation-title{border:0;gap:12px;min-width:0}
 #navigation .navigation-preview-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--navigation-accent)}
 .navigation-preview-toggle svg{width:18px;height:18px;transition:transform .16s}
 .navigation-preview-toggle[aria-expanded=true] svg{transform:rotate(45deg)}
 .navigation-mobile-preview{display:block;grid-column:1/-1;padding:0 0 14px}
 .navigation-research{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:8px}
 .navigation-data-table{grid-column:1;grid-row:2}
 #navigation .navigation-data-row{grid-template-columns:42px minmax(87px,.8fr) minmax(100px,1.2fr);gap:4px 8px;min-height:64px;padding:8px 0}
 .navigation-data-row strong{font-size:24px}.navigation-data-label{font-size:12px}.navigation-data-row time{font-size:10px}
 #navigation .navigation-research-action{grid-column:1;grid-row:4;min-height:44px;font-size:15px}
 #navigation .navigation-section-action{justify-self:start;margin-top:4px}
 #navigation .navigation-markets>.navigation-section-action{grid-column:1;grid-row:4}

 .navigation-featured-update{grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--navigation-line);padding:10px 0 0}
 .navigation-update-category{display:inline;font-size:11px}.navigation-feature-date{display:inline;margin-left:12px;font-size:11px}
 .navigation-feature-link h3{margin-top:6px;font-size:21px;line-height:1.2}.navigation-feature-link p{display:none}
 .navigation-markets{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px}
 .navigation-world{grid-column:1;grid-row:1;width:180px}
 .navigation-city-links{grid-column:1;grid-row:2;column-gap:20px}
 #navigation .navigation-city-links button{min-height:46px;font-size:22px}
 .navigation-city-focus{grid-column:1;grid-row:3;min-height:96px;padding-top:4px}
 .navigation-city-focus strong{font-size:22px}.navigation-city-focus small{max-width:48ch;font-size:14px;line-height:1.5}
 .navigation-settings{display:flex;flex:none;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:7px 0 calc(10px + env(safe-area-inset-bottom));min-height:62px}
 .mobile-menu-is-open .menu-toggle{margin-left:auto}
 .site-header #navigation .navigation-settings .language-picker{position:relative;margin:0;color:var(--navigation-muted)}
 .site-header #navigation .navigation-settings .language-picker>summary{justify-content:flex-start;width:auto;min-height:44px;gap:8px;padding:0;font:14px/1.4 var(--sans);letter-spacing:0}
 .navigation-settings .language-globe{width:18px;height:18px}
 .site-header #navigation .navigation-settings .theme-toggle{display:grid;place-items:center;width:44px;min-height:44px;height:44px;margin:0;color:var(--navigation-muted);font:14px/1.4 var(--sans)}
 .navigation-settings .theme-toggle svg{width:18px;height:18px}
 .site-header #navigation .navigation-settings .language-options{top:auto;bottom:calc(100% + 8px);left:0;right:auto;width:256px;max-width:calc(100vw - 48px);max-height:calc(100dvh - var(--navigation-header) - 80px);color:var(--navigation-color);background:var(--navigation-surface);border-color:var(--navigation-line);box-shadow:0 10px 30px #05151c20}
 .site-header #navigation .navigation-settings .language-options p,.site-header #navigation .navigation-settings .language-options #research-language-note{color:var(--navigation-muted)}
 .site-header #navigation .navigation-settings .language-options a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font:15px/1.4 var(--sans);color:var(--navigation-color)}
 .site-header #navigation .navigation-settings .language-options a:is(:hover,:focus-visible,[aria-current]){color:var(--navigation-accent);background:var(--navigation-hover)}
}
@media(max-width:359px){
 .navigation-surface{padding-inline:20px}
 #navigation .navigation-title{font-size:27px;min-height:76px}
 .navigation-mobile-row{column-gap:8px}
 #navigation .navigation-data-row{grid-template-columns:38px minmax(76px,.7fr) minmax(93px,1fr);gap:4px 6px}
 .navigation-data-row strong{font-size:22px}.navigation-data-label{font-size:11px}
 .navigation-world{width:184px}.navigation-feature-link h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.site-header #navigation,#navigation a,.navigation-preview-toggle svg{transition:none!important}}
@media print{.site-header #navigation{display:none!important}}

.site-header .menu-toggle[data-pointer-focus-return]::after{content:none!important}

/* Publication notices remain a quiet utility beneath the four destinations. */
.navigation-choices:has(>.navigation-notices:not([hidden])){align-self:stretch}
#navigation .navigation-notices{display:flex;align-items:center;align-self:flex-start;max-width:100%;min-height:44px;margin-top:auto;padding:12px 0 0;border:0;background:none;color:var(--navigation-muted);font:14px/1.5 var(--sans);text-align:left;cursor:pointer}
#navigation .navigation-notices:hover{color:var(--navigation-accent)}
@media(max-width:959px){#navigation .navigation-notices{margin-top:12px;padding:8px 0;font-size:15px}}
