/* trigger */
.cd-tip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted currentColor;
}

/* the small ? */
.cd-tip-mark {
  color: var(--cd-accent, #3c8d7b);
  font-size: 0.75em;
  vertical-align: super;
}

/* bubble */
.cd-tooltip {
  background: #fff;
  border: 1px solid #e7ecef;
  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  color: #22313f;
  display: none;
  font-family: Arial, sans-serif !important; /* force standard font */
  font-size: 14px !important;               /* lock size */
  font-weight: normal !important;           /* prevent bold headers leaking in */
  left: 0;
  line-height: 1.45;
  max-width: 250px;
  min-width: 160px;
  overflow-wrap: break-word;
  padding: .65rem .75rem;
  position: absolute;
  top: 1.6em; 
  white-space: normal;
  word-wrap: break-word; 
  z-index: 9999;
}

.cd-tooltip strong { display:block; margin-bottom: .25rem; }

/* show on hover (desktops) */
.cd-tip:hover .cd-tooltip { display: block; }

/* show on focus/tap (mobile + keyboard) */
.cd-tip:focus-within .cd-tooltip,
.cd-tip.cd-open .cd-tooltip { display: block; }