.weather-main{max-width:1240px;margin:0 auto;padding:0 24px 72px}.weather-hero{padding:68px 0 34px;border-bottom:1px solid rgba(255,255,255,.12)}.weather-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(4.5rem,12vw,9rem);line-height:.82;text-transform:uppercase;margin:10px 0 20px}.weather-hero>p{max-width:760px;color:#b8bdc7;font-size:1.08rem;line-height:1.7}.weather-search-panel{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.weather-search-panel>span{color:#7f8590}.location-button,.city-search button{border:0;border-radius:5px;background:#d71920;color:#fff;font-weight:800;padding:14px 18px;cursor:pointer}.location-button:hover,.city-search button:hover{background:#f0242b}.city-search{display:flex;min-width:min(100%,430px)}.city-search input{min-width:0;flex:1;border:1px solid #343943;border-right:0;border-radius:5px 0 0 5px;background:#111318;color:#fff;padding:13px 15px;font:inherit}.city-search button{border-radius:0 5px 5px 0}.weather-status{min-height:24px;margin-top:14px!important;color:#c9cdd4!important}.weather-content{padding-top:30px}.current-card{display:grid;grid-template-columns:1.2fr .9fr 1.4fr;align-items:center;gap:28px;padding:32px;border:1px solid #292d35;background:linear-gradient(135deg,#151820,#0d0f13);border-radius:10px}.current-card h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.1rem,5vw,4rem);line-height:1;text-transform:uppercase;margin:7px 0}.updated-time{color:#8e949f;margin:0}.current-core{display:flex;align-items:center;gap:14px}.current-icon{font-size:4.8rem}.current-core strong{display:block;font-family:"Barlow Condensed",sans-serif;font-size:5rem;line-height:.9}.current-core span{display:block;color:#c5c9d0;margin-top:8px}.current-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.current-details div{padding:16px;background:#0d0f13;border:1px solid #292d35;border-radius:7px}.current-details span{display:block;color:#8e949f;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.current-details strong{display:block;margin-top:5px;font-size:1.1rem}.weather-section{padding:46px 0 0}.weather-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.weather-heading h2{font-family:"Barlow Condensed",sans-serif;font-size:2.35rem;text-transform:uppercase;margin:3px 0 0}.hourly-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);overflow-x:auto;gap:10px;padding-bottom:12px;scrollbar-color:#d71920 #17191e}.hour-card{background:#111318;border:1px solid #292d35;border-radius:7px;padding:16px 12px;text-align:center}.hour-card .time{font-size:.82rem;color:#a9aeb7;font-weight:700}.hour-card .icon{display:block;font-size:2rem;margin:11px 0}.hour-card strong{font-size:1.4rem}.hour-card small{display:block;color:#8e949f;margin-top:8px}.daily-list{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.day-card{background:#111318;border:1px solid #292d35;border-radius:7px;padding:18px 14px;text-align:center}.day-card h3{font-size:.95rem;margin:0}.day-card .icon{display:block;font-size:2.3rem;margin:14px 0}.day-card .temps{font-weight:800}.day-card .temps span{color:#8e949f;margin-left:6px}.day-card small{display:block;color:#8e949f;margin-top:9px}.weather-note{margin-top:46px;padding:25px;border-left:4px solid #d71920;background:#111318}.weather-note h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;margin-top:0}.weather-note p{color:#aeb3bc;line-height:1.65}.weather-note a{color:#fff}.weather-ad{margin:32px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-nav a.active{color:#fff;border-bottom-color:#d71920}
@media(max-width:900px){.current-card{grid-template-columns:1fr 1fr}.current-details{grid-column:1/-1}.daily-list{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.weather-main{padding:0 16px 55px}.weather-hero{padding-top:42px}.weather-search-panel{display:block}.weather-search-panel>span{display:block;text-align:center;margin:10px}.location-button,.city-search{width:100%}.current-card{grid-template-columns:1fr;padding:22px}.current-details{grid-column:auto}.current-core strong{font-size:4.2rem}.daily-list{grid-template-columns:1fr}.day-card{display:grid;grid-template-columns:1.2fr .7fr 1fr;align-items:center;text-align:left}.day-card .icon{margin:0;text-align:center}.day-card small{text-align:right;margin:0}.weather-heading h2{font-size:2rem}}