.wx-hero{padding:2.3rem 0 2.6rem;background:#dce8f0}
.wx-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.wx-grid h1{font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:800;line-height:1.35;margin-bottom:.8rem}
.wx-grid h1 em{font-style:normal;color:#1a6b9a}
.wx-desc{color:#5a6e80;font-size:.93rem;margin-bottom:1.2rem;max-width:500px}
.wx-btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.3rem}
.wx-stats{display:flex;flex-wrap:wrap;gap:.6rem}
.wx-stat{background:#fff;border:1px solid #d5e0ea;padding:.7rem .85rem;min-width:92px;text-align:center}
.wx-stat strong{display:block;font-size:1.15rem;color:#1a6b9a;font-weight:800}
.wx-stat span{font-size:.7rem;color:#5a6e80}
.wx-shot{background:#fff;border:1px solid #d5e0ea;padding:.45rem}
.wx-shot img{width:100%}

.wall{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin-top:1.6rem}
.city{background:#fff;border:1px solid #d5e0ea;padding:.7rem .65rem;text-align:center}
.city .t{font-size:1.15rem;font-weight:800;color:#1e2a36}
.city .n{font-size:.72rem;color:#5a6e80;margin:.2rem 0}
.city .c{font-size:.68rem;font-weight:800;color:#1a6b9a}
.city:nth-child(2){background:#1a6b9a;color:#fff;border-color:#1a6b9a}
.city:nth-child(2) .t,.city:nth-child(2) .n,.city:nth-child(2) .c{color:#fff}

.cond-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cond{background:#fff;border:1px solid #d5e0ea;padding:1.15rem 1.15rem;border-top:5px solid #1a6b9a}
.cond:nth-child(2){border-top-color:#f4b942}
.cond:nth-child(3){border-top-color:#2a8f6f}
.cond h3{font-size:.95rem;margin-bottom:.4rem;font-weight:800}
.cond p{font-size:.86rem;color:#5a6e80;line-height:1.6}
.cond .tag{font-size:.7rem;font-weight:800;color:#1a6b9a;margin-bottom:.35rem}

.forecast{display:flex;flex-direction:column;gap:0;max-width:640px;margin:0 auto;background:#fff;border:1px solid #d5e0ea}
.f-row{display:grid;grid-template-columns:88px 1fr;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid #e6eef4}
.f-row:last-child{border-bottom:none}
.f-day{font-size:.75rem;font-weight:800;color:#1a6b9a}
.f-row h3{font-size:.9rem;margin-bottom:.2rem;font-weight:800}
.f-row p{font-size:.82rem;color:#5a6e80}

.climate-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.climate{background:#fff;border:1px solid #d5e0ea}
.climate h3{padding:.5rem .95rem;background:#1e2a36;color:#f4b942;font-size:.84rem;font-weight:800}
.climate ul{padding:1rem 1.05rem}
.climate li{font-size:.84rem;color:#5a6e80;padding:.3rem 0;border-bottom:1px solid #eef3f7}
.climate li:last-child{border-bottom:none}

.alert-cta{background:#1a6b9a;color:#fff;text-align:center;padding:2.5rem 1rem}
.alert-cta h2{font-size:clamp(1.15rem,3vw,1.4rem);margin-bottom:.4rem;font-weight:800}
.alert-cta p{color:#c5dff0;margin-bottom:1.1rem;font-size:.9rem}
.alert-cta .btn-sky{background:#f4b942;color:#1e2a36!important}

@media(max-width:900px){
  .wx-grid,.cond-row,.climate-dual{grid-template-columns:1fr}
  .wx-shot{order:-1}
  .wall{grid-template-columns:1fr 1fr}
}