.json-tooltip-wrap {
  position: relative;
  display: inline-block;
}

.json-tooltip-panel {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 1.2em;

  width: 420px;
  max-height: 320px;
  overflow: auto;

  background: #ffffff;
  border: 1px solid #bbb;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
  border-radius: 6px;
  padding: 10px;

  font-family: Consolas, Menlo, Monaco, monospace;
  font-size: 12px;
  white-space: pre;
  color: #111;
}

.json-tooltip-wrap:hover .json-tooltip-panel {
  display: block;
}

.json-ref-link {
  color: #0b61a4;
  cursor: default;            /* hover-only */
  text-decoration: underline;
}
``