:root{font-family:'IBM Plex Sans Thai',sans-serif;color:#233b3b;background:#f4f7f6;font-size:14px;--green:#206b59;--muted:#758482;--line:#e2e9e6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;color:#36554e;padding:8px 13px}button:hover{background:#e9f3ed}button:disabled{opacity:.4;cursor:default}a{color:var(--green);text-decoration:none}header{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;letter-spacing:1.3px;color:#203e34;font-size:17px;font-weight:800}.brand b{font-weight:500;color:#769c83}.brand small{display:block;font:11px 'IBM Plex Sans Thai';letter-spacing:0;color:#7c8c86;margin-top:4px}.logo{background:#24634e;color:#fff;font-size:42px;line-height:44px;text-align:center;width:46px;border-radius:12px;font-weight:400}nav{display:flex;height:100%;align-items:center;gap:32px;font-size:13px}nav .active{display:flex;align-items:center;height:100%;border-bottom:3px solid #397660;color:#286749;font-weight:600}.region{font:10px Manrope;letter-spacing:1px;color:#6c8276;border:1px solid var(--line);border-radius:25px;padding:9px 12px}i{display:inline-block}.region i,.map-tag i{width:7px;height:7px;background:#418970;border-radius:50%;margin-right:6px}main{display:grid;grid-template-columns:320px minmax(0,1fr)}aside{background:#fff;padding:29px 24px 16px;border-right:1px solid var(--line)}.eyebrow{font:10px Manrope;letter-spacing:1.8px;font-weight:800;color:#608879}h1{font-size:22px;letter-spacing:-.6px;line-height:1.5;margin:9px 0 7px}h2{margin:0;font-size:14px;font-weight:600}.intro{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 25px}.date-panel{background:#f4f7f5;border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:25px}.date-panel>label{display:flex;justify-content:space-between;font-size:11px;font-weight:600}.date-panel label span{font-size:9px;color:var(--muted);font-weight:400}.date-row{display:flex;gap:5px;margin:9px 0}.date-row button{padding:2px 10px;font-size:22px}.date-row input{min-width:0;width:100%;border:1px solid var(--line);border-radius:6px;padding:6px;font-size:12px;background:#fff;color:#304e43}.shortcuts{display:flex;gap:6px}.shortcuts button{font-size:10px;padding:4px 7px;background:transparent;border-color:#d9e5dd}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.section-title>span{font:9px Manrope;color:#8a9993;letter-spacing:1px}.layer{border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:13px}.layer-line{display:flex;align-items:center;gap:10px}.layer-line>label{flex:1;font:700 13px Manrope}.layer-line small{display:block;font:10px 'IBM Plex Sans Thai';color:var(--muted);margin-top:4px}.layer-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:22px}.pm{background:#edf4ed;color:#44866a}.fire{background:#fff0e5;color:#d88747}input[role=switch]{appearance:none;width:30px;height:18px;border-radius:20px;background:#bac5be;cursor:pointer;flex-shrink:0;position:relative}input[role=switch]:checked{background:#2f7159}input[role=switch]:before{content:'';position:absolute;background:white;top:3px;left:3px;width:12px;height:12px;border-radius:50%}input[role=switch]:checked:before{left:15px}.opacity{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:10px;color:var(--muted)}input[type=range]{accent-color:#548a72;min-width:0;flex:1}.opacity output{font:10px Manrope}select{width:100%;font-size:11px;border:1px solid var(--line);background:#f8faf8;border-radius:6px;margin-top:13px;padding:7px;color:#496451}.note{font-size:10px;color:var(--muted);line-height:1.65;margin:9px 0 0}.trend-panel{margin-top:26px}.trend-panel .section-title{margin-bottom:0}#trend{height:92px;display:flex;align-items:end;gap:4px;padding-top:14px}#trend button{border:0;padding:0;background:#82b49d;border-radius:3px 3px 0 0;flex:1;min-width:0}#trend button:hover{background:#24694e}#trend button.missing{height:3px!important;background:#c9cecb}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#84958a;margin-top:7px}details{margin-top:25px;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:#6e8177;line-height:1.8}summary{cursor:pointer;color:#50675b}details a{display:inline-block;margin:0 9px 5px 0}footer{margin-top:30px;font:8px Manrope;letter-spacing:1px;color:#94a198}footer span{font-size:5px;margin:0 5px}.workspace{padding:26px 28px;min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.workspace-heading h2{font-size:21px;margin-top:5px}.workspace-heading h2 span{font-size:12px;color:#798d83;font-weight:400;margin-left:12px}.workspace-heading button{font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 19px}.stats article>span{font-size:11px;color:#6a7c72}.stats article>div{display:flex;align-items:baseline;gap:9px;margin:5px 0}.stats strong{font:700 33px Manrope;color:#365f48;letter-spacing:-1px}.stats small{font-size:10px;color:#91a094}.stats p{font-size:10px;color:#819287;margin:0;min-height:17px}.stats article:last-child strong{color:#bf773e}.fire-dot{width:7px;height:7px;border-radius:50%;background:#ee7c36;margin-right:3px}.map-wrap{height:530px;position:relative;border-radius:12px;overflow:hidden;background:#d7dfd4;border:1px solid #d9e2dc}#map{position:absolute;inset:0}.map-tag{position:absolute;top:18px;left:18px;padding:9px 13px;border-radius:8px;background:#fff;box-shadow:0 2px 12px #1a422315;display:flex;align-items:center;font-size:12px}.map-tag small{font-size:10px;color:#8b998e;margin-left:9px}.map-home{position:absolute;top:18px;right:50px;font-size:11px;box-shadow:0 2px 12px #1a422315}.legend{position:absolute;bottom:36px;left:18px;background:#fff;padding:12px 14px 9px;border-radius:9px;box-shadow:0 2px 20px #1a422318;width:288px}.legend b{font:700 11px Manrope}.legend b small{font-weight:400;color:#8b998e;margin-left:6px}.scale{display:flex;gap:4px;margin-top:8px}.scale span{border-top:5px solid var(--c);padding-top:5px;font:9px Manrope;flex:1;text-align:center}.legend p{font-size:9px;color:#7c8e83;margin:9px 0 0}.map-info{position:absolute;top:72px;left:18px;background:#fffffff0;border-radius:6px;padding:6px 9px;font-size:10px;max-width:calc(100% - 70px);color:#74583e}#map-error{position:absolute;top:120px;left:18px;right:18px;padding:14px;background:#fff1e8;color:#8f432d;border-radius:7px;font-size:12px}.district-panel{margin-top:23px}.district-panel h2 span{font-size:10px;color:#84958b;font-weight:400;margin-left:8px}.district-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.district-list button{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:9px 12px;text-align:left}.district-list button b{border-radius:5px;background:var(--tint);padding:3px 7px;font:600 11px Manrope;color:#304e42}.mapboxgl-popup{font-family:'IBM Plex Sans Thai';max-width:260px!important}.mapboxgl-popup-content{padding:16px;border-radius:10px}.mapboxgl-popup h3{margin:0 0 8px;font-size:15px}.mapboxgl-popup p{font-size:12px;margin:5px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){main{grid-template-columns:345px minmax(0,1fr)}.workspace{padding:30px 36px}.map-wrap{height:600px}}@media(max-width:1000px){header{padding:0 18px}.region{display:none}main{grid-template-columns:280px minmax(0,1fr)}aside{padding:24px 16px}.workspace{padding:24px 16px}.stats{gap:7px}.stats article{padding:12px 10px}.stats strong{font-size:27px}.workspace-heading h2 span{display:block;margin:4px 0 0}.district-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){:root{font-size:15px}header{height:73px}.brand{font-size:14px}.brand small{font-size:9px}nav{display:none}main{display:flex;flex-direction:column}.workspace{order:0;padding:20px 12px}aside{order:1;border:0;padding:24px}.workspace-heading h2{font-size:19px}.stats{gap:5px}.stats article{padding:10px 8px}.stats article>span{font-size:9px}.stats strong{font-size:25px}.stats small{font-size:8px}.stats p{font-size:9px}.map-wrap{height:480px}.legend{width:257px;bottom:32px;left:10px}.map-tag{top:10px;left:10px}.map-home{top:10px;font-size:10px}.map-info{top:60px;left:10px}.district-list{grid-template-columns:repeat(2,minmax(0,1fr))}.date-panel{position:relative}h1{font-size:22px}}

#firms-setup{margin-top:12px;padding-top:10px}#firms-form label{display:block;font-size:10px}#firms-key{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;margin:6px 0 9px;font-size:12px}#firms-connect{width:100%;font-size:11px;background:#eff6f0}

#regional-view{margin-top:12px;width:100%;font-size:11px}.heat-scale{height:7px;border-radius:4px;background:linear-gradient(90deg,#fff4bf,#fcae4b,#f65021,#9b0b32);margin-top:10px}#comparison{max-width:calc(100% - 80px)}

.analysis-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.analysis-controls .date-panel{margin:0}.metric-panel{padding:12px;background:white;border:1px solid var(--line);border-radius:10px;font-size:12px}.metric-panel select{margin-top:8px;font-size:13px}.metric-panel a{display:inline-block;font-size:11px;margin-top:8px}.quality-note{font-size:12px;line-height:1.7;color:#5b6c63}.district-panel small{font-size:10px;color:#60766b}.stats article>div{flex-wrap:wrap}.note{color:#596d64}@media(max-width:700px){.analysis-controls{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.stats article>span{font-size:11px}.stats p{font-size:10px}}

/* Keep explanations outside the map so they cannot cover locations. */
.map-toolbar{display:flex;gap:12px;padding:12px;background:white;border:1px solid var(--line);border-radius:12px 12px 0 0}.map-toolbar label{flex:1;font-size:12px}.map-toolbar select{margin-top:5px;font-size:13px}.map-wrap{border-radius:0;height:620px;background:#f4f6f5}.map-tag{display:none}.map-home{top:12px}.map-caption{background:white;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:14px}.map-caption .map-info{position:static;max-width:none!important;padding:0;font-size:12px;line-height:1.7;background:none;color:#42594e}.map-caption .legend{position:static;width:100%;padding:12px 0 0;box-shadow:none}.legend b,.legend b small{font-size:12px}.scale span{font-size:11px}.legend p{font-size:11px}.heat-scale{background:linear-gradient(90deg,#bae6fd,#38bdf8,#0284c7,#075985)}.fire-dot{background:#007da8}.interpretation{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px}.interpretation summary{font-weight:600;color:#355c4b}@media(max-width:700px){.map-wrap{height:62vh;min-height:420px}.map-toolbar{gap:8px}.map-toolbar select{font-size:13px}.map-toolbar label,.weather-controls{font-size:13px}.note{font-size:12px}.map-caption{padding:12px}.map-home{font-size:12px}.scale span{font-size:10px}}

.weather-controls{background:white;padding:12px;border:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.weather-controls input[type=range]{width:100%;flex-basis:100%}.weather-controls .note{margin:0}.evidence-panel{margin-top:22px;border:1px solid var(--line);border-radius:12px;background:white;padding:18px}.evidence-panel .note{font-size:12px}.evidence-panel details{margin:14px 0;font-size:12px}.evidence-panel>label{display:block;margin-top:18px}#station-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.station-card{text-align:left;padding:14px}.station-card b,.station-card small,.station-card strong{display:block}.station-card strong{font:700 20px Manrope;margin:8px 0}.station-card small{font-size:11px}.station-marker{padding:4px 7px;border:3px solid;background:white;border-radius:5px;font-size:11px;box-shadow:0 1px 4px #0004;color:#172f29}.evidence-table{overflow:auto}.evidence-table table{width:100%;border-collapse:collapse}.evidence-table th,.evidence-table td{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}#weather-reading{line-height:1.8;font-size:14px}@media(max-width:700px){#station-cards{grid-template-columns:1fr}.evidence-panel{padding:12px}.evidence-panel .section-title{align-items:start}}

.trajectory-controls{flex-basis:100%;border-top:1px solid var(--line);padding-top:10px}.trajectory-controls button{font-size:12px}.trajectory-controls .note{margin-top:8px;line-height:1.8}#trajectory-legend{font-size:12px}
.quick-help{margin:0 0 12px;padding:14px 16px;border:1px solid #cfe0d7;border-radius:10px;background:#f7fbf8;color:#36554e}.quick-help h2{margin-bottom:5px}.quick-help h3{font-size:13px;margin:10px 0 4px}.quick-help-purpose{margin:0;font-size:12px;line-height:1.65}.quick-help ol{margin:4px 0 0;padding-left:22px;font-size:12px;line-height:1.8}.quick-help-note{color:#657970;font-size:11px!important;border-top:1px solid #dce9e1;margin-top:8px!important;padding-top:7px}@media(max-width:700px){.quick-help{padding:12px}.quick-help ol{font-size:13px;line-height:1.9}}
.quick-help #guide-toggle{background:#e8f4eb;border-color:#b9d7c2;font-size:12px;margin-top:8px}.guide-target{outline:3px solid #e58a42!important;outline-offset:5px;position:relative;z-index:31}.guide-popover{position:fixed;z-index:40;width:min(308px,calc(100vw - 24px));padding:12px 14px;background:#fffdf7;border:2px solid #e58a42;border-radius:12px;box-shadow:0 12px 35px #2d4b3b40;color:#29493c}.guide-popover b{font-size:14px}.guide-popover p{margin:5px 0 9px;font-size:12px;line-height:1.6}.guide-popover div{display:flex;gap:5px}.guide-popover button{font-size:11px;padding:6px 8px}.guide-popover button:last-child{margin-left:auto}@media(max-width:700px){.guide-popover{font-size:13px}.guide-popover p{font-size:13px}}
.guide-badge{position:fixed;z-index:32;width:24px;height:24px;border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;font:700 14px/20px Manrope;box-shadow:0 2px 8px #29493c55;pointer-events:auto}.guide-badge-1{background:#2878d0}.guide-badge-2{background:#8155c7}.guide-badge-3{background:#e27637}.guide-badge-4{background:#2b9a75}.guide-badge-5{background:#d34d70}.guide-step-1{accent-color:#2878d0}.guide-step-2{accent-color:#8155c7}.guide-step-3{accent-color:#e27637}.guide-step-4{accent-color:#2b9a75}.guide-step-5{accent-color:#d34d70}
.ai-pet{position:fixed;right:24px;bottom:24px;z-index:20;font-family:'IBM Plex Sans Thai',sans-serif;touch-action:none}.ai-pet-face{position:relative;width:64px;height:64px;border:0;border-radius:22px;background:#2d7967;color:#fff;box-shadow:0 10px 28px #174d3b40;padding:0;transform:rotate(3deg);transition:transform .2s;touch-action:none}.ai-pet.dragging .ai-pet-face{cursor:grabbing;transition:none;transform:scale(1.05)}.ai-pet-face:hover{transform:rotate(-3deg) translateY(-3px);background:#246c5b}.ai-pet-mountain{position:absolute;top:4px;left:10px;font-size:29px;color:#cde8cf;transform:rotate(-8deg)}.ai-pet-eyes{position:absolute;left:12px;right:12px;top:25px;font:700 18px Manrope;color:#173e35;letter-spacing:8px}.ai-pet-scarf{position:absolute;bottom:8px;left:8px;right:8px;height:8px;border-radius:8px;background:#ed9a63;transform:rotate(-5deg)}.ai-pet-panel{position:absolute;right:0;bottom:76px;width:330px;background:#fff;border:1px solid #cfe0d7;border-radius:16px;box-shadow:0 18px 50px #1a4b3d2b;padding:14px}.ai-pet-panel.fullscreen{position:fixed;inset:12px;width:auto;height:auto;display:flex;flex-direction:column;border-radius:16px}.ai-pet-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e2e9e6;padding-bottom:9px}.ai-pet-head b{display:block;color:#236653;font-size:14px}.ai-pet-head small{display:block;color:#7b8d84;font-size:10px;margin-top:2px}.ai-pet-actions{display:flex;gap:2px}.ai-pet-head button{border:0;padding:0 5px;background:transparent;font-size:22px;line-height:20px}.ai-pet-messages{max-height:240px;overflow:auto;padding:10px 0}.fullscreen .ai-pet-messages{flex:1;max-height:none}.ai-pet-bubble{margin:0 0 8px;background:#f1f7f3;border-radius:11px;padding:9px 10px;font-size:12px;line-height:1.65;white-space:pre-wrap}.ai-pet-panel.fullscreen .ai-pet-bubble{font-size:15px;line-height:1.8}.ai-pet-bubble.user{background:#fff3e7;color:#634830;text-align:right}.ai-pet-bubble.thinking{color:#668278}.ai-pet-explain{width:100%;background:#eff8f0;border-color:#cce1d2;font-size:12px}.ai-pet-form{display:flex;gap:6px;margin-top:8px}.ai-pet-form input{min-width:0;flex:1;border:1px solid #d7e4dd;border-radius:8px;padding:8px 9px;font-size:12px}.ai-pet-form button{padding:7px 11px;background:#2d7967;color:#fff;border-color:#2d7967;font-size:12px}.ai-pet-note{font-size:9px;color:#8a9992;margin:8px 0 0;line-height:1.5}@media(max-width:700px){.ai-pet{right:12px;bottom:12px}.ai-pet-panel{right:-2px;width:min(330px,calc(100vw - 24px));bottom:72px}.ai-pet-panel.fullscreen{inset:0;border-radius:0}.ai-pet-panel.fullscreen .ai-pet-head{padding:14px 2px}.ai-pet-face{width:58px;height:58px}}
.quick-help{margin:0 0 16px}
.quick-help summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;color:#36554e}
.quick-help summary span{font-size:10px;font-weight:400;color:#758482;white-space:nowrap}
.quick-help-body{margin-top:8px}
/* Large numbered labels stay attached to each control; the tour adds a dimmed layer. */
.guide-badge{width:36px;height:36px;border-width:3px;font-size:19px;line-height:30px;z-index:32;pointer-events:none}
.guide-badge-1{box-shadow:0 3px 12px #2878d080}.guide-badge-2{box-shadow:0 3px 12px #8155c780}.guide-badge-3{box-shadow:0 3px 12px #e276d780}.guide-badge-4{box-shadow:0 3px 12px #2b9a7580}.guide-badge-5{box-shadow:0 3px 12px #d34d7080}
.guide-scrim{position:fixed;inset:0;background:#12382c99;z-index:30;pointer-events:none}
.guide-target{outline:4px solid #ffd166!important;outline-offset:7px;box-shadow:0 0 0 9999px #12382c99,0 0 0 8px #ffd166!important;background:#fff!important}
.quick-help #guide-toggle{display:inline-flex;align-items:center;gap:7px;background:#206b59;color:#fff;border:2px solid #164c3e;border-radius:10px;font-size:14px;font-weight:700;padding:10px 16px;box-shadow:0 4px 0 #164c3e;margin-top:10px}
.quick-help #guide-toggle:hover{background:#2b846d;transform:translateY(-1px)}
@media(max-width:700px){.guide-badge{width:34px;height:34px;font-size:18px;line-height:28px}.quick-help #guide-toggle{width:100%;justify-content:center;font-size:15px;padding:11px 14px}}
.ai-pet.guide-active{z-index:31}
.guide-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guide-actions #number-toggle{font-size:12px;background:#fff;border-color:#b9d7c2;color:#36554e;margin-top:10px}
.guide-labels-hidden .guide-badge{display:none}
@media(max-width:700px){.guide-actions{display:grid;grid-template-columns:1fr 1fr}.guide-actions #number-toggle{margin-top:10px}}