.wrnd-weather{min-width:0;overflow:hidden}.wrnd-weather .paneltitle{background:linear-gradient(110deg,#0756b8,#102964);gap:8px}.wrnd-weather #weather-time{font-size:.6rem;text-align:right;letter-spacing:0}.wrnd-weather .weatherbody{padding:14px}.wx-location{font-size:.72rem;font-weight:800;letter-spacing:.09em;color:#8edbff}.wrnd-weather .temp{margin-top:10px}.wx-heading{font:800 .85rem Archivo,sans-serif;letter-spacing:.04em;background:linear-gradient(90deg,#1163c3,#152953);padding:10px;margin:18px 0 0;border-left:3px solid #20dcff}#wrnd-radar{height:270px;width:100%;background:#172b49;color:#fff;z-index:0}#wrnd-radar p{padding:20px}.wx-radar-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;align-items:center}.wx-radar-controls button,.wx-radar-controls a{font:700 .68rem Archivo,sans-serif;padding:8px;color:#e4f7ff;background:#143968;border:1px solid #3476ab;border-radius:4px;text-decoration:none;cursor:pointer}.wx-note{font-size:.67rem;line-height:1.5;color:#b5c9e5;margin:9px 0}.wx-legend{display:flex;align-items:center;gap:8px;font-size:.65rem;color:#cfdef6}.wx-legend i{height:7px;flex:1;background:linear-gradient(90deg,#44aa55,#ebed48,#f09427,#de3030,#c642dd)}.wx-seven{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}.wx-day{min-width:0;text-align:center;border:1px solid #205797;background:linear-gradient(165deg,#174d89,#0b204e);padding:10px 5px;border-radius:4px}.wx-day:first-child{grid-column:1/-1;background:linear-gradient(120deg,#126bc1,#123866)}.wx-day h4{margin:0;font-size:.76rem;letter-spacing:.08em;color:#fff}.wx-icon{display:block;font-size:2.7rem;line-height:1.4}.wx-condition{display:block;font-size:.68rem;line-height:1.35;min-height:2.7em;color:#e2edff;overflow-wrap:anywhere}.wx-high{display:block;font-size:1.8rem;font-weight:800;color:white}.wx-low{display:block;font-size:.9rem;color:#9edbff}.wx-day small{font-size:.58rem;font-weight:400;letter-spacing:.04em}.wrnd-weather .leaflet-control-attribution{font-size:9px}@media(max-width:620px){.wx-seven{grid-template-columns:repeat(3,minmax(0,1fr))}.wx-day:first-child{grid-column:auto}.wx-day:last-child{grid-column:1/-1}.wx-condition{min-height:3.9em}#wrnd-radar{height:300px}}@media(min-width:1400px){.wx-seven{grid-template-columns:repeat(3,minmax(0,1fr))}.wx-day:first-child{grid-column:auto}.wx-day:last-child{grid-column:1/-1}}
.wx-scenic{position:relative;isolation:isolate;overflow:hidden;background:#123b64;border-radius:0 0 5px 5px;padding:9px}.wx-scenes{position:absolute;inset:0;z-index:-1}.wx-scene{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;animation:wx-scenes 36s infinite}.wx-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,54,.55),rgba(5,20,52,.7))}.wx-scene-0{background-image:url('https://champaignil.gov/wp-content/uploads/2016/03/Campus-Area-2-e1463589985784.jpg')}.wx-scene-1{background-image:url('https://files.blogs.illinois.edu/files/9217/2072750257/224336.jpg');animation-delay:-24s}.wx-scene-2{background-image:url('https://las.illinois.edu/sites/default/files/styles/news_featured_image/public/2020-11/ObservatoryDome20_home.png.webp?itok=3gCJ7kIm');animation-delay:-12s}.wx-scenic .wx-day,.wx-scenic .wx-day:first-child{background:rgba(6,30,72,.65);border-color:rgba(124,203,255,.4);backdrop-filter:blur(1px)}.wx-scenic-label{font-size:.57rem;letter-spacing:.08em;color:#daf2ff;display:flex;align-items:center;justify-content:space-between;gap:6px}.wx-scenic-label button{font:inherit;color:#fff;background:#143968;border:1px solid #78b8df;border-radius:3px;padding:5px;cursor:pointer}.wx-scenes-paused .wx-scene{animation-play-state:paused}@keyframes wx-scenes{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}@media(prefers-reduced-motion:reduce){.wx-scene{animation:none;opacity:0}.wx-scene-0{opacity:1}}

/* Leave an unobstructed scenic area and keep forecast contrast on the cards. */
.wx-scenes{z-index:0}.wx-scenic-label,.wx-seven{position:relative;z-index:1}.wx-scenic-label{padding-bottom:150px;align-items:flex-start;text-shadow:0 1px 4px #000}.wx-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.wx-scene{background-position:center top}.wx-scene::after{background:linear-gradient(180deg,rgba(4,19,54,.1) 0,rgba(4,19,54,.12) 160px,rgba(4,19,54,.25) 240px,rgba(4,19,54,.35) 100%)}.wx-scenic .wx-day,.wx-scenic .wx-day:first-child{background:rgba(5,25,61,.72);backdrop-filter:none}.wx-scenic{background:#376183}.wx-scenic-label button{background:rgba(6,30,65,.85)}

.wx-scene{background-image:none;animation-duration:24s}.wx-scene-0{animation-delay:0s}.wx-scene-1{animation-delay:-12s}@keyframes wx-scenes{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}.wx-scene img{border:0}@media(prefers-reduced-motion:reduce){.wx-scene{animation:none}.wx-scene-0{opacity:1}.wx-scene-1{opacity:0}}
/* WRND broadcast forecast graphic */
.wrnd-weather .paneltitle{background:linear-gradient(110deg,#0578e9,#123c8f);border-bottom:3px solid #36e4ff;font-size:.83rem;padding:13px 14px}.wrnd-weather .wx-heading{margin-top:16px;background:linear-gradient(110deg,#0075de,#14468a);font-size:1.1rem;letter-spacing:.015em;padding:13px 11px;border-left:4px solid #43eaff;box-shadow:inset 0 -1px rgba(255,255,255,.2)}.wx-scenic{padding:10px}.wx-scenic-label{font-size:.63rem;font-weight:800;padding-bottom:150px}.wx-seven{gap:8px}.wx-scenic .wx-day,.wx-scenic .wx-day:first-child{padding:0 0 11px;overflow:hidden;background:linear-gradient(180deg,rgba(16,67,126,.32),rgba(3,22,58,.42));border:1px solid rgba(123,206,255,.7);border-radius:5px;box-shadow:0 3px 9px #0005}.wx-day h4{padding:8px 4px;background:linear-gradient(180deg,rgba(22,142,233,.55),rgba(7,84,158,.5));border-bottom:2px solid #32d8ff;letter-spacing:.1em;font-size:.85rem;text-shadow:0 1px 2px #003a72}.wx-day:first-child h4{background:linear-gradient(180deg,rgba(229,190,73,.65),rgba(240,168,38,.65));color:#112545;text-shadow:0 1px 2px #fff8;border-bottom-color:#fff0a8}.wx-icon{font-size:3rem;padding:6px 0 1px;filter:drop-shadow(0 3px 3px #0005)}.wx-condition{padding:0 7px;font-size:.72rem;min-height:3.9em;font-weight:600}.wx-high{font-family:'Barlow Condensed',Archivo,sans-serif;font-size:2.8rem;line-height:1.15;text-shadow:0 2px 3px #0008;margin-top:3px}.wx-low{font-family:'Barlow Condensed',Archivo,sans-serif;font-size:1.65rem;line-height:1.2;color:#9cdfff}.wx-day small{font-family:Archivo,sans-serif;font-size:.57rem;letter-spacing:.09em;color:#b8d2ef}.wx-day:first-child .wx-icon{font-size:3.4rem}.wx-day:first-child .wx-condition{min-height:0;margin-bottom:7px}.wx-day:first-child .wx-high,.wx-day:first-child .wx-low{display:inline-block;margin:0 9px}.wx-day:first-child h4::after{content:' · CHAMPAIGN–URBANA';font-size:.58rem;letter-spacing:.02em}.wx-seven .wx-day:first-child{grid-column:1/-1}@media(max-width:620px),(min-width:1400px){.wx-seven{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-day:last-child{grid-column:auto}}

.wx-scene{animation:wx-local-scenes 36s infinite;background-image:none}.wx-scene-0{animation-delay:0s}.wx-scene-1{animation-delay:-24s}.wx-scene-2{animation-delay:-12s}@keyframes wx-local-scenes{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}@media(prefers-reduced-motion:reduce){.wx-scene{animation:none;opacity:0}.wx-scene-0{opacity:1}}

.wx-scenic .wx-condition,.wx-scenic .wx-low,.wx-scenic .wx-day small{text-shadow:0 1px 3px #000,0 0 5px #000}.wx-scenic .wx-day{border-color:rgba(165,220,255,.45)}
