.weather-section{background:#eaf0f5;padding:40px 0;border-top:1px solid var(--line)}.weather-section .section-heading{gap:16px;flex-wrap:wrap}.weather-section h2{font-size:26px}.weather-section [data-weather-updated],.weather-section>div>small{font-size:11px;color:#526174}.weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0 14px}.weather-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#0574b3,#267477);border-radius:12px;text-align:center;color:white;padding:25px 20px;isolation:isolate}.weather-card:nth-child(2){background:linear-gradient(145deg,#a33681,#5d5eac)}.weather-card:nth-child(3){background:linear-gradient(145deg,#6450c2,#2876a9)}.weather-card:nth-child(4){background:linear-gradient(145deg,#007c72,#207a9b)}.weather-card:after{content:"";position:absolute;inset:65% -30% -70%;transform:rotate(-32deg);background:#ffffff0d;z-index:-1}.weather-card h3{font-size:18px;color:white;margin:0 0 20px}.weather-icon{display:block;width:82px;height:82px;margin:0 auto 10px}.weather-icon svg{width:100%;height:100%}.weather-card p{font-size:14px;margin:10px 0 22px}.weather-temperatures{display:grid;grid-template-columns:1fr 1fr;gap:12px}.weather-temperatures strong{display:block;font-size:36px;line-height:1.2}.weather-temperatures span{display:block;font-size:12px;margin-top:7px}.weather-card ul{list-style:none;margin:22px 0 0;padding:0;font-size:12px;line-height:1.8}.weather-section .source-credit{color:#526174}.weather-section [hidden]{display:none}@media(max-width:1000px){.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.weather-section{padding:26px 0}.weather-section h2{font-size:22px}.weather-grid{gap:10px}.weather-card{padding:20px 10px}.weather-card h3{font-size:15px}.weather-icon{width:66px;height:66px}.weather-temperatures{gap:6px}.weather-temperatures strong{font-size:29px}.weather-temperatures span{font-size:10px}.weather-card p{font-size:12px;min-height:32px}.weather-card ul{font-size:11px}}