/* Keep all four weather measurements on the same row on phones too. */
.weather-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.weather-stats > div:nth-child(n) { min-width: 0; padding: 11px 4px; border-top: 0; border-left: 1px solid #c5d3ce; text-align: center; }
.weather-stats > div:first-child { border-left: 0; }
.weather-stats > div > span, .weather-stats strong { white-space: nowrap; }
.weather-stats strong span { color: inherit; font: inherit; }
@media (max-width: 700px) {
  .weather-stats { grid-template-columns: .9fr 1.1fr 1fr 1.2fr; }
  .weather-stats > div:nth-child(n) { padding-inline: 2px; }
  .weather-stats > div > span { font-size: .59rem; }
  .weather-stats strong { font-size: .75rem; }
}