/* Air Quality loading only. Reserve the existing layout; never invent readings. */
#air-content .aq-top .guidance{min-height:330px}
#air-content #daily-aq-cards .aq-day{min-height:184px}
#air-content .pollutant{min-height:148px}
#air-content #hourly-chart{min-height:220px}
#air-content[data-aq-state="loading"] .aq-hero,
#air-content[data-aq-state="unavailable"] .aq-hero{--aq-color:#aab7c8;--aq-bg:#eef2f6}
#air-content .aq-placeholder{--day-color:#aab7c8}
#air-content .aq-placeholder strong{color:var(--muted)}
#air-content .aq-placeholder small,#air-content .aq-placeholder-label{color:var(--muted)}
#air-content .aq-spectrum [hidden]{display:none!important}
#air-content[data-aq-state="loading"] .aq-main h3{font-size:22px}
#air-content[data-aq-state="earlier"] .estimate,
#air-content[data-aq-state="updating"] .estimate{font-weight:600}
/* The strip has a stable footprint even while account preferences load. */
.air-quality-cities #shared-city-shortcuts{min-height:172px}
@media(max-width:800px){#air-content .aq-top .aq-hero{min-height:345px}}
@media(max-width:480px){#air-content[data-aq-state="loading"] .aq-main h3{font-size:20px}.air-quality-cities #shared-city-shortcuts{min-height:164px}}
@media(prefers-reduced-motion:reduce){#air-content .aq-placeholder{animation:none;transition:none}}