*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;color:#172a22}#map{position:absolute;inset:0}#panel{position:absolute;z-index:3;top:14px;left:14px;width:340px;max-height:calc(100vh - 28px);overflow:auto;background:#fffffff2;border-radius:12px;box-shadow:0 4px 24px #0003;padding:16px}h1{font-size:22px;margin:0 0 5px;color:#287650}p{margin:0 0 12px}#search{width:100%;padding:10px;border:1px solid #bbb;border-radius:6px}#filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}label{font-size:13px}small,footer{color:#666;font-size:11px}#count{font-weight:bold;margin:14px 0 8px}.place{display:block;width:100%;border:0;border-top:1px solid #ddd;background:transparent;padding:10px 4px;text-align:left;cursor:pointer}.place:hover{background:#e8f4eb}.marker{width:39px;height:39px;background:white;border:2px solid #318258;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px #0005;cursor:pointer}.marker img{width:33px;height:33px;object-fit:contain}.maplibregl-popup-content{width:290px;max-width:calc(100vw - 40px);padding:14px;border-radius:10px}.pop-title{font-size:17px;font-weight:700;margin-right:15px}.pop-photo{width:100%;max-height:180px;object-fit:cover;margin-top:9px;border-radius:6px}.tags{display:flex;gap:9px;margin:10px 0}.tags img{height:36px;width:36px;object-fit:contain}.links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.links a{padding:7px 9px;border-radius:5px;background:#26764e;color:white;text-decoration:none;font-size:12px}footer{margin-top:16px}@media(max-width:650px){#panel{left:8px;top:8px;width:calc(100% - 16px);max-height:36vh;padding:10px}h1{font-size:17px}#filters{margin:6px 0}#places{max-height:90px;overflow:auto}.maplibregl-ctrl-top-right{top:37vh}}
.pop-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:14px}.pop-heading .pop-title{margin-right:0;flex:1}.maps-route{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:1px solid #ddd;border-radius:8px;background:white;text-decoration:none}.maps-route:hover,.maps-route:focus-visible{background:#eef5ff;border-color:#4285f4}.marker{pointer-events:auto}.marker img{pointer-events:none}

#basemap-box{position:absolute;z-index:4;right:52px;top:10px;background:#fffffff2;border-radius:8px;padding:8px 10px;box-shadow:0 2px 10px #0003;display:flex;align-items:center;gap:8px}#basemap-box label{font-weight:600;font-size:12px}#basemap{max-width:190px;padding:6px;border:1px solid #bbb;border-radius:5px;background:white}footer a{color:#287650;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:650px){#basemap-box{top:calc(36vh + 10px);right:48px;padding:5px}#basemap-box label{display:none}#basemap{max-width:155px;font-size:12px}}