/* Browser-reviewed refinements: native date widths, mobile actions, wide cost card. */
.city-section-head .city-actions{width:auto}
.city-field input[type="date"]{font-size:11.5px;padding-left:6px;padding-right:4px}
@media(min-width:1500px){
 .city-wrap,.city-global-header{padding-left:clamp(170px,10.4vw,210px)}
 .city-chart-card .city-chart{height:238px}
 .city-cost-summary{display:grid;grid-template-columns:128px 1fr;grid-template-rows:auto 1fr;gap:10px;align-content:stretch;align-items:center}
 .city-cost-summary h2{grid-column:1/-1}
 .city-cost-summary .city-donut{grid-column:1}
 .city-cost-summary dl{grid-column:2}
 .city-cost-summary dl>div{flex-wrap:wrap}
}