/* air-quality/aq.css — the air-quality/<city> pages and hubs (bin/build-aq-pages.cjs), on top of layers/pages.css. Colours: US EPA AQI categories. */
.sk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 8px}
.sk-tile{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;gap:2px;min-width:0}
.sk-tile span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.sk-tile b{font-size:28px;line-height:1.15;font-variant-numeric:tabular-nums}.sk-tile small{color:var(--muted)}
.aq-t{border:0;color:#fff!important}.aq-t span,.aq-t small{color:rgba(255,255,255,.88)!important}
.aq-t.aq-good,.aq-t.aq-mod{color:#1d2300!important}.aq-t.aq-good span,.aq-t.aq-good small,.aq-t.aq-mod span,.aq-t.aq-mod small{color:rgba(29,35,0,.75)!important}
.aq-good{background:#00e400}.aq-mod{background:#ffff00}.aq-usg{background:#ff7e00}.aq-unh{background:#ff0000}.aq-vunh{background:#8f3f97}.aq-haz{background:#7e0023}.aq-na{background:var(--line2)}
.aq-t.aq-usg{color:#2a1500!important}.aq-t.aq-usg span,.aq-t.aq-usg small{color:rgba(42,21,0,.78)!important}
.aq-say{margin:8px 0}.aq-adv{padding-left:18px}.aq-adv li{margin:6px 0}
.aq-none{padding:12px 14px;border-radius:12px;border:1px dashed var(--line2);background:var(--bg2)}
.aq-bars{display:flex;align-items:flex-end;gap:1px;height:150px;margin:8px 0 4px;padding-bottom:20px;border-bottom:1px solid var(--line);position:relative}
.aq-bars div{flex:1 1 0;min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.aq-bars div.aq-d{border-left:1px dashed var(--line2)}
.aq-bars i{display:block;border-radius:2px 2px 0 0;min-height:1px}
.aq-bars span{position:absolute;bottom:-19px;left:0;font-size:10.5px;color:var(--muted);white-space:nowrap}
.aq-leg{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}
.aq-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}
.aq-over{font-weight:600;color:#c0392b}.aq-ok{color:var(--muted)}.aq-dom td{font-weight:600}
.aq-pk{display:inline-block;padding:0 5px;border-radius:5px;font-size:11px;font-weight:600;color:#fff!important;margin-left:4px}
.aq-pk.aq-good,.aq-pk.aq-mod,.aq-pk.aq-usg{color:#1d2300!important}
.sk-map{width:100%;height:360px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.sk-hub h2{margin-top:26px}
.dr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dr-t{width:100%;border-collapse:collapse;font-size:14px}.dr-t th,.dr-t td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.dr-t th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.dr-t small{color:var(--muted)}
.dr-stamp{font-size:13px;color:var(--muted);margin:4px 0 0}
.dr-pro{margin:26px 0;padding:18px 20px;border-radius:14px;background:var(--bg2);border:1px solid var(--line)}.dr-pro h2{margin-top:0}.dr-pro p{margin:8px 0}
.al-ch{border:0;padding:0;margin:12px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.al-ch legend{float:left;margin-right:4px;font-weight:600}
.al-ch label{position:relative;cursor:pointer}.al-ch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.al-ch span{display:inline-block;min-width:44px;box-sizing:border-box;padding:8px 10px;text-align:center;border:1px solid var(--line2);border-radius:10px;background:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.al-ch input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.al-ch input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.al-ch small{color:var(--muted)}
.al-where{margin:12px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.al-where label{font-weight:600}.al-where select{max-width:100%;padding:8px 10px;font:inherit;border:1px solid var(--line2);border-radius:10px;background:#fff}
.al-btns{display:flex;flex-wrap:wrap;gap:8px}.al-btns .lp-btn{max-width:100%;box-sizing:border-box;text-align:center}.al-btns [hidden]{display:none}
.al-off{border:0;cursor:pointer;font:inherit;font-weight:600;background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line2)}
.al-on{font-weight:600;color:#0b5d2a;margin:8px 0}.al-on::before{content:"\2713  "}.al-msg{font-size:14px;color:var(--fg2,inherit)}.al-msg:empty{display:none}
.dr-faq dt{font-weight:600;margin-top:14px}.dr-faq dd{margin:4px 0 0}
.dr-q{width:100%;box-sizing:border-box;padding:10px 12px;font-size:16px;border:1px solid var(--line2);border-radius:10px;margin:10px 0}
.dr-cities{list-style:none;padding:0;margin:8px 0;columns:3 180px;column-gap:20px}.dr-cities li{break-inside:avoid;padding:3px 0}.dr-cities small{color:var(--muted)}
@media (max-width:560px){.dr-t{font-size:13.5px}.dr-t th,.dr-t td{padding:6px 5px}.sk-tile b{font-size:24px}.sk-map{height:300px}.aq-bars{height:130px}.aq-bars span{font-size:9.5px}}