:root{--line:var(--appearance-border,#dce9f8)}body{background:linear-gradient(var(--appearance-surface,#fff),var(--appearance-raised,#f0f9ff) 65%,var(--appearance-surface,#fff))}.container{max-width:1240px}.breadcrumb{margin:22px 0 12px}.page-heading{margin-bottom:18px}h1{font-size:46px}.page-heading p:last-child{font-size:18px}.index-badge{display:inline-block;padding:7px 13px;border-radius:7px;background:var(--appearance-raised,#edf5ff);color:var(--appearance-muted,#42658f);font-size:13px;white-space:nowrap}.search-section{max-width:760px}.city-chips{margin:12px 0 15px}.city-chips button[aria-pressed=true]{background:var(--appearance-raised,#d7edff);border-color:var(--appearance-border,#8cc5ff);color:var(--blue)}.card{background:var(--appearance-surface,#fff);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.card h2,.section-heading h2{font-size:20px;margin:0}.aq-top{display:grid;grid-template-columns:1.75fr 1fr;gap:18px}.aq-hero{--aq-color:#33ba65;--aq-bg:#dff8e6;border:1px solid var(--appearance-border,#cfe5e0);border-radius:12px;padding:28px;background:linear-gradient(115deg,var(--appearance-surface,white) 15%,var(--aq-bg));box-shadow:0 8px 25px var(--appearance-shadow,#1c5f9820)}.aq-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.aq-heading h2{font-size:36px;line-height:1.15;margin:7px 0}.aq-heading p{margin:0}.aq-heading .eyebrow{color:var(--appearance-muted,#487485)}#place-region{font-size:16px;color:var(--appearance-muted,#426579)}#local-clock{font-size:14px;white-space:nowrap;color:var(--appearance-muted,#426579)}.aq-main{display:flex;align-items:center;gap:26px;margin:26px 0}.aq-number{width:150px;height:150px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:8px solid var(--aq-color);border-radius:50%;background:var(--appearance-surface,#ffffffc9)}.aq-number strong{font-size:58px;line-height:1.1}.aq-number span{font-size:13px;color:var(--appearance-muted,#46687b)}.aq-main h3{font-size:29px;line-height:1.2;margin:0 0 9px}.aq-main p{margin:7px 0;font-size:16px;color:var(--appearance-muted,#426579)}.aq-main .estimate{font-size:12px}.aq-spectrum{height:12px;border-radius:10px;position:relative;background:linear-gradient(90deg,#33ba65 0% 16.66%,#e4c900 16.66% 33.33%,#ef943b 33.33% 50%,#e14852 50% 66.66%,#9656b5 66.66% 83.33%,#812746 83.33%)}.aq-spectrum i{position:absolute;top:-5px;transform:translateX(-50%);height:22px;width:7px;background:white;border:2px solid #183651;border-radius:6px}.spectrum-labels{display:flex;justify-content:space-between;margin-top:7px;font-size:12px;color:var(--appearance-muted,#426579)}.aq-bottom{border-top:1px solid var(--appearance-border,#bcd9d580);display:flex;justify-content:space-between;gap:15px;margin-top:21px;padding-top:17px;font-size:13px;color:var(--appearance-muted,#426579)}.guidance{padding:23px}.guidance>div{display:flex;gap:14px;margin-top:22px}.guide-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:var(--appearance-raised,#edf6ff);border-radius:9px;color:var(--appearance-link,#0876ed);font-size:25px}.guidance h3{font-size:15px;margin:0 0 6px}.guidance p{font-size:14px;margin:0;color:var(--muted)}.guidance>.meta{font-size:12px;margin:20px 0 12px}.guidance>a{font-size:13px}.ad-space{background:var(--appearance-raised,#e1f1ff);border:1px solid var(--appearance-border,#c9e2ff);min-height:75px;margin:18px auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading p{font-size:14px;color:var(--muted);margin:5px 0 0}.hourly-chart{display:flex;gap:10px;overflow:auto;padding:24px 0 12px}.hour-column{min-width:40px;flex:1;text-align:center}.hour-column strong{font-size:13px}.hour-column>span{font-size:12px;white-space:nowrap;color:var(--muted)}.bar-track{height:110px;display:flex;align-items:end;justify-content:center;margin:7px 0}.bar-track i{display:block;width:20px;border-radius:5px 5px 0 0}.meta{font-size:12px;color:var(--muted);line-height:1.5}.pollutant-section{margin:24px 0}.pollutant-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:15px}.pollutant{padding:20px 15px}.pollutant h3{font-size:21px;margin:0}.pollutant p{font-size:13px;min-height:38px;color:var(--muted);margin:5px 0 12px}.pollutant strong{font-size:27px}.pollutant>span{font-size:12px;color:var(--muted);display:block}.aq-lower{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.map-card iframe{width:100%;height:330px;border:0;border-radius:8px;background:var(--appearance-raised,#e6f2fb);margin-top:17px}.map-card .section-heading>a{font-size:13px;white-space:nowrap}#aq-legend{margin:15px 0 22px}#aq-legend>div{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}#aq-legend i{width:12px;height:12px;border-radius:3px;flex-shrink:0}#aq-legend span{flex:1}#aq-legend strong{font-size:13px;white-space:nowrap}.legend-card>a{font-size:13px}.source-note{margin:22px 0;font-size:12px}.source-note p{margin:7px 0}footer p{font:italic 14px Georgia,serif;color:var(--appearance-muted,#5c83b9)}@media(max-width:1000px){.aq-top{grid-template-columns:1.5fr 1fr}.aq-number{width:120px;height:120px}.aq-number strong{font-size:48px}.aq-main{gap:16px}.aq-main h3{font-size:24px}.aq-hero{padding:22px}.aq-heading h2{font-size:30px}.aq-heading{flex-wrap:wrap}.pollutant-grid{grid-template-columns:repeat(3,1fr)}.aq-lower{grid-template-columns:1.4fr 1fr}}@media(max-width:760px){.aq-top,.aq-lower{grid-template-columns:1fr}.guidance>div{margin-top:18px}.aq-heading{flex-wrap:nowrap}.aq-main{gap:24px}.aq-number{width:140px;height:140px}.aq-main h3{font-size:28px}.pollutant-grid{gap:10px}.card{padding:20px}.page-heading{align-items:flex-start}.page-heading>.index-badge{font-size:12px}}@media(max-width:480px){h1{font-size:36px}.page-heading{flex-wrap:wrap;gap:10px}.page-heading p:last-child{font-size:16px;max-width:none}.aq-heading{flex-wrap:wrap;gap:8px}.aq-heading h2{font-size:31px}.aq-hero{padding:21px}.aq-main{gap:17px}.aq-number{width:108px;height:108px;border-width:6px}.aq-number strong{font-size:43px}.aq-main h3{font-size:23px}.aq-main p{font-size:14px}.aq-bottom{flex-wrap:wrap}.pollutant-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start}.section-heading h2{font-size:19px}.section-heading p{font-size:13px}.map-card .section-heading{flex-wrap:wrap}.map-card iframe{height:300px}.card{padding:18px}}

/* Final Air Quality Draft */
.aq-hero{background:linear-gradient(90deg,var(--appearance-deep,#06335bd9),var(--appearance-wash,#052f6270)),linear-gradient(0deg,var(--appearance-deep,#00234cf5),transparent 85%),var(--city-photo,none) center/cover,var(--appearance-primary,#0968a9);color:var(--appearance-inverse,white);border-color:var(--appearance-border,#cde2fa);border-radius:9px}.aq-heading .eyebrow,#place-region,#local-clock,.aq-main p,.aq-bottom,.spectrum-labels{color:var(--appearance-inverse,#e1efff)}.aq-main h3{color:var(--appearance-inverse,white)}.aq-number{background:var(--appearance-wash,#07356c60);color:var(--appearance-inverse,white);border-color:var(--aq-color)}.aq-number span{color:var(--appearance-inverse,#e1efff)}.aq-bottom a{color:var(--appearance-inverse,white)}.aq-main{margin-block:28px}.aq-main .estimate{color:var(--appearance-inverse,#e1efff)}.aq-top{grid-template-columns:1.75fr 1fr}.aq-forecast-tabs{display:flex;margin-top:23px;border:1px solid var(--line);border-radius:9px 9px 0 0;overflow:hidden;background:var(--appearance-surface,#fff)}.aq-forecast-tabs button{flex:1;border:0;background:var(--appearance-surface,white);color:var(--navy);padding:15px;font-size:15px}.aq-forecast-tabs button[aria-selected=true]{background:var(--appearance-raised,#deedff);color:var(--blue);box-shadow:inset 0 3px var(--appearance-shadow,#79b6ff);font-weight:600}.daily-aq,.hourly{border-radius:0 0 9px 9px;padding:17px}.daily-aq .section-heading h2{font-size:20px}.daily-aq .section-heading button{border:0;background:none;color:var(--blue);font-size:13px;white-space:nowrap}#daily-aq-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:12px}.aq-day{border:1px solid var(--line);border-radius:7px;padding:14px 12px}.aq-day h3{font-size:15px;margin:0}.aq-day p{font-size:12px;margin:3px 0 10px}.aq-day strong{font-size:30px;display:flex;align-items:center;gap:9px}.aq-day strong:before{content:'';width:17px;height:17px;background:var(--day-color);border-radius:50%;flex-shrink:0}.aq-day small{font-size:12px;color:var(--muted);display:block;margin-top:14px}.city-aqi{margin-left:4px;font-size:13px}.city-aqi:before{content:'';display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--city-aqi);margin-right:7px}.air-rankings{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.air-rankings>.card{padding:15px}.air-rankings h2{font-size:17px}.air-rankings ol,#full-air-list{list-style:none;padding:0;margin:8px 0 0}.air-rankings li,#full-air-list li{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.air-rankings li:last-child{border:0}.air-rank-number{background:var(--appearance-raised,#eaf2ff);border-radius:4px;min-width:22px;text-align:center}.air-rankings li button,#full-air-list li button{flex:1;min-width:0;text-align:left;border:0;background:none;color:var(--navy);padding:0;font-size:13px}.air-rankings li small,#full-air-list li small{width:100px;font-size:12px;color:var(--muted)}.air-rankings li small:before,#full-air-list li small:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rank-color);margin-right:7px}.air-ranking-action{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}.air-ranking-action p{font-size:12px;color:var(--muted);margin:0}.air-ranking-action button{background:none;border:0;color:var(--blue);font-size:14px;white-space:nowrap}#air-rankings-dialog{max-width:720px;width:calc(100% - 32px);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:12px;color:var(--navy);padding:25px}#air-rankings-dialog::backdrop{background:var(--appearance-deep,#09214e88)}#close-air-rankings{float:right;border:0;background:none;font-size:28px;color:var(--navy)}@media(max-width:1000px){#daily-aq-cards{display:flex;overflow:auto}.aq-day{min-width:125px;flex:1}.air-rankings li{gap:7px}.air-rankings li small{width:76px}}@media(max-width:760px){.aq-top,.air-rankings{grid-template-columns:1fr}.air-ranking-action{flex-wrap:wrap}.daily-aq .section-heading{flex-wrap:wrap}.aq-forecast-tabs button{font-size:13px;padding:13px 10px}.aq-main h3{font-size:25px}.air-rankings li small{width:100px}}

/* Match the compact Weather current-conditions banner. */
.aq-top{grid-template-columns:minmax(0,1.77fr) minmax(310px,1fr);gap:17px;align-items:start}
.aq-top .aq-hero{min-width:0;min-height:370px;display:flex;flex-direction:column;padding:20px 22px 0;overflow:hidden;border:1px solid var(--appearance-border,#8bc8ff);border-radius:11px;box-shadow:0 8px 25px var(--appearance-shadow,#256ca015);background:linear-gradient(90deg,var(--appearance-deep,#003975e6),var(--appearance-wash,#0064ab45)),linear-gradient(0deg,var(--appearance-deep,#003669f0),transparent 65%),var(--city-photo,none) center/cover,var(--appearance-primary,#076cbb)}
.aq-hero .aq-heading{flex-wrap:nowrap;gap:16px}
.aq-heading>div:first-child{min-width:0}
.aq-hero .aq-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 5px;overflow-wrap:anywhere}
.aq-hero .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:8px}
.aq-hero #place-region{font-size:16px;color:var(--appearance-inverse,white)}
.aq-hero #local-clock{text-align:right;flex-shrink:0;white-space:normal;padding:0}
.aq-hero #local-clock small{display:block;font-size:12px;color:var(--appearance-inverse,#d3eafd)}
.aq-hero #local-clock strong{display:block;font-size:22px;font-weight:500;margin:3px 0}
.aq-hero .aq-main{flex:1;gap:22px;margin:0;padding:20px 0;min-width:0}
.aq-hero .aq-number{width:120px;height:120px;border-width:6px}
.aq-hero .aq-number strong{font-size:48px;line-height:1.1}
.aq-hero .aq-number span{font-size:12px}
.aq-main>div:last-child{min-width:0}
.aq-hero .aq-main h3{font-size:26px;margin:0 0 7px}
.aq-hero .aq-main p{font-size:14px;line-height:1.45;margin:5px 0}
.aq-hero .aq-main .estimate{font-size:12px;margin-top:10px}
.aq-hero .aq-spectrum{flex-shrink:0;height:10px}
.aq-hero .spectrum-labels{font-size:11px;margin-top:6px}
.aq-hero .aq-bottom{margin:12px -22px 0;padding:14px 22px;align-items:center;background:var(--appearance-deep,#00336288);border-top:1px solid var(--appearance-border,#ffffff30);font-size:12px}
.aq-hero .aq-bottom a{flex-shrink:0}
@media(min-width:801px) and (max-width:1050px){.aq-top{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr)}.aq-hero .aq-heading{flex-wrap:wrap}.aq-hero #local-clock{text-align:left}.aq-hero .aq-main{gap:16px}}
@media(max-width:800px){.aq-top{grid-template-columns:minmax(0,1fr)}.aq-top .aq-hero{min-height:0}.aq-hero .aq-heading{flex-wrap:wrap}.aq-hero .aq-main{padding:22px 0}}
@media(max-width:480px){.aq-hero .aq-heading h2{font-size:30px}.aq-hero #local-clock{text-align:left}.aq-hero .aq-main{gap:16px}.aq-hero .aq-number{width:100px;height:100px}.aq-hero .aq-number strong{font-size:42px}.aq-hero .aq-main h3{font-size:23px}.aq-hero .aq-bottom{flex-wrap:wrap;gap:8px}}
@media(max-width:350px){.aq-hero .aq-main{flex-wrap:wrap}}