:root{--paper:#f3efe5;--paper2:#e8e2d6;--ink:#18221d;--muted:#657168;--line:#18221d29;--accent:#d9ad3b;--status:#9fbd62;--serif:"Newsreader Variable",serif;--sans:"Instrument Sans Variable",sans-serif}:root[data-theme=dark]{--paper:#141b17;--paper2:#1d2520;--ink:#eef0e9;--muted:#9aa59e;--line:#eef0e926;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans);margin:0;transition:all .25s}a{color:inherit}.shell{width:min(1280px,100% - 72px);margin:auto}.header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:90px;display:grid}.brand{letter-spacing:.18em;font-size:12px;font-weight:750;text-decoration:none}.mark{vertical-align:-3px;margin-right:10px;font-size:25px}.header nav{gap:32px;display:flex}.header nav a{color:var(--muted);font-size:12px;text-decoration:none}.controls{justify-self:end;gap:8px;display:flex}.controls select,.controls button{border:1px solid var(--line);height:36px;color:var(--ink);font:11px var(--sans);background:0 0}.controls select{max-width:96px;padding:0 8px}.controls button{width:36px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:590px;padding:80px 0;display:grid}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:750}h1,h2{font:390 clamp(44px,5.3vw,74px)/.98 var(--serif);letter-spacing:-.045em;margin:21px 0}h1 em,h2 em{color:var(--muted);font-weight:310}.hero-copy>p:last-child{max-width:560px;color:var(--muted);font-size:17px}.live-card{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,var(--status));padding:30px;box-shadow:0 22px 70px #151b170f}.live-head{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:9px;display:flex}.live-head i{background:var(--status);border-radius:50%;width:6px;height:6px;margin-left:auto}.live-head small{color:var(--muted)}.current{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:end;padding:34px 0 28px;display:grid}.current>strong{font:400 80px/.8 var(--serif)}.current>span{color:var(--muted);margin-left:10px;font-size:10px}.current>b{letter-spacing:.12em;color:var(--status);font-size:10px}.metrics{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0;display:grid}.metrics>div{background:var(--paper);padding:15px}.metrics small{color:var(--muted);min-height:28px;font-size:9px;display:block}.metrics strong{font:430 22px var(--serif)}.live-card>p{color:var(--muted);margin:0;font-size:13px}.tone-moderate{--status:#e6bd54}.tone-sensitive{--status:#ee9058}.tone-unhealthy{--status:#d86359}.tone-very{--status:#9d719f}.tone-hazardous{--status:#873e50}.forecast{border-top:1px solid var(--line);padding:100px 0}.section-title{grid-template-columns:.5fr 1fr;align-items:end;margin-bottom:55px;display:grid}.section-title .kicker{grid-column:1}.section-title h2{grid-column:1;margin-bottom:0;font-size:52px}.section-title span{max-width:430px;color:var(--muted);grid-area:1/2/3;justify-self:end;font-size:16px}.chart-card{border:1px solid var(--line);grid-template-columns:50px 1fr;height:330px;padding:25px;display:grid}.chart-scale{color:var(--muted);flex-direction:column;justify-content:space-between;padding-bottom:34px;font-size:9px;display:flex}.chart{background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 52px);position:relative}.chart svg{width:100%;height:260px;overflow:visible}.chart #line{fill:none;stroke:var(--status);stroke-width:2.5px;vector-effect:non-scaling-stroke}.chart #area{fill:color-mix(in srgb,var(--status) 15%,transparent)}.chart circle{fill:var(--paper);stroke:var(--status);stroke-width:2px;vector-effect:non-scaling-stroke}.chart-labels{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.pollutants{border:1px solid var(--line);border-top:0;grid-template-columns:repeat(4,1fr);display:grid}.pollutants div{border-right:1px solid var(--line);padding:22px}.pollutants div:last-child{border:0}.pollutants span,.pollutants small{color:var(--muted);font-size:9px}.pollutants strong{font:430 28px var(--serif);margin:0 8px}.context-section{background:var(--ink);color:var(--paper);padding:110px 0}.context-grid{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.context-grid h2{font-size:54px}.context-grid .intro{color:color-mix(in srgb,var(--paper) 62%,transparent);max-width:450px}.drivers{border-top:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}.drivers article{border-bottom:1px solid color-mix(in srgb,var(--paper) 18%,transparent);grid-template-columns:50px 1fr;align-items:center;min-height:72px;display:grid}.drivers span{color:var(--accent);font-size:9px}.drivers strong{font:400 20px var(--serif)}.season{border-left:3px solid var(--accent);grid-column:2;padding:5px 0 5px 25px}.season small{text-transform:uppercase;letter-spacing:.12em;font-size:9px}.season p{max-width:620px;color:color-mix(in srgb,var(--paper) 68%,transparent)}.guide{grid-template-columns:.7fr 1.3fr;gap:75px;padding:110px 0;display:grid}.guide h2{font-size:55px}.scale article{border-top:1px solid var(--line);grid-template-columns:12px 80px 1fr;align-items:center;min-height:66px;display:grid}.scale i{background:var(--c);border-radius:50%;width:7px;height:7px}.scale span{color:var(--muted);font-size:10px}.scale strong{font-size:13px;font-weight:450}.actions{grid-column:2;grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions a{border:1px solid var(--line);justify-content:space-between;padding:20px;text-decoration:none;display:flex}.method{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:75px;padding:100px 0;display:grid}.method h2{font-size:46px}.method>div:last-child>p{color:var(--muted);max-width:700px}.method details{border-top:1px solid var(--line);padding:18px 0}.method summary{cursor:pointer;font-weight:600}.method details p{color:var(--muted)}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:120px;font-size:10px;display:flex}footer>a{letter-spacing:.17em;font-weight:750;text-decoration:none}footer div{color:var(--muted);gap:22px;display:flex}footer div a{text-underline-offset:4px}@media (width<=850px){.shell{width:min(100% - 40px,1280px)}.header{grid-template-columns:1fr auto}.header nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding:65px 0}.live-card{width:100%}.section-title,.context-grid,.guide,.method{grid-template-columns:1fr}.section-title span{grid-area:auto/1;justify-self:start;margin-top:25px}.season,.actions{grid-column:1}.pollutants{grid-template-columns:1fr 1fr}.pollutants div:nth-child(2){border-right:0}.pollutants div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=520px){.shell{width:calc(100% - 32px)}.header{height:74px}.controls select{width:63px}.hero{min-height:auto;padding:55px 0}.hero h1{font-size:46px}.hero-copy>p:last-child{font-size:15px}.live-card{padding:21px}.current>strong{font-size:66px}.current{grid-template-columns:auto 1fr}.current>b{grid-column:1/3;margin-top:16px}.metrics{grid-template-columns:1fr}.metrics small{min-height:auto}.forecast,.guide,.method{padding:75px 0}.section-title h2,.context-grid h2,.guide h2{font-size:43px}.chart-card{grid-template-columns:35px 1fr;height:300px;padding:18px 10px}.chart svg{height:240px}.context-section{padding:75px 0}.context-grid{gap:45px}.pollutants strong{font-size:23px}.actions{grid-template-columns:1fr}footer div{display:none}}