@media(min-width:1081px){
 .header-inner{gap:18px}
 .header-inner .brand{width:220px}
 .header-inner .nav{gap:14px;font-size:11px}
}
@media(min-width:1081px) and (max-width:1260px){
 .header-inner .menu{display:block;margin-left:auto}
 .header-inner .nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#07140f;padding:22px 32px 28px;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:18px 26px}
 .header-inner .nav.open{display:flex}
}
.weather-header{display:block;height:auto;max-width:1440px;padding:12px 5% 0;position:relative}
.weather-header-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:80px}
.weather-header .brand{gap:20px;text-decoration:none}
.weather-header .brand img{width:190px;height:76px;object-fit:contain}
.weather-header .header-actions{display:flex;align-items:center;gap:20px}
.weather-header .menu{display:none}
.weather-header .nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 23px;padding:14px 0 17px;font-size:11px;font-weight:600}
.weather-header .nav a{color:#d6dece;text-decoration:none;padding:5px 0}
.weather-header .nav a:hover,.weather-header .nav a[aria-current="page"]{color:#e7c16a}
.weather-header .nav a[aria-current="page"]{border-bottom:1px solid #e7c16a}
.weather-header .nav-cta{border:1px solid #e7c16a;padding:5px 10px!important;color:#e7c16a!important}
.weather-header .brand span{letter-spacing:2px}
@media(max-width:900px){
 .weather-header{padding:8px 20px 0}
 .weather-header .menu{display:block;font-size:11px;padding:8px 12px}
 .weather-header .nav{display:none;justify-content:flex-start;gap:15px 24px}
 .weather-header .nav.open{display:flex}
 .weather-header #clock{display:none}
 .weather-header .brand span{display:none}
 .weather-header .header-actions{gap:8px}
 .weather-header .brand img{width:165px;height:66px}
}
@media(max-width:480px){
 .weather-header .brand img{width:140px;height:60px}
 .weather-header #fullscreen{font-size:9px;padding:8px}
 .weather-header .menu{font-size:10px;padding:8px}
}


#location-heading{display:inline;font:inherit;margin:0;letter-spacing:inherit}
.location-panel{border:1px solid var(--line);background:#10271c;border-radius:15px;padding:24px 26px;margin-bottom:24px}
.location-panel .eyebrow{margin-bottom:5px}.location-panel .section-heading h2{font-size:29px}
.location-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:18px}
.location-fields label{display:block;font-size:12px;margin-bottom:7px;color:#d8dfce}
.location-fields input,.location-fields select{width:100%;min-height:46px;font:inherit;font-size:13px;border:1px solid #52604a;border-radius:8px;padding:10px 13px;color:var(--ink);background:#091b13}
.location-fields input:focus-visible{outline:3px solid #e7c16a;outline-offset:3px}
.location-search{position:relative;min-width:0}.location-search input::placeholder{color:#9fab9c;opacity:1}
#location-results{position:absolute;top:100%;left:0;right:0;z-index:30;list-style:none;padding:5px;margin:6px 0 0;background:#173427;border:1px solid #7b8a70;border-radius:10px;box-shadow:0 12px 40px #0008;max-height:320px;overflow-y:auto}
#location-results[hidden]{display:none}#location-results li{padding:11px 12px;cursor:pointer;border-radius:6px;font-size:13px;min-height:48px}
#location-results li strong,#location-results li span{display:block}#location-results li span{font-size:11px;color:#bbc8b1;margin-top:3px}
#location-results li:hover,#location-results li[aria-selected=true]{background:#2c4b39;color:#f6dc9a}
#search-status{min-height:15px;color:#e7c16a}.location-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.location-chip{display:flex;align-items:center;gap:8px;border:1px solid #52604a;border-left:4px solid var(--location-color);border-radius:8px;padding:7px 10px;font-size:11px;max-width:100%}
.location-chip span{overflow-wrap:anywhere}.location-chip button{flex-shrink:0;padding:5px 8px;font-size:10px;min-height:36px}.location-chip button:last-child{font-size:17px;min-width:36px}
.chart-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:16px 0 8px;font-size:12px}.chart-legend span::before{content:'';display:inline-block;width:18px;height:3px;background:var(--location-color);margin:0 8px 3px 0}
#chart-wrap{isolation:isolate}#chart{touch-action:pan-y;cursor:crosshair;border-radius:8px}#chart:focus-visible{outline:2px solid #e7c16a;outline-offset:4px}
.chart-tooltip{position:absolute;z-index:5;pointer-events:none;background:#07180ff5;border:1px solid #75d8f0;box-shadow:0 8px 25px #0007;border-radius:10px;padding:11px 13px;width:max-content;max-width:calc(100% - 8px);font-size:11px;color:#f6f0df;line-height:1.5}
.chart-tooltip[hidden]{display:none}.chart-tooltip>strong,.chart-tooltip>small{display:block}.chart-tooltip>small{color:#c3d0b9;margin:3px 0 6px}.chart-tooltip>div{display:flex;justify-content:space-between;gap:18px;padding:3px 0}.chart-tooltip>div span{border-left:3px solid var(--location-color);padding-left:7px;max-width:180px;overflow-wrap:anywhere}.chart-tooltip b{white-space:nowrap;color:var(--location-color)}
#chart-help{color:#bbc8b1}#chart-coverage{line-height:1.8;overflow-wrap:anywhere}#readout{line-height:1.9;min-height:23px}
.table-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin:12px 0}.table-pages button{font-size:11px;min-height:40px}.table-pages span{text-align:center}
.chart-controls{flex-wrap:wrap;justify-content:flex-end}.chart-controls select{max-width:100%;min-height:42px}#variable{max-width:320px}
@media(max-width:700px){.location-panel{padding:20px 16px}.location-panel .section-heading{align-items:flex-start;flex-direction:column}.location-panel .section-heading h2{font-size:26px}.location-fields{grid-template-columns:1fr}.location-chip{width:100%}.location-chip span{flex:1}.chart-controls{justify-content:flex-start;gap:10px}.chart-controls select,#variable{max-width:100%;width:100%;font-size:12px}.chart-tooltip{font-size:10px;padding:9px}.chart-tooltip>div{gap:10px}.chart-tooltip>div span{max-width:140px}.table-pages span{font-size:9px}}

.chart-share{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;margin:15px 0}
.chart-share button{font-size:12px;min-height:44px;border-color:#75d8f0;white-space:nowrap}
.chart-share p{font-size:11px;color:var(--muted);margin:0;flex:1;min-width:180px}
#share-status{font-size:11px;color:#e7c16a;flex-basis:100%}#share-status:empty{display:none}
#share-link{width:100%;padding:12px;border:1px solid #75d8f0;border-radius:6px;background:#091b13;color:var(--ink);font:inherit;font-size:12px}
#share-link[hidden]{display:none}