.sims-weather {
  max-width: 900px;
  margin: 20px auto;
  padding: 24px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0b4f71, #0b6f8f);
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-shadow: 0 10px 30px rgba(0,0,0,.16);
}
.sims-weather-header {
  display:flex; justify-content:space-between; align-items:flex-start; gap:20px;
}
.sims-weather-kicker {font-size:11px; letter-spacing:1px; opacity:.82;}
.sims-weather-title {margin:4px 0 0; font-size:28px;}
.sims-weather-location {
  border:0; border-radius:9px; padding:10px 12px; background:#fff; color:#17384a;
}
.sims-weather-main {
  display:flex; justify-content:space-between; align-items:center;
  padding:25px 0 20px;
}
.sims-weather-place {font-size:24px; font-weight:700;}
.sims-weather-condition {font-size:18px; margin-top:5px;}
.sims-weather-updated {font-size:12px; opacity:.75; margin-top:8px;}
.sims-weather-temp {font-size:64px; font-weight:700; line-height:1;}
.sims-weather-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:10px;
}
.sims-weather-grid > div {
  background:rgba(255,255,255,.12); padding:15px; border-radius:12px;
}
.sims-weather-grid span {display:block; font-size:12px; opacity:.78;}
.sims-weather-grid strong {display:block; margin-top:5px; font-size:16px;}
.sims-weather h3 {margin:25px 0 12px;}
.sims-weather-forecast {
  display:grid; grid-template-columns:repeat(7,1fr); gap:8px;
}
.sims-day {
  background:rgba(255,255,255,.12); padding:12px 7px; border-radius:10px;
  text-align:center;
}
.sims-day strong,.sims-day span,.sims-day small {display:block;}
.sims-day span {margin:8px 0;}
.sims-day small {font-size:11px; opacity:.78;}
.sims-weather-source {font-size:11px; opacity:.7; margin-top:18px;}
.sims-weather-error {padding:15px; background:rgba(255,0,0,.18); border-radius:10px;}
@media (max-width:700px) {
  .sims-weather {padding:18px;}
  .sims-weather-header,.sims-weather-main {flex-direction:column; align-items:flex-start;}
  .sims-weather-temp {font-size:52px;}
  .sims-weather-grid {grid-template-columns:repeat(2,1fr);}
  .sims-weather-forecast {grid-template-columns:repeat(2,1fr);}
}