:root{--forest:#0f3d2e;--gold:#d7b56d;--cream:#f7f5ef;--ink:#173128}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Thai","Leelawadee UI",Arial,sans-serif}button,input,select{font:inherit}.topbar{height:76px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:30px;background:#fffffff2;border-bottom:1px solid #dfe6e1;position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;line-height:1;letter-spacing:.09em;color:var(--forest)}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--forest);font-size:22px;box-shadow:0 0 0 3px #e8d7ad}.brand b,.brand small{display:block}.brand b{font-family:Georgia,serif;font-size:16px}.brand small{font-size:10px;margin-top:5px;color:#8b6e32}.topbar nav{display:flex;align-items:center;gap:28px}.topbar a,.topbar nav button{color:#43554d;text-decoration:none;font-size:14px;background:none;border:0;cursor:pointer}.lang{border:1px solid #cdd8d1;border-radius:99px;background:#fff;color:var(--forest);padding:8px 14px;cursor:pointer;font-weight:700}.hero{min-height:225px;padding:44px clamp(20px,5vw,78px) 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;color:#fff;background:radial-gradient(circle at 85% 25%,#d7b56d47,transparent 26%),linear-gradient(120deg,#0b3326,#18543e)}.eyebrow{color:#e8ce95!important;letter-spacing:.17em;font-size:11px!important;font-weight:700}.hero h1{margin:9px 0 7px;font:500 clamp(31px,4vw,54px) Georgia,serif}.hero p{margin:0;max-width:760px;color:#d9e6df;font-size:15px}.hero-stat{min-width:180px;padding:18px 22px;border:1px solid #ffffff38;border-radius:18px;background:#ffffff17}.hero-stat strong,.hero-stat span{display:block}.hero-stat strong{font:44px Georgia;color:#f0d9a7}.hero-stat span{font-size:12px}.workspace{height:calc(100vh - 301px);min-height:570px;display:grid;grid-template-columns:minmax(310px,380px) 1fr;background:#fff}.directory-panel{border-right:1px solid #dbe4de;padding:22px;overflow:auto;z-index:5;box-shadow:12px 0 35px #103d2e0f}.search-wrap{height:50px;border:1px solid #cfdad3;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 6px 20px #0f3d2e0f}.search-wrap span{font-size:24px}.search-wrap input{width:100%;border:0;outline:0}.filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.filters select,.filters button{height:42px;border-radius:11px;border:1px solid #d2ddd6;background:#f8faf8;color:#2a503f;padding:0 11px;cursor:pointer}.notice{background:#fff8e8;color:#745d2b;padding:9px;border-radius:9px;font-size:12px}.results-head{display:flex;justify-content:space-between;margin:22px 2px 10px;font-size:14px}.temple-list{display:grid;gap:9px}.temple-card{width:100%;text-align:left;border:1px solid #e2e9e4;background:#fff;border-radius:14px;padding:15px 12px;display:grid;grid-template-columns:22px 1fr 22px;gap:8px;color:var(--ink);cursor:pointer}.temple-card.active,.temple-card:hover{border-color:#8aae9b;background:#f1f7f3;box-shadow:0 8px 20px #0f3d2e14}.temple-card b,.temple-card small,.temple-card em{display:block}.temple-card small{color:#6d7c75;margin-top:4px}.temple-card em{font-style:normal;color:#967737;margin-top:7px;font-size:11px}.pin-dot{color:#bd9141}.verified{color:#fff;background:#2a7554;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11px}.empty{padding:30px;text-align:center}.map-stage{position:relative;overflow:hidden;background:#dbe4dd}.leaflet-map{width:100%;height:100%}.atlas-marker{background:none!important;border:0!important}.marker-halo{width:44px;height:44px;display:grid;place-items:center;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:var(--forest);border:3px solid white;box-shadow:0 6px 16px #00000047}.marker-halo span{color:#f2d493;font-size:20px;transform:rotate(45deg)}.detail-card{position:absolute;z-index:500;right:22px;bottom:22px;width:min(410px,calc(100% - 44px));border:1px solid #0f3d2e26;border-radius:20px;background:#fffffff7;padding:20px;box-shadow:0 20px 60px #0f2b2138}.detail-top{display:flex;justify-content:space-between}.detail-top button{background:none;border:0;font-size:24px;cursor:pointer}.verified-pill{background:#e9f5ee;color:#23704e;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700}.detail-card h2{margin:12px 0 2px;font:24px Georgia;color:var(--forest)}.english-name{margin:0 0 14px!important;color:#967739!important}.detail-card p{margin:8px 0;color:#52645b;font-size:13px}.actions{display:flex;gap:8px;margin:16px 0}.actions a{flex:1;text-align:center;padding:10px;border-radius:10px;border:1px solid #b8c9c0;color:var(--forest);text-decoration:none;font-size:12px;font-weight:700}.actions .primary-action{background:var(--forest);color:#fff}.source-line{border-top:1px solid #e3e9e5;padding-top:12px;color:#75847d;font-size:10px;line-height:1.6}footer{min-height:58px;padding:16px clamp(20px,5vw,78px);display:flex;justify-content:space-between;background:#09291f;color:#bcd0c5;font-size:11px}@media(max-width:800px){.topbar{height:66px;padding:0 14px}.topbar nav{display:none}.hero{min-height:190px;padding:28px 18px;align-items:flex-start}.hero-stat{display:none}.workspace{height:auto;min-height:0;display:flex;flex-direction:column}.directory-panel{order:2;border:0;padding:16px}.map-stage{order:1;height:56vh;min-height:430px}.detail-card{right:12px;bottom:12px;width:calc(100% - 24px);padding:16px}footer{flex-direction:column;gap:8px}}