.weather-preview{border-top:2px solid #244e43;border-bottom:1px solid #cbd0c7;padding:24px 0;margin:24px 0 42px}.weather-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.weather-heading h2{font-size:clamp(25px,3vw,36px);font-weight:normal;letter-spacing:-.5px;margin:6px 0}.weather-heading .eyebrow{margin:0;font-size:10px}.weather-more{font:14px Arial,sans-serif;color:#24645c}.weather-hours{display:grid}.weather-six{grid-template-columns:repeat(6,minmax(0,1fr))}.weather-hour{display:flex;align-items:center;text-align:center;flex-direction:column;gap:9px;padding:18px 9px;border-right:1px solid #d9ddd3;font:13px Arial,sans-serif}.weather-hour:last-child{border:0}.weather-hour-time{font-weight:bold;font-size:15px}.weather-hour small,.weather-day small{font:11px Arial,sans-serif;color:#68736a}.weather-hour strong{font:30px Georgia,serif}.weather-condition{min-height:30px;font-size:12px;color:#55665e}.weather-icon{width:44px;height:44px;flex-shrink:0;color:#26776b}.weather-rain{color:#286a91;font-size:14px}.weather-note{font:12px/1.7 Arial,sans-serif;color:#606e64;margin:15px 0}.weather-summary{font:15px/1.6 Arial,sans-serif;color:#285e50}.weather-summary-full{padding:18px 22px;background:#eaf0e7;border-left:3px solid #478477;margin:22px 0 38px}.weather-now{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;background:#edf1e9;border:1px solid #d2dbcf;margin-top:25px}.weather-now-main{display:flex;align-items:center;gap:30px}.weather-now-main .weather-icon{width:90px;height:90px}.weather-now-main strong{font-size:76px;line-height:1}.weather-now-main p{margin:10px 0}.weather-now-extra{display:flex;gap:40px;font:14px Arial,sans-serif}.weather-now-extra strong{display:block;font-size:23px;font-weight:normal;margin-top:10px}.weather-stale{background:#f6ead8;padding:18px;color:#795019;font:15px/1.6 Arial,sans-serif}.weather-chart-controls{display:flex;gap:8px}.weather-chart-controls[hidden]{display:none}.weather-chart-controls button{padding:9px 14px;background:transparent;border:1px solid #8eaa9d;border-radius:20px;font:13px Arial,sans-serif;cursor:pointer;color:#244c3e}.weather-chart-controls button[aria-pressed=true]{background:#244e43;color:white}.weather-chart[hidden]{display:none}.weather-chart{padding:16px 0}.weather-chart p{font:12px/1.5 Arial,sans-serif;color:#53675b}.weather-chart svg{width:100%;height:auto;min-height:130px;display:block;overflow:visible}.weather-chart text{font:13px Arial,sans-serif;fill:#5d6f65}.weather-grid{stroke:#d8dfd5;stroke-dasharray:3 5;fill:none}.weather-line{stroke:#297966;stroke-width:3;fill:none}.weather-point{fill:#297966}.weather-bar{fill:#619ab5}.weather-24{grid-auto-flow:column;grid-auto-columns:110px;overflow-x:auto;border-top:1px solid #cbd0c7;border-bottom:1px solid #cbd0c7;overscroll-behavior-x:contain}.weather-24:focus-visible{outline:2px solid #297966;outline-offset:3px}#weather-daily{margin-top:45px}.weather-day{display:grid;grid-template-columns:80px 45px 1fr 130px 95px;gap:24px;align-items:center;padding:18px 0;border-top:1px solid #d1d9ce;font:15px Arial,sans-serif}.weather-day small{display:block;margin-top:6px}.weather-day-rain{color:#286a91;text-align:right}.weather-range{font-size:23px;margin:0;white-space:nowrap}.weather-range span{color:#78867e}.weather-range strong{font-weight:normal}.weather-attribution{max-width:850px;border-top:1px solid #cbd0c7;padding-top:20px;margin-top:35px}.weather-day-label{color:#5b6b60}.weather-preview .weather-note{margin-bottom:0}@media(max-width:700px){.weather-heading{align-items:flex-start;flex-direction:column;gap:10px}.weather-six{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:110px;overflow-x:auto}.weather-now{padding:22px 16px;align-items:flex-start;flex-direction:column;gap:15px}.weather-now-main .weather-icon{width:70px;height:70px}.weather-now-main strong{font-size:64px}.weather-now-extra{gap:28px}.weather-now-extra p{margin:5px 0}.weather-day{grid-template-columns:53px 35px 1fr 65px;gap:10px}.weather-day-label{display:none}.weather-day .weather-icon{width:34px;height:34px}.weather-range{font-size:20px}.weather-day-rain{font-size:13px}.weather-chart svg{min-height:110px}.weather-chart text{font-size:19px}}
