.weather-card{margin-top:22px;padding:16px 18px;border:1px solid #b7c8da;border-radius:14px;background:#ffffffcf;box-shadow:0 8px 24px #31567f12}.weather-main{display:grid;grid-template-columns:52px minmax(180px,1.4fr) repeat(3,minmax(80px,.55fr)) auto;gap:15px;align-items:center}.weather-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#dbeaf9,#fdf7ea);font-size:24px;border:1px solid #b9c9da}.weather-location strong,.weather-location small{display:block}.weather-location strong{font-size:14px;color:#173b72}.weather-location small{font-size:10px;color:#6b7d92;margin-top:4px}.weather-stat{padding-left:13px;border-left:1px solid #ccd7e2}.weather-stat small,.weather-stat b{display:block}.weather-stat small{font-size:9px;color:#77879a;text-transform:uppercase;letter-spacing:.08em}.weather-stat b{font-size:17px;color:#203c5f;margin-top:3px}.weather-status{justify-self:end;padding:7px 9px;border-radius:7px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.weather-status.verified{background:#dceafb;color:#1b5b9e}.weather-status.covered{background:#e8e4f4;color:#604d8a}.weather-status.unverified{background:#fff0d4;color:#8b5a12}.weather-alert{margin-top:10px;padding:9px 11px;border-radius:8px;background:#fff1d9;color:#845413;font-size:10px;border-left:3px solid #e39b2f}.weather-alert.severe{background:#f9dfe1;color:#9a2f3a;border-color:#c73d49}.weather-note{margin-top:9px;color:#718196;font-size:9px}.weather-note a{color:#275f9e}.weather-missing{margin-top:18px;padding:12px;border:1px dashed #b9c8d8;border-radius:9px;color:#74859a;font-size:10px;text-align:center;background:#f8fafc}@media(max-width:900px){.weather-main{grid-template-columns:45px 1fr repeat(3,70px)}.weather-status{grid-column:2/-1;justify-self:start}.weather-stat b{font-size:14px}}@media(max-width:600px){.weather-card{padding:13px}.weather-main{grid-template-columns:42px 1fr}.weather-stat{padding:8px 0 0;border-left:0;border-top:1px solid #d2dce6}.weather-status{grid-column:auto}.weather-icon{width:40px;height:40px}.weather-location{grid-column:2}.weather-stat:nth-of-type(1){grid-column:1/2}.weather-stat:nth-of-type(2){grid-column:2/3}}
