html,body,#map { height:100%; }
.marker {
  position: relative;
  border: 2px solid rgba(255,255,255,.4);
  border-radius: 9999px;
  box-shadow: 0 6px 20px rgba(0,0,0,.4);
  display: grid;
  place-items: center;
}
.marker img { pointer-events: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
body { overflow-x: hidden; }

/* Popup slider */
.slider { position: relative; width: 100%; height: 120px; background: #111; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.slider .slide { position:absolute; inset:0; display:none; }
.slider .slide.active { display:block; }
.slider .slide img { width:100%; height:100%; object-fit:cover; }
.slider .nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.2); border:none; color:white; font-size:18px; padding:2px 6px; border-radius:6px; cursor:pointer; }
.slider .nav.prev { left:6px; } .slider .nav.next { right:6px; }

/* Quill rich text shown in detail panel */
.prose p { margin: 0.5rem 0; }
.prose h1, .prose h2, .prose h3 { margin: 0.8rem 0 0.3rem; font-weight:700; }
.prose ul, .prose ol { margin: 0.5rem 0 0.5rem 1rem; }

/* Right panel */
#detailPanel.hidden { display:none; }