:root{--ink:#14201b;--muted:#637069;--paper:#f7f4ed;--card:#fff;--green:#196b4b;--green2:#0e4c36;--lime:#d9f2a8;--amber:#ffcf70;--rose:#f6b2a6;--blue:#a8dcec;--line:#d9ded8;--shadow:0 14px 35px rgba(20,32,27,.11);font-family:"Noto Sans Thai","IBM Plex Sans Thai",Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
.leaflet-container .leaflet-tile{width:256px!important;height:256px!important;max-width:none!important;max-height:none!important}.leaflet-container .leaflet-tile-loaded{opacity:1!important}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}a{color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--ink);color:white;gap:14px;position:relative;z-index:1001}.brand{font-weight:900;letter-spacing:-.03em}.brand small{display:block;font-weight:500;color:#cfd8d3;font-size:11px;letter-spacing:.02em}.nav{display:flex;gap:8px}.nav a{padding:9px 12px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800}.nav a.active{background:var(--lime);color:var(--ink)}.hero{padding:22px 18px 15px;max-width:1440px;margin:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--green)}h1{font-size:clamp(27px,5vw,50px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px;max-width:820px}.lead{font-size:15px;color:var(--muted);line-height:1.55;max-width:760px;margin:0}.notice{margin-top:16px;background:#fff8dc;border:1px solid #efd27a;border-radius:16px;padding:13px 14px;display:flex;gap:11px;line-height:1.45;font-size:13px}.notice b{display:block;color:#674b00}.notice .icon{font-size:21px}.workspace{display:grid;grid-template-columns:1fr;max-width:1440px;margin:auto}.mapwrap{height:48vh;min-height:360px;position:relative;border-block:1px solid var(--line)}#map{height:100%;width:100%;background:#dce5df}.map-key{position:absolute;z-index:600;bottom:12px;left:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:11px;box-shadow:var(--shadow)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 4px 0 8px}.dot:first-child{margin-left:0}.panel{padding:17px 14px 34px}.filterbar{display:flex;gap:7px;overflow:auto;padding:1px 0 13px;scrollbar-width:none}.filterbar button{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 12px;white-space:nowrap;font-weight:800;color:var(--ink);cursor:pointer}.filterbar button.active{background:var(--ink);color:white;border-color:var(--ink)}.count{font-size:12px;color:var(--muted);margin-bottom:10px}.cards{display:grid;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 6px 18px rgba(20,32,27,.05);scroll-margin-top:16px}.card.selected{outline:3px solid var(--green);outline-offset:1px}.rank{font-size:11px;font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.08em}.card h2{font-size:19px;line-height:1.2;margin:5px 0 3px;letter-spacing:-.02em}.thai{font-size:13px;color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}.tag{border-radius:999px;padding:6px 8px;font-size:11px;font-weight:900;background:#eef2ef}.tag.walk{background:var(--lime)}.tag.cost{background:var(--amber)}.tag.review{background:var(--blue)}.tag.risk{background:#ffe2db}.verdict{font-size:14px;line-height:1.5;margin:9px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.fact{border-top:1px solid var(--line);padding-top:8px;font-size:12px;line-height:1.4}.fact b{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.questions{font-size:12px;line-height:1.5;background:#f4f6f2;border-radius:12px;padding:10px;margin:12px 0}.questions b{display:block}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--ink);border-radius:10px;padding:9px 11px;font-size:12px;font-weight:900;text-decoration:none;background:white}.btn.primary{background:var(--green);border-color:var(--green);color:white}.source-note{padding:18px;font-size:11px;color:var(--muted);line-height:1.5;max-width:1440px;margin:auto}.move-kit{max-width:1384px;margin:18px auto 0;background:#e8f1ec;border:1px solid var(--line);border-radius:18px;padding:17px}.move-kit h2{margin:0 0 4px;font-size:19px}.move-kit p{margin:0 0 12px;color:var(--muted);font-size:12px}.move-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.move-grid span{background:white;border-radius:10px;padding:9px;font-size:12px;font-weight:800}.leaflet-popup-content-wrapper{border-radius:14px}.leaflet-popup-content{margin:12px 14px;line-height:1.4}.marker-pin{width:32px;height:32px;border-radius:50% 50% 50% 5px;background:var(--green);transform:rotate(-45deg);border:3px solid white;box-shadow:0 3px 9px #0004}.marker-pin span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;transform:rotate(45deg);color:white;font-weight:900;font-size:12px}.marker-pin.home{background:#ec6b52}.boarding-main{max-width:1100px;margin:auto;padding:0 16px 40px}.cost-summary{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0}.summary-card{background:var(--ink);color:white;border-radius:17px;padding:16px}.summary-card span{display:block;color:#c8d3ce;font-size:12px}.summary-card strong{font-size:22px}.board-list{display:grid;gap:14px}.board-card{background:white;border:1px solid var(--line);border-radius:18px;padding:17px}.board-card h2{margin:5px 0 2px;font-size:21px}.price{font-size:24px;font-weight:950;letter-spacing:-.03em;margin:11px 0 2px}.price small{display:block;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:0}.fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.fee{background:#f2f5f1;border-radius:11px;padding:10px;font-size:12px}.fee strong{display:block;font-size:14px}.callout{border-left:4px solid var(--amber);padding-left:11px;font-size:13px;line-height:1.5}.checklist{background:white;border-radius:18px;border:1px solid var(--line);padding:17px;margin-top:18px}.checklist li{margin:8px 0;line-height:1.4}.disclosure{font-size:11px;color:var(--muted);margin-top:12px}.priority{display:inline-block;background:var(--lime);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}
@media(min-width:920px){.topbar{padding-inline:28px}.hero{padding:30px 28px 18px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);height:calc(100vh - 210px);min-height:600px;padding:0 28px 28px;gap:18px}.mapwrap{height:100%;min-height:0;border:1px solid var(--line);border-radius:22px;overflow:hidden}.panel{height:100%;overflow:auto;padding:0 3px 30px 0}.cards{padding:0 3px}.move-grid{grid-template-columns:repeat(3,1fr)}.cost-summary{grid-template-columns:repeat(3,1fr)}.board-list{grid-template-columns:1fr 1fr}.board-card.featured{grid-column:1/-1}.boarding-main{padding-top:6px}}
@media(max-width:520px){.topbar{padding:11px 12px}.brand small{display:none}.nav a{padding:8px 9px;font-size:11px}.hero{padding-top:17px}.mapwrap{height:45vh;min-height:330px}.facts{grid-template-columns:1fr}.board-card{padding:14px}.fee-grid{grid-template-columns:1fr}}
@media(max-width:620px){.nav{gap:3px}.nav a{padding:8px 7px;font-size:10px}}
html,body{overflow-x:hidden}
.energy-board{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;max-width:760px}.energy-board>div{background:white;border:1px solid var(--line);border-radius:13px;padding:10px;display:grid;grid-template-columns:28px 1fr;align-items:center}.energy-board strong{grid-row:1/3;font-size:20px;color:var(--green)}.energy-board b{font-size:13px}.energy-board span{font-size:11px;color:var(--muted)}
@media(max-width:520px){.energy-board{grid-template-columns:1fr}}
@media(max-width:720px){.filterbar{flex-wrap:wrap;overflow:visible;gap:6px}.filterbar button{flex:0 0 auto;padding:8px 10px;font-size:12px}.card,.fact,.questions,.verdict{min-width:0;overflow-wrap:anywhere;word-break:break-word}.fact a{overflow-wrap:anywhere;word-break:break-all}.tags{max-width:100%}.tag{white-space:normal;max-width:100%;line-height:1.35}.actions .btn{white-space:normal;text-align:center}}