.warning details{margin-top:8px}
.warning summary{cursor:pointer;font-weight:700}
.warning-unavailable{padding:14px;border-left:4px solid var(--amber);background:var(--amber2)}
.query-band input:focus-visible,.query-band select:focus-visible,.query-band button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2586a7;outline-offset:2px}
.topbar nav a.active{color:var(--green);font-weight:700;border-bottom:2px solid var(--green);padding-bottom:5px}
.nav-tool{position:relative;display:flex;align-items:center}
.nav-tool-menu{position:absolute;z-index:40;top:32px;left:50%;width:170px;display:none;transform:translateX(-50%);background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(23,34,31,.14);padding:6px}
.nav-tool:hover .nav-tool-menu,.nav-tool:focus-within .nav-tool-menu{display:grid}
.topbar .nav-tool-menu a{height:40px;display:flex!important;align-items:center;padding:0 12px!important;border:0!important;white-space:nowrap}
.topbar .nav-tool-menu a:hover,.topbar .nav-tool-menu a:focus-visible{background:var(--green2)}
.query-band form{grid-template-columns:.7fr .9fr 1.3fr auto}
.query-band form>button{min-width:96px;white-space:nowrap;padding:0 14px;margin-bottom:21px}
.city-search{position:relative}
.city-results{position:absolute;z-index:20;top:70px;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(23,34,31,.14);max-height:280px;overflow:auto}
.city-result{display:block;width:100%;height:auto!important;padding:11px 12px!important;text-align:left;background:#fff!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line)!important;font-weight:400!important}
.city-result:hover,.city-result:focus{background:var(--green2)!important}
.city-result b,.city-result small{display:block}.city-result small{margin-top:3px}.city-message{padding:12px;color:var(--muted);font-size:13px}
.weather-faq{margin-top:38px;padding-top:32px;border-top:1px solid var(--line)}.weather-faq h2{margin:0 0 18px;font-size:22px}.weather-faq details{margin-top:10px;padding:15px 17px;background:#fff;border:1px solid var(--line)}.weather-faq summary{font-weight:700}.weather-faq details p{margin:10px 0 0;color:var(--muted);line-height:1.75}
@media(max-width:850px){.topbar{height:auto;min-height:68px;gap:16px}.topbar nav{gap:14px}.topbar nav a{display:block!important}.topbar nav .nav-secondary{display:none!important}.brand span{display:none}.query-band form{grid-template-columns:1fr 1fr}.city-search{grid-column:1/-1}.query-band form>button{grid-column:1/-1;width:100%;margin-bottom:0}}
@media(max-width:600px){.topbar nav a:first-child{display:none!important}.topbar nav{gap:12px}.topbar nav a{font-size:13px}}
@media(max-width:520px){.query-band form{grid-template-columns:1fr}.city-search,.query-band form>button{grid-column:auto}}