.weather-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.weather-chart{padding:.65rem;background:#f7fafb;border:1px solid #e0e8ea;border-radius:.45rem}.weather-chart h4{margin:0 0 .6rem;text-align:center;font-size:.85rem}.chart-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;align-items:end;height:150px}.chart-column{height:100%;display:grid;grid-template-rows:2.4em 1fr 1.5em;gap:.2rem;text-align:center}.chart-value{font-size:.68rem;font-weight:700}.chart-track{position:relative;display:block;height:100%;min-height:70px;background:#e5edef;border-radius:.3rem;overflow:hidden}.chart-bar{position:absolute;right:0;bottom:0;left:0;background:linear-gradient(#75acd0,#176b9c);border-radius:.3rem .3rem 0 0}.weather-chart:nth-child(2) .chart-bar{background:linear-gradient(#74c6d4,#207a91)}.weather-chart:nth-child(3) .chart-bar{background:linear-gradient(#8db8ea,#315f9b)}.weather-chart:nth-child(4) .chart-bar{background:linear-gradient(#a7c9bc,#397662)}.chart-column small{font-size:.68rem;text-transform:capitalize}@media(max-width:700px){.weather-charts{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.weather-charts{grid-template-columns:1fr}}