/* Hero composition correction: readable heading, no overlap, high-contrast weather glass */
@media(min-width:901px){
 body main .hero{min-height:405px!important;padding:35px 32px!important}
 body main .hero>div:first-child{position:relative;z-index:1;max-width:calc(100% - 335px)!important}
 body main .hero h1{font-size:clamp(31px,3.05vw,49px)!important;line-height:1.13!important;letter-spacing:-1.6px!important;max-width:none!important;margin:12px 0 9px!important;white-space:nowrap!important}
 body main .hero p{font-size:18px!important;margin-top:4px!important}
 #view .hq-search{margin-top:-205px!important;margin-bottom:29px!important;margin-left:24px!important}
 #view .hq-quick{margin-bottom:26px!important}
}
.hq-hero-weather{background:rgba(9,26,17,.78)!important;border:1px solid rgba(255,255,255,.19)!important;border-radius:17px!important;box-shadow:0 8px 30px rgba(0,0,0,.19)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 16px!important;gap:16px!important;top:20px!important;right:22px!important}
.hq-hero-weather>div+div{border-left:1px solid rgba(255,255,255,.5)!important;padding-left:16px!important}
.hq-hero-weather strong{font-size:18px!important;letter-spacing:-.2px}
.hq-hero-weather small{font-size:11px!important;color:#edf6e7!important}
#hq-sky{filter:saturate(1.4);font-size:30px!important}
.hq-hero-weather>div:nth-child(2)>span:first-child{color:#ffce42!important;font-size:30px!important;text-shadow:0 0 10px #ffce4240}
@media(min-width:761px) and (max-width:1100px){
 body main .hero>div:first-child{max-width:calc(100% - 275px)!important}
 body main .hero h1{font-size:clamp(26px,3vw,39px)!important;white-space:normal!important}
 #view .hq-search{margin-top:-170px!important}
}
@media(max-width:760px){
 body main .hero{min-height:365px!important}
 body main .hero h1{padding-top:65px!important;max-width:100%!important;line-height:1.1!important}
 body main .hero p{margin-top:7px!important}
 .hq-hero-weather{padding:8px 10px!important;top:10px!important;right:9px!important;gap:9px!important}
 .hq-hero-weather strong{font-size:12px!important}
 .hq-hero-weather small{font-size:9px!important}
 .hq-hero-weather>div+div{padding-left:9px!important}
 #view .hq-search{margin-top:-145px!important;margin-bottom:20px!important}
}