.utw-wrap{max-width:760px;margin:1.5rem auto;font-family:inherit}.utw-picker{display:flex;gap:.5rem;align-items:end;margin-bottom:1rem;flex-wrap:wrap}.utw-picker label{display:block;font-weight:700;margin-bottom:.25rem}.utw-picker select{min-width:240px;padding:.45rem}.utw-picker button,.utw-btn{padding:.45rem .8rem;border:1px solid #333;background:#333;color:#fff;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}.utw-header{background:#222;color:#fff;text-align:center;padding:1rem;border-radius:8px 8px 0 0}.utw-header h2{margin:.2rem 0}.utw-meta{opacity:.9;font-size:.9rem}.utw-alert{padding:.75rem;border-radius:6px;margin:1rem 0;background:#f4f4f4;border-left:6px solid #777}.utw-alert-warning{background:#fff3cd;border-left-color:#ffc107}.utw-alert-danger{background:#f8d7da;border-left-color:#dc3545}.utw-alert-info{background:#d1ecf1;border-left-color:#17a2b8}.utw-next24{background:#6c757d;color:#fff;text-align:center;padding:.75rem;margin-bottom:1rem}.utw-chip{display:inline-block;background:#eef;color:#222;border-radius:4px;padding:.15rem .45rem;margin:.15rem}.utw-day{border:1px solid #222;border-radius:8px;margin:1rem 0;overflow:hidden;background:#fff}.utw-day-title{background:#222;color:#fff;text-align:center;padding:.5rem}.utw-day-title h3{margin:0}.utw-forecast{padding:1rem}.utw-icons{float:right;margin-left:1rem;text-align:center}.utw-icons img{display:block;margin:.25rem;max-width:86px}.utw-precip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#17a2b8;color:#fff;text-align:center;padding:.6rem}.utw-temps{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;align-items:center;background:#e9ecef;padding:.75rem}.utw-temp-main{font-size:2.5rem;font-weight:700}.utw-sun{display:grid;grid-template-columns:1fr 1fr;text-align:center}.utw-sun div{padding:.45rem}.utw-sunrise{background:#ffc107}.utw-sunset{background:#222;color:#fff}.utw-details{display:grid;grid-template-columns:1fr 1fr;text-align:center}.utw-details>div{padding:.75rem}.utw-daypart{background:#fff3cd}.utw-nightpart{background:#222;color:#fff}.utw-hourly{overflow-x:auto;padding:.5rem}.utw-hourly table{width:100%;border-collapse:collapse}.utw-hourly td{min-width:92px;text-align:center;vertical-align:top;padding:.5rem;border-right:1px solid #eee}.utw-hourly h4{margin:.25rem 0;font-size:1rem}.utw-hourly img{max-width:55px}.utw-error{padding:1rem;border:1px solid #dc3545;background:#f8d7da;border-radius:6px}.utw-clear:after{content:"";display:block;clear:both}@media(max-width:480px){.utw-wrap{margin:1rem 0}.utw-picker{display:block}.utw-picker select,.utw-picker button{width:100%;margin-bottom:.5rem}.utw-temp-main{font-size:2rem}}

/* Interactive weather map layout */
.utw-map-layout{display:grid;grid-template-columns:minmax(320px,42%) minmax(0,1fr);gap:1.25rem;align-items:start;margin:1.5rem auto;max-width:1320px}.utw-map-column{position:sticky;top:1rem}.utw-map-card{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}.utw-map-card h2{margin:0;padding:1rem 1rem .25rem;background:#1f2717;color:#fff}.utw-map-help{margin:0;padding:.25rem 1rem 1rem;background:#1f2717;color:#f4f4f4}.utw-state-map{height:620px;min-height:420px;width:100%;background:#e9ecef}.utw-area-list{max-height:420px;overflow:auto;padding:1rem;background:#f8f7f1}.utw-area-region{margin-bottom:1rem}.utw-area-region h3{font-size:1rem;margin:.25rem 0 .5rem;color:#55602a;border-bottom:1px solid rgba(85,96,42,.25);padding-bottom:.25rem}.utw-area-link{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.45rem .55rem;margin:.15rem 0;border-radius:6px;text-decoration:none;color:#1f2717;background:#fff;border:1px solid rgba(0,0,0,.08)}.utw-area-link:hover,.utw-area-link.is-map-hover{background:#eef3df;color:#1f2717;text-decoration:none}.utw-area-link.is-selected{background:#55602a;color:#fff;border-color:#55602a;font-weight:700}.utw-weather-column .utw-wrap{margin:0 auto;max-width:none}.utw-weather-column .utw-header{border-radius:10px 10px 0 0}.leaflet-popup-content a{font-weight:700}.leaflet-container{font-family:inherit}@media(max-width:900px){.utw-map-layout{grid-template-columns:1fr}.utw-map-column{position:static}.utw-state-map{height:430px}.utw-area-list{max-height:none}.utw-weather-column .utw-wrap{max-width:760px}}@media(max-width:480px){.utw-map-layout{margin:1rem 0;gap:.75rem}.utw-state-map{height:340px}.utw-map-card{border-radius:6px}.utw-map-card h2{font-size:1.35rem}}

/* Map/list accordion */
.utw-map-accordion{background:#f8f7f1}.utw-accordion-panel{border-top:1px solid rgba(0,0,0,.12)}.utw-accordion-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;border:0;background:#eef3df;color:#1f2717;font-weight:700;font-size:1rem;cursor:pointer;text-align:left}.utw-accordion-toggle:hover{background:#e2ebce}.utw-accordion-panel.is-open .utw-accordion-toggle{background:#55602a;color:#fff}.utw-accordion-content{background:#fff}.utw-map-accordion .utw-area-list{max-height:620px;overflow:auto;padding:1rem;background:#f8f7f1}.utw-map-accordion .utw-state-map{height:620px;min-height:420px}@media(max-width:900px){.utw-map-accordion .utw-area-list{max-height:none}.utw-map-accordion .utw-state-map{height:430px}}@media(max-width:480px){.utw-map-accordion .utw-state-map{height:340px}}