.yuly-aw17{max-width:100%;margin:30px auto;padding:38px 26px;border:1px solid #e4e5e8;border-radius:30px;background:#fff;color:#182033;font-family:inherit;overflow:hidden}.yuly-aw17 *{box-sizing:border-box}.yuly-aw17__eyebrow{font-size:14px;font-weight:800;letter-spacing:2px;color:#a52b43;margin-bottom:20px}.yuly-aw17 h2{margin:0;font-size:42px;line-height:1.08;font-weight:400;color:#505050}.yuly-aw17__location{font-size:20px;font-weight:700;margin-top:14px;color:#273142}.yuly-aw17__rule{height:1px;background:#e5e5e5;margin:28px 0}.yuly-aw17__permission{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:center;padding:25px;border:1px solid #e2e4e8;border-radius:25px;background:#f7f8fa}.yuly-aw17__crosshair{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:32px}.yuly-aw17__permission strong{display:block;font-size:20px}.yuly-aw17__permission span{display:block;color:#707886;margin-top:5px;line-height:1.45}.yuly-aw17__locate{grid-column:1/-1;min-height:54px;border:1px solid #777;border-radius:5px;background:#fff;color:#111;font-weight:700;font-size:16px;cursor:pointer;padding:12px 18px}.yuly-aw17__status{display:flex;align-items:center;gap:12px;margin:18px 0;padding:18px;border:1px solid #e4e5e8;border-radius:20px;color:#687180;background:#fff}.yuly-aw17__status i{width:12px;height:12px;border-radius:50%;background:#c91d39;box-shadow:0 0 0 10px #fdecef;flex:none}.yuly-aw17__error{padding:20px;border-radius:20px;background:#fff0f2;color:#8e3042;line-height:1.55;margin-bottom:20px}.yuly-aw17__today,.yuly-aw17__air,.yuly-aw17__hourly,.yuly-aw17__forecast{margin-top:24px;padding:30px;border:1px solid #e3e4e8;border-radius:28px;background:#fff}.yuly-aw17__today{background:#f5f6f8}.yuly-aw17__section-kicker,.yuly-aw17__label{font-size:14px;letter-spacing:1.6px;font-weight:800;color:#687180}.yuly-aw17__today-main{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin-top:20px}.yuly-aw17__today-weather{display:flex;align-items:center;gap:24px;padding:25px;background:#fff;border-radius:24px}.yuly-aw17__hero-icon{font-size:64px}.yuly-aw17__today-weather small{display:block;color:#737c88;font-size:16px;font-weight:700}.yuly-aw17__today-weather b{display:block;font-size:62px;line-height:1;font-weight:800}.yuly-aw17__today-weather p{margin:10px 0 3px;font-size:21px}.yuly-aw17__today-weather span{color:#737c88}.yuly-aw17__today-summary{display:grid;grid-template-columns:1fr;gap:12px}.yuly-aw17__today-summary>div{padding:20px;background:#fff;border-radius:20px;border:1px solid #e4e5e8}.yuly-aw17__today-summary b{display:block;font-size:22px}.yuly-aw17__today-summary span{display:block;color:#737c88;margin-top:5px}.yuly-aw17__metrics,.yuly-aw17__city-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.yuly-aw17__metric{padding:19px;border:1px solid #e2e4e8;border-radius:20px;background:#fff}.yuly-aw17__metric b{display:block;font-size:17px}.yuly-aw17__metric span{display:block;margin-top:8px;color:#737b87}.yuly-aw17__section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.yuly-aw17__section-head h3{margin:6px 0 0;font-size:30px;font-weight:400;color:#444}.yuly-aw17__muted{color:#7b8490}.yuly-aw17__aqi{display:inline-flex;align-items:center;gap:10px;border-radius:40px;padding:12px 18px;font-size:24px;font-weight:800;background:#e7f7ee;color:#168050;white-space:nowrap}.yuly-aw17__aqi span{font-size:16px}.yuly-aw17__aqi.good{background:#dcf7e9;color:#12814d}.yuly-aw17__aqi.ok{background:#eef8d9;color:#617e16}.yuly-aw17__aqi.mid{background:#fff3cf;color:#9a6a00}.yuly-aw17__aqi.poor{background:#ffe2d1;color:#a14b19}.yuly-aw17__aqi.bad{background:#ffe0e5;color:#a22b42}.yuly-aw17__aqi-explain,.yuly-aw17__city-aqitxt{color:#6e7785;line-height:1.6;margin:18px 0}.yuly-aw17__pollutants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.yuly-aw17__pollutant{padding:16px;border:1px solid #e2e4e8;border-radius:18px;background:#fff}.yuly-aw17__pollutant b{display:flex;justify-content:space-between;gap:10px}.yuly-aw17__pollutant strong{font-size:18px}.yuly-aw17__pollutant span{display:block;color:#7b8490;font-size:13px;margin-top:7px}.yuly-aw17__hourly-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px}.yuly-aw17__hour{padding:15px 10px;border-radius:18px;background:#f5f6f8;text-align:center}.yuly-aw17__hour b,.yuly-aw17__hour em,.yuly-aw17__hour strong,.yuly-aw17__hour span{display:block}.yuly-aw17__hour em{font-style:normal;font-size:28px;margin:5px}.yuly-aw17__hour strong{font-size:22px}.yuly-aw17__hour span{font-size:12px;color:#707986;margin-top:6px}.yuly-aw17__days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.yuly-aw17__day{padding:22px;border:1px solid #e2e4e8;border-radius:24px;background:#f7f8fa}.yuly-aw17__day-top{display:flex;justify-content:space-between;gap:15px}.yuly-aw17__day-top b{display:block;font-size:20px;text-transform:capitalize}.yuly-aw17__day-top span{display:block;color:#737c88;margin-top:5px}.yuly-aw17__day-top em{font-style:normal;font-size:40px}.yuly-aw17__day-temp{display:flex;align-items:baseline;gap:10px;margin:18px 0}.yuly-aw17__day-temp strong{font-size:38px}.yuly-aw17__day-temp>span{font-size:22px;color:#7b8490}.yuly-aw17__day-temp small{margin-left:auto;color:#7b8490}.yuly-aw17__day-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.yuly-aw17__day-grid span{padding:12px;background:#fff;border-radius:14px;border:1px solid #e7e8eb}.yuly-aw17__day-grid b{display:block;font-size:15px}.yuly-aw17__day-grid small{display:block;color:#7b8490;font-size:11px;margin-top:4px}.yuly-aw17__day-sun{display:flex;justify-content:space-between;margin-top:14px;color:#687180;font-size:13px}.yuly-aw17__cities{margin-top:34px}.yuly-aw17__cities-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.yuly-aw17__cities h3{font-size:32px;font-weight:400;margin:5px 0 0}.yuly-aw17__cities-head>span{color:#747c87}.yuly-aw17__city-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.yuly-aw17__city{position:relative;min-height:150px;text-align:left;padding:22px;border:1px solid #e1e3e7;border-radius:23px;background:#fff;cursor:pointer;font:inherit;color:#182033;transition:.2s}.yuly-aw17__city:hover{transform:translateY(-2px);border-color:#b9bec7;box-shadow:0 10px 30px rgba(20,30,50,.07)}.yuly-aw17__city-rank{display:block;color:#a52b43;font-size:12px;font-weight:800;letter-spacing:1px}.yuly-aw17__city strong{display:block;font-size:22px;margin-top:8px}.yuly-aw17__city>span:not(.yuly-aw17__city-rank){display:block;color:#7a828e;margin-top:6px}.yuly-aw17__city>b{display:block;margin-top:18px;font-size:14px}.yuly-aw17__city-detail{margin-top:18px;padding:26px;border:1px solid #e0e2e6;border-radius:26px;background:#f7f8fa}.yuly-aw17__city-loading{padding:30px;text-align:center;color:#687180}.yuly-aw17__city-detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.yuly-aw17__city-detail h3{font-size:48px;margin:7px 0}.yuly-aw17__city-detail p{margin:0;color:#6f7885}.yuly-aw17__city-detail h4{font-size:22px;font-weight:500;margin:25px 0 12px}.yuly-aw17__city-mini-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.yuly-aw17__city-mini-days>div{padding:14px;background:#fff;border-radius:16px;text-align:center;border:1px solid #e4e5e8}.yuly-aw17__city-mini-days b,.yuly-aw17__city-mini-days em,.yuly-aw17__city-mini-days strong,.yuly-aw17__city-mini-days span{display:block}.yuly-aw17__city-mini-days em{font-style:normal;font-size:26px;margin:5px}.yuly-aw17__city-mini-days span{font-size:11px;color:#737c88;margin-top:6px}.yuly-aw17__content[hidden],.yuly-aw17__error[hidden],.yuly-aw17__permission[hidden],.yuly-aw17__city-detail[hidden]{display:none!important}
@media(max-width:900px){.yuly-aw17__metrics{grid-template-columns:repeat(2,1fr)}.yuly-aw17__pollutants{grid-template-columns:repeat(2,1fr)}.yuly-aw17__hourly-grid{grid-template-columns:repeat(4,1fr)}.yuly-aw17__city-track{grid-template-columns:repeat(2,1fr)}.yuly-aw17__city-mini-days{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.yuly-aw17{margin:20px 0;padding:28px 20px;border-radius:26px}.yuly-aw17 h2{font-size:40px}.yuly-aw17__today,.yuly-aw17__air,.yuly-aw17__hourly,.yuly-aw17__forecast{padding:20px;border-radius:24px}.yuly-aw17__today-main{grid-template-columns:1fr;gap:12px}.yuly-aw17__today-weather{padding:20px}.yuly-aw17__hero-icon{font-size:48px}.yuly-aw17__today-weather b{font-size:48px}.yuly-aw17__today-weather p{font-size:18px}.yuly-aw17__section-head,.yuly-aw17__cities-head{display:block}.yuly-aw17__section-head h3{font-size:26px}.yuly-aw17__muted,.yuly-aw17__cities-head>span{display:block;margin-top:8px}.yuly-aw17__metrics{grid-template-columns:repeat(2,1fr)}.yuly-aw17__metric{padding:15px 12px}.yuly-aw17__pollutants{grid-template-columns:repeat(2,1fr)}.yuly-aw17__hourly-grid{grid-template-columns:repeat(2,1fr)}.yuly-aw17__days{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yuly-aw17__day{padding:14px;border-radius:20px}.yuly-aw17__day-top b{font-size:15px}.yuly-aw17__day-top span{font-size:12px}.yuly-aw17__day-top em{font-size:30px}.yuly-aw17__day-temp{display:block;margin:12px 0}.yuly-aw17__day-temp strong{font-size:30px}.yuly-aw17__day-temp>span{font-size:18px}.yuly-aw17__day-temp small{display:block;margin:4px 0 0;font-size:10px}.yuly-aw17__day-grid{grid-template-columns:1fr}.yuly-aw17__day-grid span{padding:9px}.yuly-aw17__day-sun{font-size:11px}.yuly-aw17__city-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yuly-aw17__city{min-height:145px;padding:16px;border-radius:19px}.yuly-aw17__city strong{font-size:18px}.yuly-aw17__city>b{font-size:12px}.yuly-aw17__city-detail-head{display:block}.yuly-aw17__city-detail .yuly-aw17__aqi{margin-top:15px}.yuly-aw17__city-detail h3{font-size:38px}.yuly-aw17__city-metrics{grid-template-columns:repeat(2,1fr)}.yuly-aw17__city-mini-days{grid-template-columns:repeat(2,1fr)}.yuly-aw17__permission{grid-template-columns:54px 1fr;padding:20px}.yuly-aw17__locate{font-size:15px}.yuly-aw17__location{font-size:18px}}
/* v18: capsule sliders + centered detail popups */
.yuly-aw17__days{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 2px 14px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
.yuly-aw17__day-pill{flex:0 0 150px;min-height:142px;border:1px solid #e2e4e8;border-radius:24px;background:#f7f8fa;padding:17px 14px;text-align:left;cursor:pointer;color:#182033;font:inherit;scroll-snap-align:start;transition:transform .18s,box-shadow .18s,border-color .18s}
.yuly-aw17__day-pill:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,30,50,.08);border-color:#b9bec7}
.yuly-aw17__day-pill span,.yuly-aw17__day-pill em,.yuly-aw17__day-pill strong,.yuly-aw17__day-pill small{display:block}.yuly-aw17__day-pill span{text-transform:capitalize;font-weight:700;font-size:14px}.yuly-aw17__day-pill em{font-style:normal;font-size:34px;margin:8px 0}.yuly-aw17__day-pill strong{font-size:27px}.yuly-aw17__day-pill small{color:#737c88;margin-top:4px;line-height:1.35}
.yuly-aw17__city-track{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 2px 14px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
.yuly-aw17__city-pill{flex:0 0 165px;min-height:120px;padding:18px;border:1px solid #e1e3e7;border-radius:22px;background:#fff;color:#182033;text-align:left;cursor:pointer;font:inherit;scroll-snap-align:start;transition:.18s}.yuly-aw17__city-pill:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,30,50,.08);border-color:#b9bec7}.yuly-aw17__city-pill-rank{display:block;color:#a52b43;font-size:11px;font-weight:800;letter-spacing:1px}.yuly-aw17__city-pill strong{display:block;font-size:20px;margin-top:9px}.yuly-aw17__city-pill>span:last-child{display:block;color:#737c88;font-size:13px;margin-top:8px}
.yuly-aw17__modal{position:fixed;inset:0;z-index:999999;display:block}.yuly-aw17__modal[hidden]{display:none!important}.yuly-aw17__modal-backdrop{position:absolute;inset:0;background:rgba(12,18,28,.58);backdrop-filter:blur(5px)}.yuly-aw17__modal-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 28px));max-height:min(88vh,900px);overflow:auto;background:#fff;border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.25);padding:30px;color:#182033}.yuly-aw17__modal-dialog::-webkit-scrollbar{width:7px}.yuly-aw17__modal-dialog::-webkit-scrollbar-thumb{background:#c8ccd2;border-radius:20px}.yuly-aw17__modal-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#f1f2f4;color:#182033;font-size:29px;line-height:1;cursor:pointer}.yuly-aw17__modal-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#a52b43}.yuly-aw17__modal-dialog>h3{font-size:30px;margin:7px 55px 20px 0}.yuly-aw17__modal-date{text-transform:capitalize;color:#707986;font-size:15px;margin-bottom:16px}.yuly-aw17__modal-hero,.yuly-aw17__modal-city-hero{display:flex;align-items:center;gap:18px;padding:22px;border-radius:24px;background:#f5f6f8}.yuly-aw17__modal-city-hero .yuly-aw17__aqi{margin-left:auto}.yuly-aw17__modal-icon{font-size:58px}.yuly-aw17__modal-temp{font-size:42px;font-weight:800;line-height:1}.yuly-aw17__modal-temp small{font-size:23px;color:#7a828e}.yuly-aw17__modal-hero strong,.yuly-aw17__modal-city-hero strong{display:block;font-size:18px;margin-top:7px}.yuly-aw17__modal-hero span,.yuly-aw17__modal-city-hero span{display:block;color:#737c88;margin-top:5px}.yuly-aw17__modal-grid,.yuly-aw17__modal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.yuly-aw17__modal-grid>div,.yuly-aw17__modal-metrics>div{padding:14px;border:1px solid #e3e5e8;border-radius:17px;background:#fff}.yuly-aw17__modal-grid b,.yuly-aw17__modal-metrics b,.yuly-aw17__modal-grid span,.yuly-aw17__modal-metrics span{display:block}.yuly-aw17__modal-grid span,.yuly-aw17__modal-metrics span{font-size:11px;color:#737c88;margin-top:5px}.yuly-aw17__modal-dialog h4{font-size:19px;margin:25px 0 12px}.yuly-aw17__modal-hours{display:flex;gap:9px;overflow-x:auto;padding-bottom:8px}.yuly-aw17__modal-hours>div{flex:0 0 92px;padding:12px 8px;border-radius:16px;background:#f5f6f8;text-align:center}.yuly-aw17__modal-hours b,.yuly-aw17__modal-hours em,.yuly-aw17__modal-hours strong,.yuly-aw17__modal-hours span{display:block}.yuly-aw17__modal-hours em{font-style:normal;font-size:25px;margin:4px}.yuly-aw17__modal-hours strong{font-size:20px}.yuly-aw17__modal-hours span{font-size:10px;color:#737c88;margin-top:5px;line-height:1.4}.yuly-aw17__modal-section-title{font-size:20px;font-weight:700;margin:24px 0 10px}.yuly-aw17__city-aqitxt{color:#687180;line-height:1.55}.yuly-aw17__modal-pollutants{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.yuly-aw17__modal-pollutants>div{padding:13px;border:1px solid #e3e5e8;border-radius:15px}.yuly-aw17__modal-pollutants b,.yuly-aw17__modal-pollutants span{display:block}.yuly-aw17__modal-pollutants span{font-size:11px;color:#737c88;margin-top:4px}.yuly-aw17__modal-city-days{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.yuly-aw17__modal-city-days button{flex:0 0 120px;padding:13px 10px;border:1px solid #e3e5e8;border-radius:17px;background:#f7f8fa;text-align:center;cursor:pointer;color:#182033;font:inherit}.yuly-aw17__modal-city-days b,.yuly-aw17__modal-city-days em,.yuly-aw17__modal-city-days strong,.yuly-aw17__modal-city-days span{display:block}.yuly-aw17__modal-city-days em{font-style:normal;font-size:25px;margin:4px}.yuly-aw17__modal-city-days strong{font-size:17px}.yuly-aw17__modal-city-days span{font-size:10px;color:#737c88;margin-top:5px}.yuly-aw17__modal-loading,.yuly-aw17__modal-empty{padding:45px 15px;text-align:center;color:#687180}.yuly-aw17__modal[hidden]+*{display:none}.yuly-aw17-modal-open{overflow:hidden!important}
@media(max-width:600px){.yuly-aw17__day-pill{flex-basis:138px;min-height:135px}.yuly-aw17__city-pill{flex-basis:145px;min-height:112px}.yuly-aw17__modal-dialog{width:calc(100vw - 18px);max-height:91vh;border-radius:24px;padding:22px 16px}.yuly-aw17__modal-dialog>h3{font-size:25px}.yuly-aw17__modal-hero,.yuly-aw17__modal-city-hero{padding:17px;gap:12px}.yuly-aw17__modal-icon{font-size:45px}.yuly-aw17__modal-temp{font-size:34px}.yuly-aw17__modal-grid,.yuly-aw17__modal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yuly-aw17__modal-grid>div,.yuly-aw17__modal-metrics>div{padding:11px;font-size:13px}.yuly-aw17__modal-pollutants{grid-template-columns:repeat(2,1fr)}.yuly-aw17__modal-city-hero{align-items:flex-start;flex-wrap:wrap}.yuly-aw17__modal-city-hero .yuly-aw17__aqi{margin-left:0}.yuly-aw17__modal-hours>div{flex-basis:82px}}

/* v19: hourly cards are a horizontal slider; every hour opens a centered detail popup. */
.yuly-aw17__hourly-grid{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;margin-top:20px!important;padding:6px 2px 14px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
.yuly-aw17__hour{flex:0 0 132px!important;min-height:176px!important;padding:15px 10px!important;border:1px solid #e2e4e8!important;border-radius:20px!important;background:#f5f6f8!important;color:#182033!important;text-align:center!important;cursor:pointer!important;font:inherit!important;scroll-snap-align:start!important;transition:transform .18s,box-shadow .18s,border-color .18s!important}
.yuly-aw17__hour:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(20,30,50,.08);border-color:#b9bec7}
.yuly-aw17__hour b,.yuly-aw17__hour em,.yuly-aw17__hour strong,.yuly-aw17__hour span{display:block!important}.yuly-aw17__hour em{font-style:normal!important;font-size:30px!important;margin:7px!important}.yuly-aw17__hour strong{font-size:25px!important}.yuly-aw17__hour span{font-size:10px!important;color:#737c88!important;margin-top:6px!important;line-height:1.35!important}
.yuly-aw17__modal-close{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:2px!important;right:18px!important;top:14px!important;color:#182033!important;font-size:38px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;z-index:5!important}
.yuly-aw17__modal-close:hover{background:transparent!important;transform:scale(1.06)}
.yuly-aw17__hour-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:600px){.yuly-aw17__hour{flex-basis:118px!important;min-height:166px!important}.yuly-aw17__hour-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.yuly-aw17__modal-close{right:12px!important;top:10px!important;font-size:34px!important}}