.mod-personmap{width:100%;}
.mod-personmap__canvas{width:100%;height:520px;position:relative;border:1px solid #dcdcdc;border-radius:8px;background:#f8f9fa;overflow:hidden}
.personmap-svg{width:100%;height:100%;display:block}
.personmap-marker{cursor:pointer;}

.personmap-tooltip{
  position:absolute;pointer-events:none;background:#005538;color:#fff;
  font-size:.95rem;line-height:1.35;padding:6px 8px;border-radius:6px;
  box-shadow:0 8px 18px rgba(0,0,0,.15);transform:translate(-50%,-120%);
  opacity:0;transition:opacity .1s ease;z-index:5;
}

.personmap-tooltip a {
  color: #fff;
  text-decoration: underline;
}

.personmap-tooltip.show{opacity:1;}

.mod-personmap__zoom {
  position: absolute;
  top: 12px; left: 12px; z-index: 10;
  display: flex; flex-direction: column; gap: 4px;
}
.personmap-zoom-btn {
  width: 32px; height: 32px; font-size: 1.5rem; background: #fff;
  border: 1px solid #2fa84e; border-radius: 6px; color: #2fa84e;
  cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: background .15s;
}
.personmap-zoom-btn:hover { background: #e6f9ec; }