/* Reduce surrounding space without reducing the shared type scale. */
.page-title{margin-bottom:18px}
.filters{gap:10px;margin:18px 0 14px}
.metric-tab{min-height:44px;padding:8px 14px}
.filter-fields select,.dataset-field select{min-height:44px;padding-top:8px;padding-bottom:8px}
.advanced-filter-fields{gap:10px;padding:0 0 4px}
.advanced-filter-fields select,.advanced-metric-button{min-height:44px;padding-top:8px;padding-bottom:8px}
body[data-view=data] .filters{gap:12px;padding:16px 20px;margin:16px 0 10px}
.map-panel .panel-heading{padding:14px 20px 6px}
.selected-summary{padding:20px}
.big-measure{margin-top:20px}
.summary-grid{margin-top:18px;padding-top:16px}
.trend-panel,.facility-panel{padding:18px}
.history-chart{margin-top:12px}
.facility-row{padding:12px 0}
.map-favorites{padding:14px 20px}
.favorite-locations{margin-top:10px}
.favorites-hint{margin-top:8px}
.time-playback{padding:12px 20px}
.map-legend{padding:6px 20px 14px}
.map-legend p{margin-top:10px}
.map-footnote{padding:12px 20px}
.region-strip{padding:20px;margin-top:20px}
.data-heading{padding:20px;gap:20px}
.data-heading p{margin-top:8px}
.data-table th,.data-table td{padding:14px 20px}
.source-intro{margin:20px 0}
.source-intro h2{margin:6px 0 12px}
.operation-note{padding:18px 0;margin:8px 0 12px}
.run-row{padding:12px 8px}
#metric-guidance{margin:20px 0 10px}

@media(min-width:721px){
 .page-title>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 20px}
 .page-title .eyebrow{flex-basis:100%;margin-bottom:0}
 .page-title p{margin-top:0}
}
@media(max-width:720px){
 .page-title{margin-bottom:10px}
 .filters{margin:8px 0 10px;gap:6px}
 .metric-tab{padding:8px 6px}
 .advanced-filter-toggle{min-height:44px}
 .advanced-metric-button{padding-left:10px;padding-right:10px}
 .map-panel .panel-heading{padding:8px 12px}
 .selected-summary,.trend-panel,.facility-panel{padding:18px}
 .data-heading{padding:18px;gap:16px}
 body[data-view=data] .filters{padding:14px;gap:10px}
 .data-table th,.data-table td{padding:12px 16px}
 .data-table td:last-child{padding-left:8px;padding-right:8px}
 .region-strip{padding:16px}
}
.advanced-filter-fields{align-items:center}
.advanced-filter-fields .reference-period{display:flex;align-items:center;min-width:0}
.advanced-filter-fields .reference-period select{min-width:190px}
.advanced-filter-fields .reference-period select,.advanced-filter-fields .advanced-metric-button{height:44px;min-height:44px;border-color:#dce5d9;color:#436553;font-weight:500}
.close-dialog.icon-button{padding:0;display:grid;place-items:center;line-height:0}
.close-dialog.icon-button svg{display:block;width:16px;height:16px}
@media(max-width:720px){
 .advanced-filter-fields .reference-period{grid-column:2;grid-row:1}
 .advanced-filter-fields .reference-period select{min-width:0;width:100%}
 .advanced-filter-fields .advanced-metric-button{grid-column:1;grid-row:1;align-self:center}
}

.advanced-metric-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.advanced-metric-button .metric-chevron{display:block;flex:none;width:14px;height:14px}

.map-heading-copy{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px}
.map-heading-copy h2{flex:none}
.map-metric-note{flex:1 1 235px;max-width:355px;margin:0;font-size:12px;line-height:1.55;color:#617d70;word-break:keep-all}
.map-metric-note[hidden]{display:none}
#map-title.is-tds .map-title-context{display:inline}
@media(max-width:720px){
 .metric-tabs{grid-template-columns:.8fr .85fr .7fr 1.35fr .8fr}
 .metric-tab{padding-left:4px;padding-right:4px}
 .map-heading-copy{gap:4px 12px}
 .map-metric-note{flex-basis:100%;max-width:none;font-size:11px;line-height:1.5}
}

@media(min-width:721px) and (max-width:960px){
 .filters,body[data-view=data] .filters{grid-template-columns:minmax(0,1fr)}
 .filter-fields,body[data-view=data] .filter-fields{grid-column:1;grid-row:1}
 .metric-toolbar{grid-column:1;grid-row:2}
 .advanced-filters{grid-column:1;grid-row:3}
}
@media(max-width:380px){
 .metric-toolbar{gap:6px}
 .metric-toolbar .metric-tab{font-size:.875rem}
}
@media(max-width:359px){
 .metric-toolbar .metric-tab{font-size:.75rem;padding-left:3px;padding-right:3px}
 .metric-toolbar .advanced-filter-toggle{font-size:.75rem;padding-left:6px;padding-right:6px;gap:4px}
}