/* List and map, side by side. The map is sticky because the list is the
   thing being scrolled; a map that scrolls away is a map you cannot use. */
.rmap{position:relative}
.rmap-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:start}
.rmap-list{display:grid;gap:16px;min-width:0}
.rmap-canvas{position:sticky;top:14px;min-width:0}
.rmap-map{height:min(76vh,720px);border-radius:16px;overflow:hidden;border:1px solid var(--line,#e2dae6);background:#eee9f0}
.rmap-note{margin:8px 2px 0;font-size:12px;color:#817386}
.rmap-empty{margin:0;padding:26px 20px;border:1px dashed var(--line,#e2dae6);border-radius:14px;color:#766b7b;font-size:14px}
.rmap-item{scroll-margin:16px;border-radius:16px;transition:box-shadow .18s,transform .18s}
.rmap-item.is-flash{box-shadow:0 0 0 3px var(--jac,#71448b);transform:translateY(-2px)}

/* The switch is for a phone; on a desktop both are already on screen. */
.rmap-switch{display:none;gap:6px;margin:0 0 14px}
.rmap-tab{flex:1;padding:9px 14px;border:1px solid var(--line,#d8cfdd);border-radius:10px;background:#fff;
  color:#302735;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.rmap-tab.is-on{background:var(--jac,#71448b);border-color:var(--jac,#71448b);color:#fff}

/* The marker: the brand roof over a point, in jacaranda. */
.rm-marker{background:none;border:0}
.rm-marker svg{width:34px;height:42px;display:block;filter:drop-shadow(0 2px 4px rgba(69,43,91,.4))}
.rm-marker .rm-body{fill:var(--jac,#71448b)}
.rm-marker .rm-roof{stroke:#fff;stroke-width:2.1}
.rm-marker.is-lit .rm-body,.rm-marker:hover .rm-body{fill:var(--jac-deep,#392245)}
.rm-marker.is-lit svg{transform:scale(1.18);transform-origin:50% 100%}
.rm-marker.is-many{display:flex;align-items:center;justify-content:center}
.rm-marker .rm-count{display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:3px solid #fff;border-radius:30px;background:var(--jac-deep,#392245);color:#fff;
  font-weight:700;font-size:13px;box-shadow:0 3px 12px rgba(69,43,91,.35)}
.rm-marker.is-many:hover .rm-count{transform:scale(1.1)}
.leaflet-tooltip.rm-tip{background:#241631;color:#fff;border:0;box-shadow:0 3px 12px rgba(36,22,49,.35);
  font-weight:600;font-size:12.5px;padding:5px 9px;border-radius:8px}
.leaflet-tooltip.rm-tip:before{border-top-color:#241631}

@media(max-width:900px){
  .rmap-switch{display:flex}
  .rmap-split{grid-template-columns:1fr}
  .rmap-canvas{display:none;position:static}
  .rmap .show-map,.rmap.show-map .rmap-canvas{display:block}
  .rmap.show-map .rmap-list{display:none}
  .rmap-map{height:70vh}
}