.weather-source { margin: 7px 0 0; color: var(--muted); font-size: 9px; }
.day-card { grid-template-columns: 90px 145px minmax(260px, 1fr) 235px auto; }
.day-weather { border-left: 1px solid var(--line); padding-left: 16px; min-height: 48px; display: flex; align-items: center; gap: 11px; }
.weather-icon { font-size: 25px; }
.weather-main { display: flex; align-items: baseline; gap: 6px; }
.weather-main strong { font: 600 17px Georgia, serif; }
.weather-main b { font-size: 9px; color: var(--coral); letter-spacing: .8px; }
.weather-meta { display: flex; gap: 10px; color: var(--muted); font-size: 9px; margin-top: 3px; flex-wrap: wrap; }
.weather-loading { height: 42px; width: 180px; border-radius: 10px; background: linear-gradient(90deg,#eeece5,#f8f6f0,#eeece5); background-size: 200% 100%; animation: shimmer 1.4s infinite; }
@keyframes shimmer { to { background-position: -200% 0; } }
@media (max-width: 1200px) {
  .day-card { grid-template-columns: 75px 130px 1fr 210px; }
  .day-card .edit-day { display: none; }
}
@media (max-width: 1050px) {
  .day-card { grid-template-columns: 75px 130px 1fr; }
  .day-weather { grid-column: 2 / 4; border-left: 0; border-top: 1px solid var(--line); padding: 10px 0 0; }
}
@media (max-width: 760px) {
  .day-date { grid-row: 1 / 4; }
  .day-weather { grid-column: 2; border-left: 0; border-top: 1px solid var(--line); padding: 10px 0 0; }
  .weather-source { max-width: 240px; }
}