:root{color-scheme:light;--ink:#17353d;--muted:#66777a;--paper:#f5f5ed;--teal:#187f78;--line:#dbe3da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}button,select,a{ -webkit-tap-highlight-color:transparent}button,select{font:inherit;border:1px solid #cbd7d1;border-radius:8px;background:transparent;color:var(--ink);padding:9px 14px;cursor:pointer}button:hover,a:hover{filter:brightness(.85)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f2b65c;outline-offset:4px}a{color:inherit}header{height:84px;max-width:1440px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:2px;font-size:12px}.mark{font-size:38px;line-height:1;color:var(--teal)}.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}main{max-width:1320px;margin:auto;padding:48px 36px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;margin:0 0 14px}h1{font-size:54px;line-height:1.1;letter-spacing:-2px;margin:0;font-weight:650}h1 span{display:block;font-size:25px;letter-spacing:-.5px;font-weight:400;margin-top:12px}.subtitle{color:var(--muted);margin:14px 0 0;font-size:15px}.refresh-panel{background:#e8eee5;border:1px solid #d9e3d6;padding:20px 24px;border-radius:12px;min-width:270px}.status{display:flex;align-items:center;gap:8px;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;background:#9eada8}.next{font-size:12px;margin:10px 0 14px;color:var(--muted)}.next strong{font-variant-numeric:tabular-nums;color:var(--ink);font-size:19px;margin-left:8px}.buttons{display:flex;gap:8px}.primary{background:var(--ink);color:white;border-color:var(--ink)}.notice{display:flex;align-items:flex-start;gap:20px;font-size:12px;background:#eaf0ed;border-left:3px solid #4e8c83;padding:15px 18px;margin-bottom:20px;border-radius:0 6px 6px 0}.notice strong{white-space:nowrap}.error{background:#fff0df;border-color:#cf772c}.error[hidden]{display:none}.overview{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:34px}.aqi-card{background:#183b40;color:#f5f8ee;padding:28px 30px;border-radius:15px;position:relative;overflow:hidden}.aqi-card:after{content:'';position:absolute;right:-70px;top:0;width:260px;height:260px;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none;box-shadow:0 0 0 40px #ffffff04,0 0 0 80px #ffffff03}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-top .eyebrow{margin:0}.pill{font-size:8px;letter-spacing:1px;border:1px solid #ffffff40;border-radius:20px;padding:4px 8px;white-space:nowrap}.aqi-main{display:flex;align-items:center;gap:28px;margin:12px 0 16px}.aqi-main>span{font-size:100px;font-weight:500;letter-spacing:-5px;line-height:1.2;color:#e8cb55}.aqi-main h2{font-size:27px;margin:0;font-weight:500}.aqi-main p{font-size:11px;opacity:.7;margin:6px 0 0}.scale{display:flex;height:6px;gap:4px;position:relative}.scale i{flex:1;border-radius:6px}.scale-label{display:flex;justify-content:space-between;font-size:9px;color:#b3c7c3;margin-top:8px}.context{font-size:12px;margin:17px 0 0;color:#ceded7}.timing-card{border:1px solid var(--line);border-radius:15px;padding:27px;background:#fafbf5}.timing-card>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.timing-card strong{font-weight:600;text-align:right}.timing-card span{color:var(--muted)}.timing-card p:last-child{font-size:11px;color:var(--muted);margin:16px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.section-heading h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:32px}.metric{border:1px solid var(--line);background:#fafbf5;border-radius:12px;padding:18px 16px}.metric h3{font-size:13px;margin:0;font-weight:650}.metric .value{font-size:29px;letter-spacing:-1px;margin:10px 0 0;font-variant-numeric:tabular-nums}.metric small{font-size:9px;color:var(--muted)}.chart-panel{background:#fafbf5;border:1px solid var(--line);border-radius:15px;padding:26px;margin-bottom:26px}.chart-heading .eyebrow{margin-bottom:6px}.chart-controls{display:flex;align-items:center;gap:14px;font-size:11px}.chart-controls select{padding:8px 10px}.segmented{display:flex;border:1px solid #cbd7d1;border-radius:7px;padding:3px}.segmented button{border:0;border-radius:4px;font-size:10px;padding:6px 10px}.segmented .selected{color:#fff;background:var(--ink)}#chart-caption,#readout{font-size:11px;color:var(--muted);margin:10px 0}#chart-wrap{position:relative;min-height:200px}#chart{display:block;width:100%;height:auto;overflow:visible}#readout{min-height:18px;color:var(--ink)}details{font-size:12px}summary{cursor:pointer;color:var(--teal);padding:10px 0}.table-scroll{max-height:250px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}td,th{padding:8px 12px;border-bottom:1px solid var(--line)}.station-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:24px 0 32px;border-bottom:1px solid var(--line)}.station-panel h2{font-size:24px;letter-spacing:-.5px;font-weight:550;margin:0}.station-panel p:not(.eyebrow){font-size:12px;color:var(--muted)}.source-buttons{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;margin-top:18px}.station-panel aside{border-left:1px solid var(--line);padding-left:30px}.fine{font-size:10px!important}#station-content{font-size:12px;min-height:70px}.method{padding:18px 0}.method p{font-size:12px;color:var(--muted);max-width:1000px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:24px;font-size:10px;color:var(--muted)}footer span:first-child{letter-spacing:1.5px;font-weight:700}.stale{color:#ad5e15!important}@media(min-width:1600px){main{padding-top:60px}}@media(max-width:1000px){.metrics{grid-template-columns:repeat(4,1fr)}.overview{grid-template-columns:1.3fr 1fr}.card-top{align-items:flex-start;flex-direction:column}.aqi-main{gap:16px}.aqi-main>span{font-size:80px}.aqi-main h2{font-size:23px}}@media(max-width:700px){header{height:70px;padding:0 20px}.header-actions{gap:10px}#clock{display:none}main{padding:30px 20px 20px}.intro{flex-direction:column;align-items:stretch;gap:24px}h1{font-size:42px}h1 span{font-size:21px}.refresh-panel{min-width:0;padding:16px 20px}.overview{grid-template-columns:1fr}.notice{flex-direction:column;gap:5px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics .metric:last-child{grid-column:span 2}.metric{padding:16px}.metric .value{font-size:30px}.chart-panel{padding:20px 14px}.chart-heading{align-items:flex-start;flex-direction:column}.chart-controls{width:100%;justify-content:space-between}#chart-wrap{min-height:120px}.station-panel{grid-template-columns:1fr;gap:25px}.station-panel aside{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:20px}.section-heading>span{max-width:130px;text-align:right}footer{flex-wrap:wrap;font-size:9px}.aqi-card{padding:24px}.card-top{flex-direction:row}.aqi-main>span{font-size:90px}}

/* The Lion of Judah Music palette and typography */
:root{color-scheme:dark;--ink:#f6f0df;--muted:#b4bead;--paper:#091b13;--teal:#e7c16a;--line:rgba(231,193,106,.22)}body{font-family:Manrope,Arial,sans-serif}a{text-underline-offset:3px}button,select{border-color:#52604a;background:#12271c;color:var(--ink)}select option{background:#12271c;color:#f6f0df}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:68px;font-weight:500;letter-spacing:-1px}h1 span{font-family:Manrope,Arial,sans-serif;font-size:22px;letter-spacing:0}.rasta-line{height:4px;background:linear-gradient(90deg,#288448 0 33.333%,#e7c16a 33.333% 66.666%,#bf3a35 66.666%)}header{height:100px}.brand{gap:22px;letter-spacing:2px;font-size:10px}.brand img{width:190px;height:76px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:20px}.refresh-panel{background:#12291c;border-color:var(--line);min-width:290px}.primary{background:#e7c16a;color:#091b13;border-color:#e7c16a}.next strong{color:#e7c16a}.interval-label{display:block;font-size:10px;margin-bottom:4px;color:var(--muted)}#interval{width:100%;font-size:12px;margin-bottom:12px}.notice{background:#10271c;border-color:#e7c16a;color:#c6d0bc}.error{background:#43251a;border-color:#efaa6e;color:#ffe5bf}.aqi-card{background:#122c20;border:1px solid var(--line)}.timing-card,.metric,.chart-panel{background:#0f2419;border-color:var(--line)}.eyebrow{color:#e7c16a}.aqi-main h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px}.timing-card strong{color:#e7e4d1}.context{color:#c5d4bd}.scale-label{color:#b4bead}.chart-panel h2,.section-heading h2,.station-panel h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:500}.station-panel aside{border-color:var(--line)}#readout{color:#e7c16a}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stale{color:#f7b77d!important}.buttons>button{flex:1}.metrics .metric .value{color:#f6f0df}.metrics .metric small{display:block;line-height:1.6}.embedded header,.embedded .rasta-line,.embedded .intro>div:first-child,.embedded .timing-card,.embedded .station-panel,.embedded footer{display:none}.embedded main{max-width:none;padding:16px 8px 8px}.embedded .intro{justify-content:flex-end;margin-bottom:18px}.embedded .refresh-panel{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;min-width:0}.embedded .refresh-panel .status{grid-column:1}.embedded .refresh-panel .next{grid-column:1;grid-row:2}.embedded .interval-label{grid-column:2;grid-row:1}.embedded #interval{grid-column:2;grid-row:2}.embedded .buttons{grid-column:2;grid-row:3}.embedded .overview{grid-template-columns:1fr}.embedded .aqi-main>span{font-size:90px}.embedded .aqi-card{padding:22px}.embedded .card-top{flex-direction:row}.embedded .notice{font-size:11px}.embedded .method{padding:0 0 15px}.embedded .method summary{padding:12px}.embedded .method p{padding:0 12px}.embedded .chart-panel{margin-bottom:12px} @media(max-width:700px){h1{font-size:49px}.brand img{width:150px}.brand span{display:none}header{height:84px}.header-actions button{font-size:10px;padding:8px}.embedded .refresh-panel{display:block}.embedded .buttons{margin-top:8px}.embedded .metrics{grid-template-columns:repeat(3,1fr);gap:7px}.embedded .metrics .metric:last-child{grid-column:span 1}.embedded .metric{padding:13px 9px}.embedded .metric .value{font-size:25px}.embedded .notice strong{white-space:normal}.embedded .aqi-main{gap:15px}.embedded .aqi-main h2{font-size:31px}.embedded .card-top{flex-wrap:wrap}}

.metrics{grid-template-columns:repeat(4,1fr)}.metric:last-child{grid-column:auto}.embedded .metrics{grid-template-columns:repeat(4,1fr)}@media(max-width:700px){.metrics,.embedded .metrics{grid-template-columns:repeat(2,1fr)}.metrics .metric:last-child,.embedded .metrics .metric:last-child{grid-column:auto}}