/* v0.6.6: focused views; the approved Earth image and its styling are unchanged. */
.section-navigation {
 position: sticky; top: var(--sticky-header-height, 82px); z-index: 35;
 display: flex; gap: 8px; background: #fff; border: 1px solid #cbdfe7;
 border-radius: 12px; padding: 9px; margin: 12px 0 24px;
 box-shadow: 0 5px 18px #14374c12;
}
.section-navigation a,.section-navigation button {
 display: block; text-decoration: none; border: 0; background: transparent;
 color: #25495f; font: inherit; font-size: 15px; font-weight: 750;
 line-height: 1.4; padding: 12px 20px; border-radius: 8px; cursor: pointer;
}
.section-navigation a[aria-current="page"],.section-navigation button[aria-selected="true"] { background:#0b2a41;color:#a9efdf; }
.section-navigation :is(a,button):focus-visible { outline: 3px solid #147992; outline-offset: 2px; }
.explore-sections { max-width:1480px; margin-inline:auto; }
.hazard-panel[hidden],select[hidden] { display:none!important; }
.hazard-panel { scroll-margin-top:calc(var(--sticky-header-height,82px) + 95px); min-height:310px; }
#location-details { scroll-margin-top:calc(var(--sticky-header-height,82px) + 100px); }
main.page-maps { max-width:1500px; color:#16364b; background:#f3f8fc; }
main.page-maps .dashboard-heading { padding-top:10px; }
#global-map-analysis .global-analysis { margin-top:22px; }
#location-details .location-layout { align-items:start; }
#location-details .real-location-map { height:auto;min-height:0; }
#location-details .real-metrics { grid-template-columns:1fr; }
#location-details .real-metrics strong { font-size:22px;line-height:1.4; }
#location-details .location-real-chart { min-height:0; }
.location-limit { padding:14px 22px;line-height:1.5; }
.data-freshness { width:100%;font-size:12px;line-height:1.5; }
.data-freshness summary,.method-details summary,.search-coverage summary { cursor:pointer;color:#456574;font-size:13px;padding:7px 0; }
.data-freshness .data-state { overflow-wrap:anywhere; }
.comparison-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;color:#25495f; }
.comparison-facts p { margin:0;padding:14px;background:#f2f8fa;border:1px solid #d9e6eb;border-radius:10px; }
.comparison-facts span,.comparison-facts strong { display:block;line-height:1.5; }
.comparison-facts span { font-size:12px; }.comparison-facts strong { font-size:17px;margin-top:6px; }
.method-details { font-size:13px;line-height:1.5;color:#456574; }
.research-answer h2 { font-size:clamp(23px,2.4vw,32px);line-height:1.25; }
.research-answer .research-big-number { font-size:clamp(38px,4vw,58px);margin:12px 0; }
.research-selector-card .city-search-wrap { padding:0;border:0;box-shadow:none;margin:20px 0; }
.research-selector-card .analysis-controls { padding:0; }
.research-selector-card .card-kicker { margin:0; }
.research-selector-card select,.analysis-controls select { width:100%;min-width:0; }
.research-selector-card .city-search-results { top:72px;left:0;right:0; }
.standalone-city-search { max-width:none; }
.page-enso .featured-city-chip { text-decoration:none;display:inline-block; }
.page-enso .featured-enso-block { margin:18px 0 26px; }
.page-enso .featured-enso-block h2 { color:#fff; }
.page-hazards .light-page { overflow:visible; }
.page-hazards .light-card { overflow-wrap:anywhere; }
@media(max-width:760px){
 .section-navigation { gap:4px;padding:6px;margin-bottom:16px; }
 .section-navigation a,.section-navigation button { font-size:13px;padding:10px 9px;flex:1;text-align:center; }
 .hazard-tabs { display:grid;grid-template-columns:1fr 1fr; }
 .comparison-facts { grid-template-columns:1fr; }
 .research-simple-grid { grid-template-columns:1fr; }
 #location-details .real-metrics strong { font-size:20px; }
 .hazard-panel { scroll-margin-top:calc(var(--sticky-header-height,82px) + 120px); }
 .data-freshness { overflow-wrap:anywhere; }
}