/* Language-specific space for longer English labels, without shrinking body copy. */
.language-switch{white-space:nowrap;min-height:40px;padding:8px 12px;letter-spacing:0;text-transform:none;border:1px solid #777d60;color:#e3dc89;background:transparent;cursor:pointer;font:inherit;font-size:13px}.language-switch:focus-visible{outline:2px solid #e0d75d;outline-offset:3px}
html[lang=en] body{font-family:Arial,Helvetica,sans-serif}
html[lang=en] .story-eyebrow,html[lang=en] .in-path-label{letter-spacing:1px}
html[lang=en] .site-nav{gap:clamp(12px,1.5vw,22px)}
html[lang=en] .story-summary dd{font-size:20px}
html[lang=en] .story-map-label{max-width:170px;white-space:normal}
html[lang=en] .story-stage-returns .story-return{gap:20px}
html[lang=en] .story-stages b{font-size:16px;line-height:1.4}
html[lang=en] .story-stages small{line-height:1.5}
html[lang=en] .story-nav>div{gap:24px}
html[lang=en] .story-nav>div a{max-width:180px}
html[lang=en] .in-pathway h2{font-size:23px}
html[lang=en] .in-cycle-control output small{font-size:13px}
html[lang=en] .in-cycle-title h2{font-size:18px}
html[lang=en] .story-page h1{overflow-wrap:normal}
@media(max-width:1100px){html[lang=en] .story-page>header{gap:12px}html[lang=en] .story-page>header .site-nav{gap:14px}html[lang=en] .story-page>header .identity strong{font-size:18px}}
@media(max-width:760px){.language-switch{min-height:36px;padding:6px 8px;font-size:12px!important}html[lang=en] .site-nav,html[lang=en] .story-page>header .site-nav{gap:4px;min-height:50px;height:auto}html[lang=en] .site-nav>a{white-space:normal;text-align:center;font-size:12px;line-height:1.35;padding:6px 2px;min-height:48px;justify-content:center}html[lang=en] .story-nav>div{gap:8px}html[lang=en] .story-nav>div a{font-size:13px;max-width:38%;min-height:52px}html[lang=en] .story-stages b{font-size:14px}html[lang=en] .story-stages small{font-size:12px}html[lang=en] .story-summary dd{font-size:18px}html[lang=en] .story-distance-head h2{font-size:20px}html[lang=en] .story-map-actions{flex-direction:column;align-items:stretch}html[lang=en] .in-list a b{font-size:14px}html[lang=en] .story-stage-returns .story-return{grid-template-columns:1fr}html[lang=en] .story-page .story-deck{font-size:17px}}
@media print{.language-switch{display:none}}
/* Reserve room for English navigation and keep the two map summaries separate. */
body>header .header-right{gap:10px;flex-shrink:0}
@media(min-width:761px) and (max-width:1450px){
 body>header{height:126px;min-height:126px;flex-wrap:wrap;row-gap:0;padding:10px 24px 0}
 body>header .site-nav,body.story-page>header .site-nav{order:3;flex-basis:100%;width:100%;height:44px;margin:0;gap:28px;border-top:1px solid var(--line)}
 body>header .header-right{margin-left:auto}
}
@media(min-width:761px){
 html[lang=en] body.industry-exploration .scene-caption{right:53%;bottom:32px}
 html[lang=en] body.industry-exploration .scene-caption h1{font-size:clamp(25px,2.1vw,34px);line-height:1.3}
 html[lang=en] .map-summary{width:47%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px 20px;bottom:32px;align-items:start}
 html[lang=en] .map-summary a{grid-column:1/-1;justify-self:end;border-left:0;padding-left:0}
 html[lang=en] .map-summary span,html[lang=en] .map-summary small{line-height:1.45}
 html[lang=en] body.project-popover-open .map-summary.project-metrics{grid-template-columns:1fr 1fr;gap:20px}
}
@media(max-width:760px){
 body>header .identity{gap:10px}
 body>header .header-right{gap:6px;flex-wrap:wrap;justify-content:flex-end}
 html[lang=en] body>header .site-nav a,html[lang=en] body>header .site-nav a.main,html[lang=en] body>header .site-nav a.side,html[lang=en] body>header .site-nav a.cta{font-size:12px;white-space:normal;line-height:1.3;padding:4px;min-height:48px}
 html[lang=en] .map-summary{grid-template-columns:1fr 1fr;max-width:calc(100% - 24px)}
 html[lang=en] .map-summary a{grid-column:1/-1}
}

[data-l10n-icon]{display:contents}
@media(max-width:760px){
 html[lang=en] #listFilters{display:grid;grid-template-columns:1fr 1fr;max-width:100%;width:100%}
 html[lang=en] #listFilters button{white-space:normal;min-width:0;min-height:44px;line-height:1.4}
 html[lang=en] #listModes{max-width:100%;flex-wrap:wrap}
}
