.weather-section{margin:0 0 28px;background:#063f32;color:#fff;border-radius:18px;overflow:hidden;border-bottom:6px solid #f3c331;box-shadow:0 10px 28px #06412b1a}.weather-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;padding:25px 28px 19px}.weather-heading .eyebrow{color:#ffe477;margin-bottom:9px}.weather-heading h2{font:31px/1.15 Georgia,serif;margin:0 0 9px}.weather-heading p{margin:0;color:#d9ebe2;line-height:1.55;max-width:790px}.weather-alert-link{flex:0 0 auto;background:#f3c331;color:#173c2d;text-decoration:none;font-weight:800;font-size:14px;padding:11px 14px;border-radius:8px}.weather-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) auto;gap:10px;align-items:end;padding:0 28px 18px}.weather-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#d7eadf}.weather-controls select{width:100%;border:1px solid #8ebaa5;background:#fff;padding:10px}.weather-controls button{min-height:40px;border:1px solid #87b59f;border-radius:7px;background:#e7f5eb;color:#075638;font-weight:700;padding:8px 13px;cursor:pointer}.weather-controls button:hover{background:#fff}.weather-status{margin:0;padding:9px 28px;background:#0d513f;color:#d9ebe2;font-size:13px}.weather-status[data-error="true"]{background:#744a12;color:#fff6da}.weather-overview{display:grid;grid-template-columns:1.05fr .75fr 1.5fr;gap:1px;background:#3f7564;border-top:1px solid #3f7564}.weather-overview article{background:#fff;color:#173c2d;padding:20px 22px;min-width:0}.weather-label{font-size:11px;letter-spacing:1.3px;font-weight:800;color:#4c665a}.weather-now-main{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin:13px 0 14px}.weather-now-main>span{font-size:31px}.weather-now-main>strong{font:42px/1 Georgia,serif;color:#086341}.weather-now-main div{display:flex;flex-direction:column;gap:4px}.weather-now-main b{font-size:15px}.weather-now-main div span{font-size:12px;color:#5b6f64}.weather-overview dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0}.weather-overview dl div{border-top:1px solid #e3ece6;padding-top:8px}.weather-overview dt{font-size:11px;color:#61736a}.weather-overview dd{margin:3px 0 0;font-weight:800;font-size:15px}.weather-advice h3{font:23px/1.2 Georgia,serif;color:#075638;margin:10px 0}.weather-advice ul{margin:0;padding-left:19px}.weather-advice li{font-size:14px;line-height:1.45;margin:6px 0}.weather-forecast-wrap{background:#edf7ef;color:#173c2d;padding:18px 22px 20px}.weather-forecast-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:12px}.weather-forecast-heading h3{font:21px/1.2 Georgia,serif;margin:0;color:#075638}.weather-forecast-heading span{font-size:12px;color:#566c60}.weather-forecast{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px}.weather-day{background:#fff;border:1px solid #c6ddce;border-radius:10px;padding:10px;text-align:center}.weather-day strong,.weather-day span{display:block}.weather-day strong{font-size:13px;text-transform:capitalize}.weather-day .weather-day-icon{font-size:24px;margin:7px 0}.weather-day .weather-day-temp{font-weight:800;font-size:14px}.weather-day small{display:block;color:#557064;margin-top:5px;font-size:11px;line-height:1.35}.weather-method{margin:0;background:#e2f0e6;color:#294c3d;padding:13px 28px 17px}.weather-method summary{color:#075638}.weather-method p{font-size:13px;line-height:1.55;margin:0}.weather-method a{font-weight:700}.weather-section noscript{display:block;padding:15px 28px;background:#fff3c6;color:#46370b}
header nav{flex-wrap:wrap}
@media(max-width:1000px){.weather-overview{grid-template-columns:1fr 1fr}.weather-advice{grid-column:1/-1}.weather-forecast{overflow-x:auto;grid-template-columns:repeat(7,120px);padding-bottom:4px}.weather-controls{grid-template-columns:1fr auto 1fr auto}}
@media(max-width:760px){header nav{gap:11px 17px}.weather-heading{display:block;padding:21px 20px 16px}.weather-heading h2{font-size:27px}.weather-alert-link{display:inline-block;margin-top:15px}.weather-controls{grid-template-columns:1fr 1fr;padding:0 20px 16px}.weather-controls label{grid-column:1/-1}.weather-status{padding:9px 20px}.weather-overview{grid-template-columns:1fr}.weather-advice{grid-column:auto}.weather-overview article{padding:18px 20px}.weather-forecast-wrap{padding:17px 20px}.weather-forecast-heading{display:block}.weather-forecast-heading span{display:block;margin-top:5px}.weather-method{padding:13px 20px 17px}.weather-section{border-radius:14px}.weather-now-main{grid-template-columns:auto auto 1fr}.weather-now-main>strong{font-size:38px}}
@media(max-width:430px){.weather-controls{grid-template-columns:1fr}.weather-controls button{width:100%}.weather-overview dl{grid-template-columns:1fr 1fr}}
