/* Display hierarchy only: source data, metric definitions and map gestures are unchanged. */
.header{height:78px;padding:12px 22px;gap:16px}
.brand{gap:16px;min-width:0}.brand-mark{display:flex;align-items:center;align-self:stretch;border-left:4px solid #376b9e;padding:6px 12px;color:#376b9e;font-size:23px;font-weight:800;line-height:1}
.brand h1{font-size:21px;line-height:1.4;color:#203a50;font-weight:700;letter-spacing:0}
.brand-title-main,.brand-title-platform{display:inline}
.header-tools .status{display:none}
.map-toolbar h2,.forecast-head h2{font-weight:600;color:#29475e}
.map-toolbar span{color:#71818d;font-size:12px}
.secondary-details{margin:0;padding:8px 12px;color:#6b7b89;font-size:12px;line-height:1.65;border-top:1px solid #edf1f5;background:transparent}
.secondary-details summary{cursor:pointer;font-size:12px;line-height:1.6;min-height:24px;list-style-position:inside;color:#667e90}
.secondary-details[open] summary{margin-bottom:6px}.secondary-details p{margin:5px 0!important;font-size:12px!important}
.secondary-details .stat-row{font-size:12px!important}.secondary-details .stat-row strong{font-size:13px!important}
.details .secondary-details{padding:8px 0;border-top:0}
.details .interpretation,.page-footer{display:none!important}
body[data-interface-module="history"] #chart1Legend{display:none}
.chart-legend:empty{display:none}
.chart-notes{padding:5px 0 0}.chart-notes .chart-legend{margin:4px 0}
.controls .secondary-details{padding:8px 0;border-top:0}
.forecast-provenance{padding:8px 0;margin-top:8px}
.forecast-map-context{font-size:11px;color:#71818d;line-height:1.6;margin:7px 0 0}
.forecast-detail .forecast-muted{font-size:12px;line-height:1.6}
.forecast-detail .forecast-table caption{font-size:13px;font-weight:600}
@media(max-width:1000px){
 .header{display:flex;align-items:center!important;min-height:84px;height:auto!important;padding:12px!important;gap:10px}
 .brand{flex:1;gap:10px;min-width:0;align-items:center}
 .brand-mark{display:flex!important;font-size:20px;padding:0 9px 0 8px;border-left-width:3px;min-height:49px;flex:none}
 .brand>div{min-width:0}
 .brand h1{font-size:18px!important;line-height:1.3;max-width:none!important;word-break:normal;font-weight:700}
 .brand-title-main{display:block;font-size:18px;line-height:1.4;white-space:nowrap}
 .brand-title-platform{display:block;font-size:13px;line-height:1.5;font-weight:500;color:#617b90;white-space:nowrap;margin-top:3px}
 .header-tools{flex:none;gap:5px;align-items:stretch}.header-tools button{font-size:11px;min-height:30px;padding:4px 7px}
 .module-nav{min-height:44px}.module-nav button{min-height:44px;font-size:12px!important}
 .map-toolbar{padding:10px!important;min-height:54px}.map-toolbar h2{font-size:15px!important}
 .map-toolbar span{font-size:11px!important}.map-footer{gap:6px!important;padding:8px 10px!important}
 .quick-parameters{padding:7px 10px}.secondary-details{padding:7px 10px}
 .details>section{padding:12px!important}.details h2{font-size:15px}
 .stat-row{padding:7px 0!important}.stat-row strong{font-size:15px!important}.stat-row.emphasis strong{font-size:25px!important}
 .forecast-head{padding-bottom:8px}.forecast-head h2{font-size:15px}.forecast-head .forecast-muted{margin-bottom:0}
 .forecast-controls{padding:9px 0}.forecast-status{font-size:12px;padding:7px 9px}
}
@media(max-width:380px){
 .header{gap:7px;padding:10px!important}.brand{gap:7px}.brand-mark{font-size:18px;padding-left:6px;padding-right:7px}
 .brand-title-main{font-size:17px}.brand-title-platform{font-size:12px}.header-tools button{font-size:10px;padding:4px 6px}
}