.map-top{justify-content:flex-end}
.area-map-symbol{display:grid;place-items:center;width:28px;height:32px;border:1px dashed #a9b5a2;border-radius:6px 6px 13px 13px;background:#f5f5efd9;color:#8c9984;box-shadow:0 2px 6px #243b2820}.area-map-symbol .icon{width:18px;height:18px;stroke-width:1.6}.area-map-symbol.visited{background:#78935e;color:#fffefa;border:2px solid #fffefa}.area-map-symbol.forest.visited{background:#416d51}.area-map-symbol.wilderness.visited{background:#b58250}.area-popup strong,.area-popup>span,.area-popup small{display:block;margin-bottom:7px}.area-popup strong{font:400 20px var(--serif);line-height:1.25;max-width:240px}.area-popup>span,.area-popup small{font-size:10px;color:var(--muted)}.area-cluster{background:#476b47;border-color:#e2ead8}.peak-map-symbol.waterfall{border-radius:8px;background:#d9e5e8;color:#6f8d96}.peak-map-symbol.waterfall.visited{background:#477b8a;color:#fffefa}.peak-card.waterfall.visited{background:#e7f0f1;border-color:#bfd3d8}.peak-card.waterfall.visited .peak-card-symbol{color:#477b8a}
.hike-pin-icon,.hike-cluster-icon{background:none;border:0}.hike-pin{display:grid;place-items:center;width:30px;height:30px;border:3px solid #fffefa;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);box-shadow:0 2px 7px #20372b38;color:white}.hike-pin .icon{height:17px;width:17px;transform:rotate(45deg);stroke-width:1.5}.hike-cluster{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#244b3a;color:#fffef3;font-family:var(--sans);font-size:14px;font-weight:650;border:4px solid #dce7d1;box-shadow:0 2px 9px #20372b30;font-variant-numeric:tabular-nums}.hike-cluster.large{width:48px;height:48px;font-size:15px;border-width:5px}.leaflet-marker-icon:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:50%}

.area-hovered .area-map-symbol,.area-hovered .area-cluster{box-shadow:0 0 0 2px #244b3a33,0 3px 9px #203b3a30}

.area-cluster.unvisited{background:#fffefa;color:#78856e;border-color:#dce3d4}

/* Pointed pins keep individual places legible at regional zoom levels. */
.area-pin-icon{background:none;border:0}
.area-map-symbol{position:relative;width:30px;height:30px;border:2px solid #fffefa;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:#fffefa;color:#65775b;box-shadow:0 2px 7px #20372b38}
.area-map-symbol .icon{width:18px;height:18px;transform:rotate(45deg);stroke-width:1.8}
.area-map-symbol.visited{background:#78935e;color:#fffefa;border:2px solid #fffefa}
.area-map-symbol.area-cluster{width:32px;height:32px;box-shadow:3px 3px 0 #cbd7bd,0 2px 8px #20372b38}
.area-cluster-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;transform:rotate(45deg);border-radius:9px;background:var(--green);color:#fffefa;font:650 10px/1 var(--sans);font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #20372b38}
.area-cluster.unvisited .area-cluster-count{background:#fffefa;color:var(--green);border:1px solid #9aaa90}