:root{--paper:#f3efe5;--paper2:#eae5da;--ink:#17221c;--muted:#657068;--line:#17221c29;--gold:#e4b73f;--up:#b95749;--down:#5f864f;--serif:"Newsreader Variable",serif;--sans:"Instrument Sans Variable",sans-serif}:root[data-theme=dark]{--paper:#141a17;--paper2:#1d2521;--ink:#edf0e9;--muted:#9ca69f;--line:#edf0e926;--gold:#dfb952;--up:#e18475;--down:#9fbd78;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);margin:0;transition:all .25s}a{color:inherit}.shell{width:min(1380px,100% - 72px);margin:auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:96px;display:grid}.brand{letter-spacing:.19em;align-items:center;gap:12px;width:max-content;font-size:12px;font-weight:750;text-decoration:none;display:flex}.brand-mark{width:27px;height:27px;position:relative}.brand-mark i{transform-origin:0;background:currentColor;width:21px;height:1px;position:absolute;top:13px}.brand-mark i:first-child{transform:rotate(-27deg)}.brand-mark i:nth-child(2){width:25px;transform:translateY(5px)rotate(-8deg)}.brand-mark i:last-child{width:15px;transform:translateY(-5px)rotate(9deg)}nav{gap:34px;display:flex}nav a{color:var(--muted);font-size:13px;text-decoration:none}nav .active{color:var(--ink)}.controls{justify-self:end;gap:8px;display:flex}.controls select,.controls button{border:1px solid var(--line);height:36px;color:var(--ink);background:0 0}.controls select{padding:0 10px;font-size:10px}.controls button{width:36px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.3fr .7fr;align-items:end;min-height:440px;padding:92px 0 80px;display:grid}.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:700}h1,h2{font:390 clamp(50px,6.5vw,88px)/.96 var(--serif);letter-spacing:-.05em;margin:22px 0 0}h1 em,h2 em{color:var(--muted);font-weight:320}.hero-note{max-width:440px;color:var(--muted);justify-self:end;font-size:17px}.hero-note span{text-transform:uppercase;letter-spacing:.1em;gap:10px;margin-top:32px;font-size:10px;display:flex}.hero-note i{background:#9fbd62;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #9fbd622e}.toolbar{grid-template-columns:auto minmax(330px,1fr) auto auto;align-items:end;gap:12px 18px;margin-bottom:16px;display:grid}.toolbar .segmented,.toolbar .sort,.toolbar .metric{align-items:center;gap:6px;display:flex}.toolbar .metric{grid-template-columns:none;gap:6px}.toolbar .metric>span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);grid-column:auto;margin-right:9px;font-size:10px;font-weight:700}.toolbar .metric button{height:auto;color:var(--muted);border:1px solid var(--line);background:0 0;padding:9px 16px}.toolbar .metric button.active{background:var(--ink);color:var(--paper)}.toolbar button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:9px 16px;font-size:12px}.toolbar button.active{background:var(--ink);color:var(--paper)}.sort span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-right:9px;font-size:10px;font-weight:700}.podium{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:18px;display:grid}.podium article{background:var(--paper);grid-template-columns:1fr auto;align-content:space-between;min-height:170px;padding:27px;display:grid}.podium span{color:var(--muted);font-size:11px}.podium strong{font:430 28px var(--serif)}.podium b{font:400 58px/1 var(--serif);grid-area:1/2/3}.podium small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:9px}.table-head,.row{grid-template-columns:64px minmax(200px,1.15fr) minmax(280px,1.35fr) 200px;align-items:center;column-gap:24px;display:grid}.table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;padding:0 22px 12px;font-size:9px;font-weight:700}.table-head span:last-child{text-align:right}.row{border-top:1px solid var(--line);min-height:72px;padding:14px 22px;text-decoration:none;transition:background .2s;position:relative}.row:hover{background:var(--paper2)}.row-index{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.row:first-child .row-index,.row:nth-child(2) .row-index,.row:nth-child(3) .row-index{color:var(--ink);font-size:15px;font-weight:700}.row .place-cell strong{font:430 19px/1.15 var(--serif);letter-spacing:-.01em;display:block}.row .place-cell small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.row-context{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.row-pollutants{flex-wrap:nowrap;align-items:stretch;gap:0;display:flex}.metric-cell{border-left:1px solid var(--line);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:56px;padding:0 14px;display:flex}.metric-cell:first-child{border-left:0;padding-left:0}.metric-cell i{letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-size:8px;font-style:normal;font-weight:700;line-height:1}.metric-cell b{color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.1}.metric-cell.metric-city b{font-family:var(--serif);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:15px;font-weight:430;overflow:hidden}.trend{border:1px solid var(--line);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:4px 8px;font-weight:600;line-height:1;font-size:10px!important;display:inline-flex!important}.trend i{font-size:12px;font-style:normal;font-weight:400}.trend-up{background:color-mix(in srgb,var(--up) 9%,transparent);border-color:color-mix(in srgb,var(--up) 25%,transparent);color:var(--up)!important}.trend-down{background:color-mix(in srgb,var(--down) 9%,transparent);border-color:color-mix(in srgb,var(--down) 25%,transparent);color:var(--down)!important}.row-value{justify-content:flex-end;align-items:center;gap:12px;display:flex}.aqi-bar{background:var(--paper);border:1px solid var(--line);flex:1;min-width:70px;max-width:110px;height:6px;position:relative;overflow:hidden}.aqi-bar i{background:var(--tone,#999);height:100%;transition:width .5s cubic-bezier(.2,.9,.3,1);position:absolute;top:0;left:0}.row>.row-value b{font:430 26px/1 var(--serif);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.02em;min-width:52px}.row>b{display:none}.tone-good{--tone:#9fbd62}.tone-moderate{--tone:#e6bd54}.tone-sensitive{--tone:#ee9058}.tone-unhealthy{--tone:#d86359}.tone-very{--tone:#9d719f}.tone-hazardous{--tone:#873e50}.row-context{justify-items:start;gap:7px;display:grid}.trend{border:1px solid var(--line);align-items:center;gap:6px;padding:4px 8px;line-height:1.25;font-size:9px!important;display:inline-flex!important}.trend i{font-size:13px;font-style:normal}.trend-up{background:color-mix(in srgb,var(--up) 7%,transparent);color:var(--up)!important}.trend-down{background:color-mix(in srgb,var(--down) 7%,transparent);color:var(--down)!important}.trend-flat{color:var(--muted)!important}.skeleton{opacity:.45}.error{text-align:center;padding:50px}.error button{margin-left:15px;padding:8px 15px}.explain{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:90px;padding:100px 0;display:grid}.explain h2{font-size:56px}.notes{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.notes span{color:var(--gold);font-size:11px}.notes h3{font:430 22px var(--serif);margin:28px 0 13px}.notes p{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);min-height:130px;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}footer div{gap:24px;display:flex}footer a{text-underline-offset:4px}@media (width<=900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-note{justify-self:start;margin-top:50px}.explain{grid-template-columns:1fr}.notes{gap:18px}.podium b{font-size:43px}.shell{width:min(100% - 40px,1380px)}}@media (width<=650px){.site-header{height:74px}.hero{min-height:420px;padding:60px 0}.hero h1{font-size:49px}.hero-note{font-size:15px}.board{padding:35px 0 70px}.toolbar{align-items:stretch;gap:12px;margin-bottom:18px}.sort{width:100%;overflow:auto}.podium{grid-template-columns:1fr}.podium article{min-height:84px;padding:16px 18px}.podium article:nth-child(n+2){display:grid}.table-head{display:none}.row{grid-template-columns:38px minmax(0,1fr) auto;align-items:start;column-gap:12px;min-height:auto;padding:16px 12px}.row .row-index{grid-row:1;padding-top:2px}.row .place-cell{grid-area:1/2}.row .row-value{flex-direction:column;grid-area:1/3;align-items:flex-end;gap:6px}.row .row-value .aqi-bar{width:70px;min-width:0}.row>.row-value b{font-size:24px}.row-context{flex-wrap:wrap;grid-area:2/2/auto/4;justify-content:flex-start;gap:8px;margin-top:8px}.row-pollutants{gap:0}.metric-cell{min-width:52px;padding:0 10px}.metric-cell i{font-size:8px}.metric-cell b{font-size:12px}.trend{white-space:normal}.explain{gap:50px;padding:70px 0}.explain h2{font-size:43px}.notes{grid-template-columns:1fr}.notes article{border-top:1px solid var(--line);padding-top:24px}footer span{display:none}footer div{flex-wrap:wrap;gap:15px}}.hero-compact{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:32px;padding:36px 0 26px;display:flex}.hero-title{max-width:640px}.hero-title h1{font:390 clamp(30px,3.4vw,44px)/1.05 var(--serif);letter-spacing:-.03em;margin:0}.hero-title h1 em{color:var(--muted);font-style:italic;font-weight:320}.hero-title p{color:var(--muted);max-width:520px;margin:8px 0 0;font-size:13px;line-height:1.5}.hero-status{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;align-items:center;gap:8px;padding-bottom:4px;font-size:10px;font-weight:700;display:flex}.live-dot{background:#9fbd62;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite live;box-shadow:0 0 0 5px #9fbd622e}@keyframes live{50%{opacity:.55}}.board{padding:22px 0 110px}@media (width<=900px){.hero-compact{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 0 22px}.hero-status{padding-bottom:0}.hero-title p{font-size:12px}}@media (width<=650px){.hero-compact{padding:20px 0 18px}.hero-title h1{font-size:26px}.hero-title p{margin-top:6px}}.explorer-tools{grid-template-columns:minmax(180px,1fr) 138px;gap:8px;min-width:0;display:grid}.explorer-tools label{gap:6px;display:grid}.explorer-tools label span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:9px;font-weight:700}.explorer-tools input,.explorer-tools select{border:1px solid var(--line);width:100%;height:37px;color:var(--ink);font:12px var(--sans);background:0 0;padding:0 11px}.explorer-tools input:focus,.explorer-tools select:focus{outline:1px solid var(--ink);outline-offset:-1px}.empty{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:60px 20px}.insights{border:1px solid var(--line);align-items:stretch;margin-bottom:28px;display:flex;overflow:hidden}.insights article{border-right:1px solid var(--line);flex:1;align-items:center;gap:14px;min-width:0;padding:12px 18px;display:flex}.insights article:last-child{border-right:0}.insights span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;flex:1;font-size:9px;font-weight:700;line-height:1.35}.insights strong{font:430 26px/1 var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}.insights small{display:none}.reading-key{border:1px solid var(--line);background:var(--paper2);grid-template-columns:.8fr 1.2fr;margin-top:34px;display:grid}.trend-guide{border-right:1px solid var(--line);grid-template-columns:40px 1fr;align-items:start;gap:15px;padding:24px;display:grid}.trend-guide>span{border:1px solid var(--up);width:34px;height:34px;color:var(--up);font:430 20px var(--serif);place-items:center;display:grid}.trend-guide strong{font:430 18px var(--serif)}.trend-guide p{max-width:470px;color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.55}.band-guide{padding:22px 24px}.band-guide>span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:9px;display:block}.band-guide>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.band-guide i{border:1px solid var(--line);color:var(--muted);padding:9px 9px 9px 21px;font-size:9px;font-style:normal;position:relative}.band-guide i:before{content:"";background:var(--tone);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}@media (width<=1180px){.toolbar{grid-template-columns:auto minmax(320px,1fr)}.toolbar .sort,.toolbar .metric{justify-self:start}.toolbar .metric{justify-self:end}}@media (width<=900px){.reading-key{grid-template-columns:1fr}.trend-guide{border-right:0;border-bottom:1px solid var(--line)}.toolbar{grid-template-columns:1fr}.toolbar .segmented,.toolbar .sort,.toolbar .metric{justify-self:start}.explorer-tools{grid-template-columns:minmax(180px,1fr) 150px;width:100%}}@media (width<=780px){.insights{flex-wrap:wrap}.insights article{border-bottom:1px solid var(--line);flex:0 0 50%;padding:10px 14px}.insights article:nth-child(2){border-right:0}.insights article:nth-last-child(-n+2){border-bottom:0}.toolbar{gap:12px}.toolbar .metric,.toolbar .sort{width:100%;overflow-x:auto}}@media (width<=520px){.explorer-tools{grid-template-columns:1fr}.insights article{min-height:0;padding:10px 14px}.insights strong{font-size:22px}.reading-key{margin-top:24px}.trend-guide{grid-template-columns:32px 1fr;padding:18px 16px}.trend-guide>span{width:28px;height:28px}.band-guide{padding:18px 16px}.band-guide>div{grid-template-columns:1fr 1fr}.band-guide i{font-size:8px}}.table-head,.row{grid-template-columns:64px minmax(180px,.85fr) minmax(430px,1.7fr) 170px;column-gap:20px}.row-context{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.row-pollutants{flex:none;grid-template-columns:repeat(3,92px);display:grid}.metric-cell{width:92px;min-width:92px;padding:0 16px}.metric-cell:first-child{padding-left:0}.trend{white-space:nowrap;grid-template-columns:1fr 13px 24px;align-items:center;gap:3px;width:112px;min-width:112px;padding:6px 8px;font-size:9px!important;display:grid!important}.trend small{letter-spacing:.1em;color:currentColor;opacity:.8;font-size:8px}.trend i{text-align:center}.trend b{color:currentColor;text-align:right;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}@media (width<=1100px) and (width>=651px){.table-head,.row{grid-template-columns:52px minmax(145px,.75fr) minmax(320px,1.55fr) 135px;column-gap:14px}.row-pollutants{grid-template-columns:repeat(3,76px)}.metric-cell{width:76px;min-width:76px;padding:0 10px}.trend{width:104px;min-width:104px}.aqi-bar{max-width:76px}}@media (width<=650px){.table-head{display:none}.row{grid-template-columns:38px minmax(0,1fr) auto;column-gap:12px}.row-context{flex-wrap:nowrap;grid-area:2/2/auto/4;justify-content:flex-start;gap:8px;padding-bottom:2px;overflow-x:auto}.row-pollutants{flex-wrap:nowrap;grid-template-columns:repeat(3,72px)}.metric-cell{width:72px;min-width:72px;padding:0 9px}.trend{flex:none;width:104px;min-width:104px}}