@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#203e3a;--muted:#798a83;--teal:#1d655b;--line:#e5ebe6;--cream:#fafbf7;--soft:#eff4ef;--orange:#b87937;--shadow:0 4px 24px #24483b12}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d6a65b;outline-offset:3px}button{border:0;background:none}header{height:86px;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:#fff;gap:35px;position:relative;z-index:1100}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.8px;min-width:295px}.brand-icon{display:block;width:41px;height:41px;flex-shrink:0}.brand-light{font-weight:500}.brand small{display:block;font-family:'DM Sans';font-size:9px;font-weight:600;letter-spacing:2.2px;margin-top:5px;color:var(--muted)}nav{height:100%;display:flex;align-items:center;gap:30px}.nav-button{position:relative;height:100%;font-size:13px;font-weight:550;color:#6b7b74;padding:0 3px}.nav-button.active{color:var(--teal)}.nav-button.active:after{content:'';position:absolute;bottom:0;height:3px;border-radius:3px;left:0;right:0;background:var(--teal)}.account-button{display:inline-flex;align-items:center;gap:7px;margin-left:auto;background:#edf3ee;border:1px solid #dde8de;border-radius:9px;padding:11px 16px;font-weight:600;font-size:12px;white-space:nowrap}.account-icon{display:block;flex-shrink:0}main{display:grid;grid-template-columns:348px 1fr;height:calc(100dvh - 86px);min-height:660px}.sidebar{padding:31px 27px 17px;background:#fff;overflow-y:auto;z-index:500;border-right:1px solid var(--line)}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#77887e;display:flex;align-items:center;gap:7px}.tiny-dot{width:5px;height:5px;background:#65937c;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:34px;line-height:1.23;letter-spacing:-1.45px;font-weight:650;margin:16px 0 11px}h1>span{color:#6a9980}.intro{color:#7d8880;line-height:1.7;font-size:12px;margin:0}.region{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:23px}.region>span{font-size:25px;color:#739381}.region strong{font-size:12px;font-weight:600}.region small{display:block;color:#88958c;font-size:10px;margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px}h2{font-size:12px;font-weight:650;margin:0}.unit{color:#8d9a92;font-size:10px}.station-card{border:1px solid #e0e9e1;border-radius:10px;padding:13px 14px;width:100%;text-align:left;margin-bottom:9px;background:#fff;transition:.2s}.station-card:hover{border-color:#84a795;transform:translateY(-1px);box-shadow:var(--shadow)}.station-card:first-child{background:#f6f9f4}.station-top{display:flex;justify-content:space-between;align-items:center}.station-name{font-size:12px;font-weight:600}.station-arrow{color:#9aaa9f;font-size:15px}.station-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:11px}.station-value{font-family:Manrope;font-size:26px;letter-spacing:-1px;font-weight:650}.station-value small{font-family:'DM Sans';font-size:11px;color:#9aa49d;letter-spacing:0;margin-left:5px;font-weight:400}.station-time{font-size:9px;color:#839286;text-align:right;line-height:1.5}.freshness{display:inline-flex;align-items:center;gap:4px;color:#7b8e76}.freshness:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.stale{color:#ac8755}.text-button{font-size:11px;color:var(--teal);display:flex;justify-content:space-between;align-items:center;padding:8px 0;width:100%;font-weight:500}.text-button span{font-size:16px}.weather-card{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.model-tag{font-size:7px;letter-spacing:.7px;color:#9aa18e;background:#f1f3ec;padding:4px;border-radius:3px;white-space:nowrap}.weather-main{display:flex;align-items:center;gap:12px;padding:8px 0 15px}.wind-orb{height:46px;width:46px;background:#edf4ee;border:1px solid #dde8de;border-radius:50%;display:grid;place-items:center;position:relative}.wind-orb:before,.wind-orb:after{content:'';height:3px;width:3px;background:#bacabd;position:absolute;top:3px;border-radius:50%}.wind-orb:after{top:auto;bottom:3px}.wind-orb span{display:block;font-size:26px;color:#407769}.weather-main strong{font-family:Manrope;font-size:23px;font-weight:600;letter-spacing:-.7px}.weather-main strong small{font-family:'DM Sans';font-size:11px;font-weight:400;letter-spacing:0;color:#8b988f}.weather-main p{font-size:9px;color:#85968a;margin:4px 0 0}.temp{margin-left:auto;text-align:right;font-size:23px;font-family:Manrope}.temp small{display:block;font-family:'DM Sans';font-size:9px;color:#95a093;margin-top:6px}.weather-meta{display:flex;justify-content:space-between;color:#95a193;font-size:9px;align-items:center;border-top:1px solid #f0f2ed;padding-top:5px}.compact{width:auto;font-size:9px}.explainer{display:flex;gap:10px;padding:15px 12px;background:#f5f6f0;border-radius:8px;margin-top:20px;color:#86907c}.info-icon{border:1px solid #9fa98c;border-radius:50%;font-family:serif;height:15px;min-width:15px;display:grid;place-items:center;font-size:11px;margin-top:3px}.explainer p{font-size:10px;line-height:1.7;margin:0}.explainer strong{font-weight:500;color:#62745f}.sidebar-footer{font-size:8px;color:#a2aba1;display:flex;flex-direction:column;gap:6px;margin-top:19px}.map-section{position:relative;min-width:0;overflow:hidden;background:#e7eada}.map-section #map{width:100%;height:100%;background:#edf0e4;z-index:1}.leaflet-tile-pane{filter:saturate(.6) contrast(.94) brightness(1.02)}.leaflet-control-attribution{display:none}.map-top{position:absolute;z-index:700;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}.map-top>*{pointer-events:auto}.map-tabs{display:flex;padding:5px;background:#fffefbed;border:1px solid #fff;border-radius:10px;box-shadow:var(--shadow)}.map-tabs button{padding:11px 16px;font-size:11px;font-weight:500;color:#819084;border-radius:7px}.map-tabs button.selected{background:#225f54;color:#fff}.icon-button{background:#fffffff2;border:1px solid #e2e6dc;width:39px;height:39px;border-radius:8px;font-size:22px;box-shadow:var(--shadow);display:grid;place-items:center}.map-notice{position:absolute;z-index:700;top:93px;left:25px;display:flex;align-items:center;gap:9px;background:#ffffffeb;border:1px solid #fff;padding:10px 12px;border-radius:8px;box-shadow:var(--shadow)}.map-notice strong{display:block;font-size:10px;font-weight:550}.map-notice small{display:block;color:#8a968a;font-size:9px;margin-top:3px}.live-dot{width:6px;height:6px;border-radius:50%;background:#8c9b5a}.map-notice button{border:1px solid #a8b5a7;border-radius:50%;width:15px;height:15px;padding:0;margin-left:10px;font-size:10px;color:#91a08d}.map-tools{position:absolute;z-index:700;right:24px;top:91px;display:flex;flex-direction:column;gap:5px}.map-legend{position:absolute;z-index:700;bottom:174px;left:25px;background:#fffffff0;padding:15px 17px;border:1px solid #fff;border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;color:#829080;font-size:9px}.map-legend strong{color:#526a55;font-size:10px;margin-bottom:2px}.legend-content>span{display:flex;align-items:center;gap:8px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid white;outline:1px solid #7b9c87}.benzene{background:#477f68}.other{background:#b3bca7;outline-color:#c2cbb8}.meteo{background:#71a3ad;outline-color:#a4c0c6;border-radius:1px}.gradient-bar{height:5px;border-radius:5px;background:linear-gradient(90deg,#e4ecd4,#b8d8b1,#79bca1,#3d8c80);margin-top:4px}.map-legend small{font-size:8px;color:#98a18e}.timeline{position:absolute;bottom:35px;left:24px;right:24px;z-index:700;background:#ffffffef;border:1px solid #fff;border-radius:13px;box-shadow:0 6px 40px #2b423526;padding:19px 23px 17px;backdrop-filter:blur(8px)}.timeline-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.timeline-label{display:block;font-size:8px;letter-spacing:1.5px;color:#91a08b;margin-bottom:6px}.timeline-top strong{font-size:12px;font-weight:550}.now-button{background:#edf3e9;color:#5a805c;padding:7px 9px;font-size:9px;border-radius:5px}.now-button span{margin-left:11px}.timeline-controls{display:flex;align-items:center;gap:20px}.play-button{width:32px;height:32px;border-radius:50%;background:#235f53;color:white;display:grid;place-items:center;flex-shrink:0;font-size:10px}.timeline-track{flex:1;min-width:0;position:relative}.timeline-track input{width:100%;accent-color:#2d7762;height:4px;display:block;cursor:pointer}.timeline-ticks{display:flex;justify-content:space-between;color:#93a08f;font-size:8px;margin:11px 0 0}.timeline-controls select{background:transparent;border:1px solid #e1e7dc;color:#84947e;border-radius:5px;font-size:9px;padding:5px;width:44px}.map-source{position:absolute;bottom:10px;right:24px;z-index:500;color:#7c8d78;font-size:8px;background:#ffffffa3;padding:3px 5px;border-radius:3px}.map-source span{margin:0 4px}.station-marker{background:none;border:0}.marker-bubble{background:#fff;border:1px solid #c8d9c8;color:#315e48;border-radius:22px;padding:5px 9px 5px 7px;box-shadow:0 2px 6px #203d3c23;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:600;width:max-content;transition:transform .2s}.marker-bubble:before{content:'';background:#679a75;width:7px;height:7px;border:2px solid white;outline:1px solid #82a588;border-radius:50%}.marker-bubble.missing{color:#98a18b}.marker-bubble.missing:before{background:#aab8a1}.marker-other{width:12px;height:12px;border:3px solid white;outline:1px solid #97aa8c;border-radius:50%;background:#b5c1a9;box-shadow:0 2px 4px #0002}.marker-weather{background:#78a7ae;width:11px;height:11px;border:2px solid white;outline:1px solid #98b3b5;border-radius:2px;transform:rotate(45deg)}.source-marker{display:flex;flex-direction:column;align-items:center;width:max-content;gap:5px;pointer-events:none}.source-symbol{width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #223c3726;border:1px solid #d4d9c9;display:grid;place-items:center;font-size:16px;color:#a48960}.source-marker span{font-size:8px;letter-spacing:1px;color:#8a7d5e;background:#ffffffb5;padding:3px 5px;border-radius:3px}.leaflet-popup-content-wrapper{border-radius:12px;color:var(--ink);font-family:'DM Sans';box-shadow:var(--shadow)}.leaflet-popup-content{line-height:1.7;min-width:180px}.leaflet-popup-content button{display:block;background:#eef4ed;color:var(--teal);border-radius:6px;padding:7px 11px;margin-top:9px;font-size:11px}.leaflet-popup-content small{color:#879582}.pin-hint{position:absolute;z-index:800;top:160px;left:50%;transform:translateX(-50%);background:#234e44;color:#fff;padding:12px 20px;border-radius:20px;white-space:nowrap;font-size:12px}dialog{border:1px solid #e4eadf;border-radius:18px;box-shadow:0 25px 100px #102a4033;padding:26px 30px;width:min(760px,95vw);max-height:90dvh;color:var(--ink)}dialog::backdrop{background:#1e362d55;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.close-dialog{font-size:24px;color:#8a9786}.dialog-content h2,#dialog-content h2{font-family:Manrope;font-size:26px;letter-spacing:-.7px;margin:5px 0 14px}#dialog-content p{line-height:1.8;color:#71816e;font-size:13px}#dialog-content a{color:var(--teal)}.detail-value{font-family:Manrope;font-size:42px;margin:15px 0}.detail-value small{font-size:13px;color:#8b9a85}.chart{height:175px;width:100%;margin:10px 0}.chart text{font-family:'DM Sans';font-size:10px;fill:#8a9883}.detail-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:18px 0}.detail-controls input,.detail-controls select,.form-input{padding:10px;border:1px solid #dce6d9;border-radius:7px;color:var(--ink);background:white}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.stat-box{background:#f3f6ef;border-radius:9px;padding:13px}.stat-box small{display:block;font-size:10px;color:#899681;margin-bottom:7px}.stat-box strong{font-size:19px;font-weight:500}.note{background:#f5f4eb;padding:14px;border-radius:8px;font-size:11px!important}.primary-button{background:var(--teal);color:#fff;border-radius:7px;padding:11px 16px;font-size:12px}.secondary-button{border:1px solid #dbe6d8;border-radius:7px;padding:10px 15px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}td,th{padding:12px 7px;border-bottom:1px solid var(--line)}th{font-size:10px;color:#8a9783;font-weight:500}td button{color:var(--teal);text-align:left}.badge{background:#eef4e9;color:#668659;font-size:9px;border-radius:5px;padding:4px 6px}.form-stack{display:flex;flex-direction:column;gap:10px;margin:20px 0}.form-stack label{font-size:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saved-place{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:2500;background:#1c5046;color:#fff;padding:13px 21px;border-radius:9px;pointer-events:none;transition:.2s;font-size:12px;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.loading{font-size:12px;padding:22px 0;color:#8d9b85}.hidden{display:none!important}
@media(min-width:1500px){header{padding:0 43px}main{grid-template-columns:390px 1fr}.sidebar{padding:38px 34px}h1{font-size:40px}.station-card{padding:17px}.region{padding:25px 0}.weather-card{margin-top:30px}.map-top{left:32px;right:32px;top:28px}.timeline{left:32px;right:32px;bottom:38px}.map-legend{left:32px;bottom:185px}.map-notice{left:32px;top:100px}}
@media(max-width:1100px){header{padding:0 22px;gap:18px}.brand{min-width:265px;font-size:18px}nav{gap:20px}main{grid-template-columns:307px 1fr}.sidebar{padding:25px 22px}h1{font-size:31px}.map-tabs button{padding:10px;font-size:10px}.timeline{padding:17px}.map-legend{font-size:8px}.map-notice small{font-size:8px}}
@media(max-width:760px){header{height:68px;padding:0 17px;gap:5px}.brand{font-size:17px;min-width:0;gap:8px}.brand-icon{width:33px;height:33px}.brand small{font-size:7px;letter-spacing:1.5px}.account-button{padding:8px 10px;font-size:10px}nav{position:fixed;bottom:0;left:0;right:0;height:52px;justify-content:space-around;background:#fffffffa;border-top:1px solid #e4eade;z-index:2000;padding-bottom:env(safe-area-inset-bottom)}.nav-button{font-size:11px}.nav-button.active:after{bottom:auto;top:0}.sidebar{order:2;padding:23px 20px 25px;overflow:visible;border:0;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.sidebar>.eyebrow,.sidebar>h1,.sidebar>.intro,.region{display:none}.sidebar .section-heading,.sidebar #station-cards,.sidebar .weather-card,.sidebar .explainer,.sidebar .sidebar-footer,#all-stations{grid-column:1/-1}#station-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.station-card{margin:0;padding:12px}.station-value{font-size:24px}.station-value small{font-size:9px}.station-time{font-size:8px}.station-bottom{align-items:start;flex-direction:column;gap:5px}.station-time{text-align:left}.station-name{font-size:11px}.weather-card{margin-top:12px}.weather-main{gap:15px}.weather-meta{font-size:10px}.explainer p{font-size:11px}.sidebar-footer{font-size:9px}main{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:52px}.map-section{height:calc(76dvh - 68px);min-height:480px;order:1}.map-top{top:14px;left:13px;right:13px;gap:7px}.map-tabs{padding:4px}.map-tabs button{font-size:10px;padding:10px 9px}.icon-button{width:34px;height:34px}.map-notice{top:72px;left:13px;padding:8px 9px;gap:7px}.map-notice strong{font-size:9px}.map-notice small{font-size:8px}.map-tools{top:72px;right:13px}.timeline{left:12px;right:12px;bottom:29px;padding:13px;border-radius:10px}.timeline-top{margin-bottom:12px}.timeline-label{font-size:7px;letter-spacing:1.2px}.timeline-top strong{font-size:11px}.now-button{font-size:8px;padding:6px}.now-button span{margin-left:5px}.timeline-controls{gap:12px}.timeline-ticks{font-size:7px}.map-source{font-size:6px;right:12px;bottom:8px}.pin-hint{font-size:10px;padding:10px;max-width:95%}dialog{padding:20px;width:95vw;max-height:88dvh}#dialog-content h2{font-size:22px}.stat-grid{gap:7px}.stat-box{padding:10px}.stat-box strong{font-size:17px}.stat-box small{font-size:9px}.chart{height:150px}#toast{bottom:70px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.map-source a{color:inherit}.leaflet-tile-pane{filter:saturate(.38) contrast(.91) brightness(1.06)}
.leaflet-tile-pane{filter:saturate(.8) contrast(.99)}.maplibregl-control-container{display:none}
@media(max-width:760px){.chart text{font-size:17px}}
.gradient-bar{height:7px;background:linear-gradient(90deg,#fff4d300,#f9d54b 18%,#fb9e2a 38%,#e7412a 57%,#b41737 78%,#5e0526)}
.legend-values{display:flex;justify-content:space-between;font-size:8px;color:#977a64;margin-top:-3px}.live-dot{background:#af4050}.map-legend small{max-width:220px}.source-marker span{color:#6a2838;font-weight:700;border:1px solid #8e445236;background:#fff5eddf;letter-spacing:.5px;font-size:8px}
.plume-value{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;color:#59313a;font-size:11px;font-weight:650;line-height:1;pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #fff,1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}
.map-notice small{font-size:9px;color:#867060}.source-marker{pointer-events:none}.transport-numbers[hidden]{display:none}
#plume-legend{display:flex;flex-direction:column;gap:8px;border-top:1px solid #ece8df;padding-top:10px;margin-top:2px;max-width:205px}
#plume-legend[hidden]{display:none}#plume-legend strong{font-size:9px;color:#775247}#plume-legend small{line-height:1.5}
.gradient-bar{height:8px;margin:0;background:linear-gradient(90deg,#ffe87419,#fcd65970 20%,#f7ac3e93 40%,#e0653980 60%,#b2313e92 80%,#671b39a0)}
.legend-values{margin:0;color:#80675b}.map-notice.wind-only .live-dot{background:#b77455}.map-notice.wind-only small{color:#87634e}
@media(max-width:760px){.map-notice small{font-size:8px}.plume-value{font-size:10px}.map-notice{max-width:calc(100% - 70px)}}
.model-empty{position:absolute;top:160px;left:24px;z-index:600;width:292px;border:1px solid #e4e6d9;border-radius:12px;background:#fffef5f5;padding:17px 18px;box-shadow:0 4px 22px #3043300a}
.model-empty[hidden]{display:none}.model-empty-icon{float:right;font-size:24px;color:#a9a28b}.model-empty strong{display:block;font-size:12px;line-height:1.5;padding-right:28px}.model-empty p{font-size:11px;line-height:1.65;color:#7c8172;margin:9px 0 4px}.model-empty .text-button{font-size:10px;padding-bottom:0}.map-notice{max-width:calc(100% - 90px)}.map-notice small{line-height:1.5}.model-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.model-inputs div{border:1px solid #e4eadd;border-radius:8px;padding:12px;font-size:11px;line-height:1.6}.model-inputs strong{display:block;color:#3a6757;margin-bottom:3px}
@media(min-width:1500px){.model-empty{left:32px;top:180px}}
@media(max-width:760px){.model-empty{top:133px;left:13px;width:calc(100% - 70px);max-width:320px;padding:12px 14px}.model-empty strong{font-size:11px}.model-empty p{font-size:10px}.map-notice{max-width:calc(100% - 70px)}.model-inputs{grid-template-columns:1fr}}
@media(max-width:760px){.model-empty p,.model-empty-icon{display:none}.model-empty strong{padding-right:0}.model-empty .text-button{padding-top:5px}}

.concentration-key{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;color:#775247;font-size:9px}.concentration-key span{display:flex;align-items:center;gap:7px;white-space:nowrap}.concentration-key i{display:block;width:23px;height:10px;border:1px solid #745c4922;border-radius:3px}.map-notice.wind-only .live-dot{background:#d6b957}.map-notice.wind-only small{color:#85743f}.concentration-key.transport-key{grid-template-columns:1fr;color:#85743f}
@media(max-width:760px){.map-notice strong{font-size:8px}.map-notice small{font-size:7px}}

.snapshot-banner{position:absolute;bottom:165px;right:24px;z-index:700;font-size:9px;color:#886d3a;background:#fff7e7;padding:8px 11px;border-radius:6px;max-width:220px}
@media(max-width:760px){.snapshot-banner{bottom:137px;left:14px;right:auto;padding:2px 4px;font-size:6px;max-width:calc(100% - 28px)}}



.flare-label{font-size:9px;box-shadow:none;border:1px solid #ddc6a4;padding:1px 4px;color:#854d3a;background:#fffaf1}

#map:not(.flare-detail) .flare-label:not(.priority-source){display:none}

.chimney-label{color:#416a80;border-color:#a5bfce;background:#f4f9fc}

.legend-dot.flare-source{background:#f1bd78;outline-color:#813e35}.legend-dot.chimney-source{background:#a5bfce;outline-color:#416a80}.source-types{padding-top:3px}

.legend-dot.flare-source{background:#a5bfce!important;border-color:#416a80!important}.consent{position:fixed;bottom:18px;left:18px;max-width:390px;background:white;border:1px solid #dce5d9;padding:18px;box-shadow:0 10px 40px #183e3426;border-radius:12px;z-index:5000;font:12px/1.6 "DM Sans",sans-serif}.consent .row{margin-top:12px}.consent button{border:1px solid #dce5d9;border-radius:7px;background:#edf3e8;padding:8px 13px;font-weight:600}.consent a{color:#1d655b}@media(max-width:600px){.consent{left:12px;right:12px;bottom:12px;max-width:none}}

/* Image tiles also work when iOS cannot start a WebGL renderer. */
.raster-basemap{filter:saturate(.25) brightness(1.04)}
.basemap-error{position:absolute;z-index:700;top:140px;left:24px;right:65px;max-width:330px;background:#fff8e8;border:1px solid #e4d5ab;border-radius:9px;padding:12px;font-size:12px;line-height:1.5}.basemap-error[hidden]{display:none}.basemap-error button{color:var(--teal);text-decoration:underline;padding:6px 0;font-weight:600}
.map-source{font-size:10px;line-height:1.4}.map-source a{display:inline-block;padding:2px}
@media(max-width:760px){.map-section{flex-shrink:0;height:calc(76vh - 68px);height:calc(76dvh - 68px)}.basemap-error{top:125px;left:13px;font-size:11px}.map-source{font-size:9px;left:12px;right:12px;bottom:5px}.timeline{bottom:40px}}

#map[data-basemap="raster"]~.map-source [data-vector-attribution]{display:none}

/* A small disclosure keeps map explanations out of the way until requested. */
.map-legend{display:block;padding:0;max-width:calc(100% - 80px)}
.map-legend>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:0 13px;font-size:12px;font-weight:600;color:var(--teal);cursor:pointer;list-style:none}
.map-legend>summary::-webkit-details-marker{display:none}
.map-legend>summary:focus-visible{outline:3px solid #d6a65b;outline-offset:3px;border-radius:9px}
.map-legend>summary>span{font-size:18px;line-height:1}
.map-legend[open]>summary>span{transform:rotate(180deg)}
.legend-content{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px;width:270px;max-width:100%;max-height:min(42vh,350px);overflow-y:auto;font-size:11px;line-height:1.5}
.map-legend:not([open])>.legend-content{display:none}
.legend-content>strong{font-size:12px}
.legend-content #plume-legend{max-width:none;padding-top:12px}
.legend-content #plume-legend strong{font-size:11px}
.legend-content #plume-legend small{font-size:10px;max-width:none}
.legend-content .concentration-key{font-size:10px}
@media(max-width:760px){.map-legend{left:13px;right:auto;bottom:166px}.map-legend>summary{min-height:44px;font-size:11px}.legend-content{width:260px;max-height:calc(76dvh - 330px)}}