.weather-card{margin:29px 0 24px;padding:20px 18px;background:#fff;border:1px solid #dedede;border-top:3px solid #c41720;border-radius:3px;color:#20252b;min-width:0}.weather-card h2{font-size:23px;letter-spacing:-.6px;margin:0 0 6px}.weather-subtitle{font-size:12px;color:#68717b;margin-bottom:16px}.weather-card select{display:block;width:100%;min-height:43px;background:#fff;border:1px solid #d5d9df;border-radius:5px;padding:9px;font:inherit;font-size:13px;color:#242930}.weather-card select:focus-visible{outline:3px solid #ffb000;outline-offset:2px}.weather-now{display:flex;align-items:center;gap:13px;margin:23px 0 12px}.weather-icon{font-size:58px;line-height:1.2}.weather-temperature{font-size:45px;letter-spacing:-2px;line-height:1}.weather-temperature span{font-size:29px;letter-spacing:-1px}.weather-now p{font-size:12px;line-height:1.4;margin:8px 0 0}.weather-range{font-size:11px;line-height:1.5;color:#58616c;margin-bottom:17px}.weather-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px;padding:16px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;text-align:center;gap:4px}.weather-metrics>div+div{border-left:1px solid #e5e7eb}.weather-metrics dt{font-size:10px;color:#68717b;margin-bottom:7px}.weather-metrics dd{font-size:17px;font-weight:700;margin:0;white-space:nowrap}.weather-metrics small{font-size:10px;font-weight:400}.weather-card h3{font-size:14px;margin:0 0 14px}.weather-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:5px}.weather-days>div{display:flex;align-items:center;flex-direction:column;gap:8px}.weather-days>div+div{border-left:1px solid #e5e7eb}.weather-days b{font-size:12px;text-transform:capitalize}.weather-days span{font-size:27px}.weather-days small{font-size:12px}.weather-status{font-size:10px;color:#68717b;line-height:1.6;margin:18px 0 9px}.weather-source{display:block;font-size:10px;color:#737b83;line-height:1.5}.weather-source a{text-decoration:underline;text-underline-offset:2px}.weather-retry{border:1px solid #c41720;border-radius:4px;padding:8px 10px;color:#b8141d;background:#fff;font-size:12px;margin-bottom:12px}@media(max-width:800px){.weather-card{max-width:480px;margin:24px auto}.weather-now{justify-content:center;margin:16px 0 10px}.weather-range{text-align:center}.weather-card{padding:18px 20px}.weather-status{margin-top:14px}}
