:root{color-scheme:light;--brand-red: #e14b5a;--brand-red-dark: #c73a48;--canvas: #f5faf7;--surface-1: #eaf4ed;--surface-2: #fbfdfc;--ink: #27392d;--ink-body: #3f5045;--ink-secondary: #728577;--ink-muted: #a2b3a7;--on-ink: #ffffff;--on-accent: #ffffff;--hairline: #ddebe1;--swatch-border: #c2dac9;--status-success: #2c7f54;--status-sale: var(--brand-red);--status-error: var(--brand-red);--font-sans: "Poppins", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-thai: "Noto Sans Thai", "Poppins", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-color: #27392d;--shadow-1: 0 1px 2px rgba(39, 57, 45, .06), 0 1px 3px rgba(39, 57, 45, .1);--shadow-2: 0 4px 12px rgba(39, 57, 45, .1);--shadow-3: 0 12px 32px rgba(39, 57, 45, .16), 0 4px 10px rgba(39, 57, 45, .08);--ring: 0 0 0 3px rgba(67, 168, 112, .22);--ring-accent: 0 0 0 3px rgba(225, 75, 90, .2);--overlay: rgba(39, 57, 45, .38);--grad-header: radial-gradient(560px 90px at 2% 0%, rgba(67, 168, 112, .14), transparent 60%), linear-gradient(100deg, #f2faf5 0%, #e8f4ec 60%, #f5faf7 100%);--grad-header-line: linear-gradient(90deg, #43a870 0%, rgba(67, 168, 112, .3) 34%, transparent 68%);--brand-mark-shadow: 0 0 12px rgba(225, 75, 90, .3);--ease: cubic-bezier(.2, .6, .2, 1);--t-fast: .12s var(--ease);--t-med: .22s var(--ease);--bg-page: var(--canvas);--bg-card: var(--surface-1);--bg-subtle: var(--surface-2);--text-heading: var(--ink);--text-body: var(--ink-body);--text-secondary: var(--ink-secondary);--text-muted: var(--ink-muted);--border: var(--hairline);--border-strong: var(--swatch-border);--accent: var(--brand-red);--accent-hover: var(--brand-red-dark);--link: var(--ink);--link-hover: var(--brand-red);--map-seq-0: #ecf7f0;--map-seq-1: #c9ead6;--map-seq-2: #9ed9b8;--map-seq-3: #6cc495;--map-seq-4: #43a870;--map-seq-5: #2c7f54;--map-no-data: var(--surface-1);--map-landing-amphoe: #6cc495;--map-selected: var(--brand-red);--map-stroke: var(--canvas)}:root[data-theme=dark]{color-scheme:dark;--brand-red: #ff3b4d;--brand-red-dark: #e60012;--canvas: #0a0c0f;--surface-1: #161a21;--surface-2: #0e1116;--ink: #eef1f6;--ink-body: #d4d9e1;--ink-secondary: #99a1ad;--ink-muted: #6a7280;--on-ink: #0a0c0f;--on-accent: #ffffff;--hairline: #232a34;--swatch-border: #3a4350;--status-success: #2fbf71;--shadow-1: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .5);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5);--shadow-3: 0 12px 32px rgba(0, 0, 0, .65), 0 4px 10px rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(255, 255, 255, .16);--ring-accent: 0 0 0 3px rgba(255, 59, 77, .28);--overlay: rgba(0, 0, 0, .62);--grad-header: radial-gradient(560px 90px at 2% 0%, rgba(255, 59, 77, .14), transparent 60%), linear-gradient(100deg, #1b1e26 0%, #11141b 52%, #0a0c0f 100%);--grad-header-line: linear-gradient(90deg, var(--brand-red) 0%, rgba(255, 59, 77, .3) 34%, transparent 68%);--brand-mark-shadow: 0 0 16px rgba(255, 59, 77, .45);--link: #d6deed;--map-seq-0: #3d0a0e;--map-seq-1: #5c1116;--map-seq-2: #84181f;--map-seq-3: #b3242e;--map-seq-4: #e05560;--map-seq-5: #f2a3a9;--map-no-data: var(--surface-1);--map-landing-amphoe: #4a8d67}.btn{font-family:var(--font-thai);font-size:13.5px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;color:var(--text-body);background:transparent;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px;flex:none}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-1)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:focus-visible{box-shadow:var(--ring-accent)}.btn-outline{background:var(--bg-page);border-color:var(--border-strong);color:var(--text-body)}.btn-outline:hover:not(:disabled){border-color:var(--ink);color:var(--text-heading);background:var(--bg-subtle)}.btn-ghost:hover:not(:disabled){background:var(--surface-1);color:var(--text-heading)}.btn-subtle{background:var(--surface-1)}.btn-subtle:hover:not(:disabled){background:var(--hairline);color:var(--text-heading)}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:var(--radius-sm)}.btn-lg{padding:12px 22px;font-size:15px;border-radius:var(--radius-lg)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-icon.btn-sm{width:30px;height:30px}.btn-cta{background:var(--accent);color:var(--on-accent);border:none;padding:9px 16px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-thai);font-weight:500}.btn-cta:hover{background:var(--accent-hover)}.field{position:relative;display:inline-flex;align-items:center}.field>svg{position:absolute;left:11px;width:15px;height:15px;color:var(--text-muted);pointer-events:none}.field>svg.right{left:auto;right:11px}.input,.select{font-family:var(--font-thai);font-size:13.5px;color:var(--text-body);background:var(--bg-page);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 12px;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.input::placeholder{color:var(--text-muted)}.input:hover,.select:hover{border-color:var(--ink-muted)}.input:focus,.select:focus{outline:none;border-color:var(--ink);box-shadow:var(--ring)}.input:disabled,.select:disabled{background:var(--surface-1);color:var(--text-muted);cursor:not-allowed}.field>.input,.field>.select{padding-left:34px;width:100%;min-width:0}.search-field{z-index:20}.search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;display:none;max-height:min(360px,55vh);overflow-y:auto;padding:5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-page);box-shadow:var(--shadow-3)}.search-results.open{display:block}.search-result{display:flex;width:100%;flex-direction:column;gap:2px;padding:8px 9px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-family:var(--font-thai);text-align:left;cursor:pointer}.search-result:hover,.search-result.is-active{background:color-mix(in srgb,var(--accent) 8%,var(--bg-subtle))}.search-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.search-result strong{color:var(--text-heading);font-size:13px;font-weight:600}.search-result-level{flex:none;padding:1px 7px;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:10.5px}.search-result-path,.search-empty{color:var(--text-muted);font-family:var(--font-thai);font-size:11.5px;line-height:1.35}.search-empty{margin:0;padding:9px;text-align:center}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer;max-width:240px;text-overflow:ellipsis}.select-wrap{position:relative;display:inline-flex}.select-wrap:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.6px solid var(--text-secondary);border-bottom:1.6px solid var(--text-secondary);transform:translateY(-65%) rotate(45deg);pointer-events:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-1)}.card-title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-heading)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-thai);font-size:11.5px;font-weight:500;padding:3px 10px;border-radius:var(--radius-full);background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap}.badge-accent{background:color-mix(in srgb,var(--accent) 9%,var(--bg-page));border-color:color-mix(in srgb,var(--accent) 30%,var(--bg-page));color:var(--accent)}.badge-ink{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.badge-success{background:color-mix(in srgb,var(--status-success) 10%,var(--bg-page));border-color:color-mix(in srgb,var(--status-success) 35%,var(--bg-page));color:var(--status-success)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity var(--t-med)}.dialog-overlay.open{opacity:1}.dialog{width:min(480px,100%);max-height:min(80vh,640px);display:flex;flex-direction:column;background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-3);transform:translateY(10px) scale(.98);transition:transform var(--t-med);overflow:hidden}.dialog-overlay.open .dialog{transform:translateY(0) scale(1)}.dialog-header{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px}.dialog-title{margin:0;font-size:16.5px;font-weight:600;color:var(--text-heading);line-height:1.3}.dialog-subtitle{margin:3px 0 0;font-size:12.5px;color:var(--text-muted);font-family:var(--font-thai)}.dialog-close{margin-left:auto;flex:none}.dialog-body{padding:4px 20px 16px;overflow-y:auto;font-family:var(--font-thai);font-size:13.5px;color:var(--text-body)}.dialog-body p{margin:8px 0}.dialog-body ul{margin:8px 0;padding-left:20px}.dialog-body li{margin:4px 0}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--border);background:var(--bg-subtle)}.kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px dashed var(--border)}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-secondary);font-family:var(--font-thai)}.kv .v{font-weight:600;color:var(--text-heading);font-variant-numeric:tabular-nums;text-align:right}.kv .v.mono{font-family:var(--font-mono);font-weight:500}.m-bar{height:6px;border-radius:var(--radius-full);background:var(--hairline);overflow:hidden}.m-bar>span{display:block;height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand-red-dark),var(--accent));transition:width var(--t-med)}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--hairline);border-top-color:var(--accent);animation:spin .7s linear infinite}.spinner.lg{width:34px;height:34px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-box{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px;font-family:var(--font-thai)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-1) 25%,var(--hairline) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.toast-stack{position:fixed;top:72px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:9px;min-width:240px;max-width:340px;padding:11px 14px;border-radius:var(--radius-md);background:var(--ink);color:var(--on-ink);font-family:var(--font-thai);font-size:13px;line-height:1.45;box-shadow:var(--shadow-3);opacity:0;transform:translate(12px);transition:opacity var(--t-med),transform var(--t-med)}.toast.show{opacity:1;transform:translate(0)}.toast-error{background:var(--accent);color:var(--on-accent)}.toast-success{background:var(--status-success);color:var(--on-accent)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;text-align:center;color:var(--text-muted);font-family:var(--font-thai);font-size:13px}.empty-state svg{width:34px;height:34px;color:var(--swatch-border)}.rank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rank-head .rank-title{font-size:14px;font-weight:600;color:var(--text-heading)}.rank-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden}.rank-toggle button{font-family:var(--font-thai);font-size:11.5px;padding:3px 10px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.rank-toggle button.on{background:var(--surface-1);color:var(--text-heading);font-weight:600}.rank-list{display:flex;flex-direction:column;gap:7px}.rank-row{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;cursor:pointer;padding:3px 4px;border-radius:var(--radius-sm);transition:background var(--t-fast)}.rank-row:hover,.rank-row:focus-visible{background:var(--surface-1);outline:none}.rank-row .rank-no{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:right}.rank-row .rank-body{min-width:0}.rank-row .rank-label{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;margin-bottom:3px}.rank-row .rank-name{font-family:var(--font-thai);color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row .rank-val{font-family:var(--font-mono);color:var(--text-secondary);flex:none}.rank-track{height:8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}.rank-track>span{display:block;height:100%;border-radius:var(--radius-full);min-width:4px}.rank-row.is-selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}.rank-row.is-selected .rank-name{color:var(--text-heading);font-weight:600}a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.catalog-head{position:relative;min-height:94px;margin-bottom:12px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle)}.catalog-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.7)}.catalog-head:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg-page) 88%,transparent),color-mix(in srgb,var(--bg-page) 54%,transparent));pointer-events:none}.catalog-head-copy{position:relative;z-index:1;padding:14px}.catalog-title{margin:0 0 2px;font-size:16px;font-weight:600;color:var(--text-heading)}.cat-group{margin-top:14px}.cat-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--font-thai);font-size:13px;font-weight:600;color:var(--text-heading)}.cat-head svg{width:17px;height:17px;color:var(--accent);flex:none}.cat-art{width:42px;height:34px;flex:none;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1)}.cat-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.94)}.cat-head .cat-name{flex:1}.cat-head .cat-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--surface-1);padding:1px 8px;border-radius:var(--radius-full)}.cat-group.is-planned .cat-head{color:var(--text-muted)}.cat-group.is-planned .cat-head svg{color:var(--text-muted)}.cat-group.is-planned .cat-art{opacity:.52}.ds-list{display:flex;flex-direction:column;gap:6px}.ds-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.ds-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-subtle))}.ds-card:active{transform:translateY(1px)}.ds-card:focus-visible{outline:none;box-shadow:var(--ring)}.ds-card .ds-name{font-family:var(--font-thai);font-size:13.5px;font-weight:500;color:var(--text-heading)}.ds-card .ds-meta{font-family:var(--font-thai);font-size:11.5px;color:var(--text-muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.55;background:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--ink);color:var(--on-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}*::-webkit-scrollbar-track{background:transparent}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh}.app-header{display:flex;align-items:center;gap:16px;padding:0 20px;height:60px;border-bottom:1px solid var(--border);background:var(--grad-header);position:relative;z-index:10}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/header/header-ambience.png) center / cover no-repeat;opacity:.5;mix-blend-mode:multiply;pointer-events:none}.app-header>*{position:relative;z-index:1}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--grad-header-line);pointer-events:none}.brand{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none;color:inherit;-webkit-user-select:none;user-select:none}.brand-mark{width:38px;height:38px;padding:5px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.28),transparent 34%),linear-gradient(145deg,#718096,#475569 48%,#273548);box-shadow:inset 0 1px #fff6,inset 0 -2px 2px #0f172a59,0 4px 10px #1e293b4d;display:grid;place-items:center;flex:none;overflow:visible}.brand-mark svg{display:block}.brand-mark img{display:block;width:230%;height:230%;max-width:none;object-fit:contain;transform:translateY(-15px);filter:drop-shadow(0 1px 1px rgba(15,23,42,.35));pointer-events:none}.brand-mark .pin{fill:var(--on-ink)}.brand-mark .hole{fill:var(--accent)}.brand-text{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.brand-name{font-family:var(--font-thai);font-size:18.5px;font-weight:600;letter-spacing:0;line-height:1.25;color:var(--text-heading)}.brand-tag{font-family:var(--font-thai);font-size:11px;color:var(--text-muted);font-weight:400}@media (max-width: 900px){.brand-tag{display:none}}.app-header .spacer{flex:1}.header-divider{width:1px;height:26px;background:var(--border-strong);opacity:.55;flex:none;margin:0 2px}.header-controls{display:flex;align-items:center;gap:6px;min-width:0}.header-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.population-ticker{position:absolute;top:14px;right:16px;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 10px 7px 13px;border:1px solid color-mix(in srgb,var(--on-ink) 38%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--ink) 82%,transparent);box-shadow:var(--shadow-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.population-ticker strong{color:var(--on-ink);font-family:var(--font-mono);font-size:clamp(17px,1.45vw,22px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.population-signal{display:inline-flex;gap:3px;align-items:center;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;line-height:1}.population-signal b{font-size:9px}.population-signal.is-up{color:var(--status-success)}.population-signal.is-down{color:var(--status-error)}.app-header .select,.app-header .input{height:36px;padding-top:0;padding-bottom:0}.app-header .btn-icon{width:36px;height:36px}.select-wrap--dataset .select{min-width:236px;max-width:300px;font-weight:500;color:var(--text-heading)}.select-wrap--year .select{min-width:88px;background:var(--bg-subtle);color:var(--text-secondary)}.header-tools .field{width:clamp(190px,20vw,280px)}@media (max-width: 720px){.population-ticker{top:10px;right:10px;padding:6px 8px 6px 10px}}.app-main{display:grid;grid-template-columns:1fr 360px;min-height:0}.region-nav{display:none;min-width:0;padding:18px 12px;gap:10px;background:transparent;overflow-y:auto}.app-main.is-landing{grid-template-columns:minmax(330px,385px) minmax(0,1fr) minmax(270px,330px)}.app-main.is-landing .region-nav--left{display:grid;grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;padding:14px 10px;overflow-y:auto}.app-main.is-landing .region-nav--right{display:none}.app-main.is-landing .map-pane{grid-column:2}.app-main.is-landing .side-pane{display:flex;grid-column:3}.app-main.is-landing.is-national{grid-template-columns:minmax(330px,385px) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app-main.is-landing.is-national .region-nav--left{grid-column:1;grid-row:1}.app-main.is-landing.is-national .map-pane{grid-column:2;grid-row:1}.app-main.is-landing.is-national .side-pane{display:none}.area-panel-head .muted{color:var(--text-body)}.area-panel-head{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--border)}.area-panel-name{margin:0 0 2px;font-family:var(--font-thai);font-size:20px;font-weight:600;color:var(--text-heading);line-height:1.25}.region-card{min-height:auto;padding:10px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-page);box-shadow:var(--shadow-1);overflow:hidden}.region-card.has-art{border-color:color-mix(in srgb,var(--on-ink) 28%,transparent);background-color:var(--ink);background-image:linear-gradient(145deg,color-mix(in srgb,var(--ink) 78%,transparent),color-mix(in srgb,var(--ink) 44%,transparent)),var(--region-image);background-position:center;background-size:cover}.region-card h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;color:var(--text-heading);font-family:var(--font-thai);font-size:14px;font-weight:700;line-height:1.2}.region-card h2 span{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:var(--radius-full);background:var(--bg-page);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:500}.region-card.has-art h2{color:var(--on-ink);text-shadow:0 1px 2px color-mix(in srgb,var(--ink) 70%,transparent)}.region-card.has-art h2 span{background:color-mix(in srgb,var(--ink) 44%,transparent);color:var(--on-ink)}.region-province-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.region-province-list button{min-width:0;overflow:hidden;padding:4px 3px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-family:var(--font-thai);font-size:12px;line-height:1.3;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.region-province-list button:hover,.region-province-list button:focus-visible{outline:none;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.region-card.has-art .region-province-list button{color:var(--on-ink);text-shadow:0 1px 2px color-mix(in srgb,var(--ink) 70%,transparent)}.region-card.has-art .region-province-list button:hover,.region-card.has-art .region-province-list button:focus-visible{background:color-mix(in srgb,var(--accent) 88%,transparent);color:var(--on-accent)}@media (max-height: 800px) and (min-width: 721px){.region-nav{padding:10px 8px;gap:10px}.region-card{padding:7px}.region-card h2{margin-bottom:4px;font-size:13px}.region-province-list{gap:2px}.region-province-list button{padding:2px 3px;font-size:11.5px}}.map-pane{position:relative;background:var(--bg-subtle);overflow:hidden}.map-ambience{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--surface-2);opacity:0;pointer-events:none;transition:opacity var(--t-med)}.map-ambience:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 72% 90% at 50% 50%,transparent 32%,color-mix(in srgb,var(--bg-page) 20%,transparent) 100%),linear-gradient(135deg,color-mix(in srgb,var(--bg-subtle) 12%,transparent),color-mix(in srgb,var(--bg-page) 28%,transparent))}.map-ambience picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transition:opacity var(--t-med)}.map-ambience img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.12) brightness(.94);opacity:1}.map-ambience .map-ambience-region{opacity:0;transition:opacity var(--t-med)}.map-pane.has-landing-background .map-ambience{opacity:.92}.map-pane.has-regional-background .map-ambience{opacity:.96}.map-pane.has-regional-background .map-ambience picture{opacity:0}.map-pane.has-regional-background .map-ambience .map-ambience-region{opacity:1}.map-pane .choropleth{position:relative;z-index:1;display:block;width:100%;height:100%;touch-action:none;cursor:grab}.map-pane .choropleth.is-panning,.map-pane .choropleth.is-panning path{cursor:grabbing}.map-pane .choropleth.is-zoomed path{cursor:grab}.map-zoom-controls{position:absolute;right:16px;bottom:16px;z-index:4;display:grid;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-sm)}.map-zoom-button{width:36px;height:34px;padding:0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-heading);font-size:22px;line-height:1;cursor:pointer}.map-zoom-button:hover,.map-zoom-button:focus-visible{background:var(--bg-subtle);color:var(--accent);outline:none}.map-zoom-button:last-child{border-bottom:0}.map-zoom-reset{font-size:18px}.side-pane{border-left:1px solid var(--border);padding:16px;overflow-y:auto;background:var(--bg-page);display:flex;flex-direction:column;gap:14px}.app-footer{padding:7px 20px;border-top:1px solid var(--border);font-size:12px;font-family:var(--font-thai);color:var(--text-muted);display:flex;gap:16px;align-items:center;background:var(--bg-page)}.app-footer .dot:before{content:"·";margin-right:16px;color:var(--border-strong)}.app-footer a{color:var(--link);text-decoration:none;font-family:var(--font-thai)}.app-footer a:hover{color:var(--link-hover);text-decoration:underline}.choropleth path{stroke:var(--map-stroke);stroke-width:.5;transition:opacity var(--t-fast),filter var(--t-fast)}.choropleth.is-interactive path{cursor:pointer}.choropleth.is-interactive path:hover,.choropleth.is-interactive path:focus{opacity:.85;outline:none;stroke:var(--accent);stroke-width:1.5;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.choropleth.has-background-images path{stroke-width:.8}.choropleth.is-landing-amphoe path{stroke:var(--on-ink);stroke-width:1.05}.choropleth.is-landing-amphoe.has-regional-background path{fill:color-mix(in srgb,var(--map-landing-amphoe) 48%,transparent);stroke:color-mix(in srgb,var(--on-ink) 72%,var(--ink));stroke-width:.9}.choropleth.has-relief-edges path{paint-order:stroke fill;stroke:color-mix(in srgb,#101827 86%,transparent);stroke-width:1.2;filter:drop-shadow(0 1px 0 rgba(255,255,255,.52)) drop-shadow(0 3px 4px rgba(15,23,42,.58))}.choropleth .map-outer-boundary{stroke:color-mix(in srgb,var(--ink) 68%,transparent);stroke-width:1.2;stroke-linejoin:round;pointer-events:none}.map-labels{pointer-events:none;fill:var(--on-ink);font-family:var(--font-thai);font-weight:700;letter-spacing:-.03em;paint-order:stroke;stroke:color-mix(in srgb,var(--ink) 70%,transparent);stroke-width:2.4px;stroke-linejoin:round}.choropleth path[data-selected=true]{stroke:var(--map-selected);stroke-width:2}.breadcrumb{position:absolute;top:14px;left:16px;z-index:2;font-size:13px;font-family:var(--font-thai);background:color-mix(in srgb,var(--bg-page) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:var(--shadow-1);display:flex;align-items:center;gap:2px}.breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--link);text-decoration:none;cursor:pointer;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);transition:background var(--t-fast),color var(--t-fast)}.breadcrumb a:hover{color:var(--link-hover);background:color-mix(in srgb,var(--accent) 8%,transparent)}.breadcrumb .sep{color:var(--text-muted);margin:0 2px}.breadcrumb .here{display:inline-flex;align-items:center;gap:6px;color:var(--text-heading);font-weight:600;padding:2px 6px}.breadcrumb-flag{width:18px;height:12px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:2px;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 22%,transparent);object-fit:cover}.map-tooltip{position:absolute;z-index:5;pointer-events:none;background:var(--ink);color:var(--on-ink);padding:8px 12px;border-radius:var(--radius-md);font-size:13px;font-family:var(--font-thai);line-height:1.45;box-shadow:var(--shadow-2);max-width:240px}.map-tooltip strong{font-family:var(--font-sans);font-weight:600}.legend-title{font-weight:600;color:var(--text-heading);margin-bottom:10px;font-size:14px}.legend-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);margin:4px 0}.legend-row .sw{width:22px;height:14px;border-radius:4px;border:1px solid var(--border);flex:none}.legend-row .val{font-family:var(--font-mono);font-size:12px}.detail .muted,.muted{color:var(--text-muted);font-size:13px;font-family:var(--font-thai)}.detail-stat{display:flex;flex-direction:column;gap:2px;margin:10px 0}.detail-stat .stat-value{font-size:28px;font-weight:600;color:var(--text-heading);font-variant-numeric:tabular-nums;line-height:1.2}.detail-stat .stat-label{font-size:12px;color:var(--text-muted);font-family:var(--font-thai)}.map-error{padding:24px}.empty-illustration{width:min(180px,58%);height:auto;object-fit:contain;opacity:.9}.about-illustration{display:block;width:100%;max-height:150px;margin:-2px 0 14px;border:1px solid var(--border);border-radius:var(--radius-md);object-fit:cover}@media (max-width: 980px) and (min-width: 721px){.app-main.is-landing{grid-template-columns:minmax(0,1fr) minmax(270px,330px)}.app-main.is-landing .region-nav{display:none}.app-main.is-landing .map-pane{grid-column:1}.app-main.is-landing .side-pane{grid-column:2}.app-main.is-landing.is-national{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app-main.is-landing.is-national .region-nav--left{display:none}.app-main.is-landing.is-national .map-pane{grid-column:1;grid-row:1}}@media (max-width: 1180px) and (min-width: 981px){.app-main.is-landing{grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(240px,280px)}.app-main.is-landing.is-national{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}.region-nav--left{padding:12px 8px;gap:8px}.region-province-list button{font-size:11.5px;padding:3px 2px}}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:color-mix(in srgb,var(--bg-subtle) 55%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--t-med)}.map-loading.active{opacity:1;pointer-events:auto}@media (max-width: 720px){.app-header{height:auto;padding:10px 14px;flex-wrap:wrap;gap:10px}.header-divider{display:none}.header-tools{order:1;flex:1;min-width:0;margin-left:0}.header-tools .field{flex:1;width:auto;min-width:0}.header-controls{order:2;width:100%;gap:8px}.select-wrap--dataset{flex:1;min-width:0}.select-wrap--dataset .select{width:100%;min-width:0;max-width:none}.select-wrap--year .select{min-width:84px}.app-main,.app-main.is-landing{grid-template-columns:1fr;grid-template-rows:1fr auto}.region-nav,.app-main.is-landing .region-nav,.app-main.is-landing.is-national .region-nav--left{display:none}.app-main.is-landing .map-pane{grid-column:1}.app-main.is-landing .side-pane{display:flex;grid-column:1}.app-main.is-landing.is-national{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.app-main.is-landing.is-national .map-pane{grid-column:1;grid-row:1}.side-pane{border-left:none;border-top:1px solid var(--border);max-height:42dvh}.brand-tag{display:none}}.area-metric-grid{display:flex;flex-direction:column;gap:6px}.area-no-data{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 4px;text-align:center}.area-no-data img{width:min(132px,58%);height:auto;object-fit:contain}.area-no-data p{margin:0}.area-metric{min-width:0;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle)}.area-metric-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.area-metric-name{font-family:var(--font-thai);font-size:11.5px;line-height:1.35;color:var(--text-body);min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.area-metric-val{flex:none;font-family:var(--font-mono);font-size:15.5px;font-weight:600;color:var(--text-heading);font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.area-metric-unit{margin-left:3px;font-family:var(--font-thai);font-size:10px;font-weight:400;color:var(--text-body)}.area-metric-bottom{display:flex;align-items:center;gap:8px;margin-top:5px}.area-metric-bottom .m-bar{flex:1;height:4px;margin:0}.area-rank{flex:none;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--text-heading);line-height:1}.area-rank i{font-style:normal;font-weight:400;color:var(--text-body)}.area-cat+.area-cat{margin-top:14px;padding-top:11px;border-top:1px solid var(--border)}.area-cat-head{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-family:var(--font-thai);font-size:12.5px;font-weight:700;color:var(--text-heading)}.area-cat-head svg,.area-cat-head img{width:15px;height:15px;object-fit:contain;flex:none}.area-cat-head svg{color:var(--accent)}.area-cat-head em{margin-left:auto;font-style:normal;font-family:var(--font-mono);font-size:10.5px;font-weight:400;color:var(--text-body)}@media (max-width: 720px){.side-pane{max-height:50dvh}.area-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:6px}.area-metric-top{flex-direction:column;align-items:stretch;gap:1px}.area-metric-name{font-size:11px}}@media (max-height: 760px) and (min-width: 721px){.area-panel-head{padding-bottom:7px;margin-bottom:9px}.area-panel-name{font-size:18px}.area-cat-head{margin-bottom:6px}.area-metric-bottom{margin-top:4px}.area-metric{padding:6px 9px}.area-metric-val{font-size:15px}.area-cat+.area-cat{margin-top:11px;padding-top:9px}}