.tooltip {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  color: inherit;
  background: none;

  .tooltip-arrow {
    position: absolute;
  }

  .tooltip-inner {
    white-space: pre-line;
  }
}

/* INFO: fc 24oct26 flat, so browsers without CSS nesting still hide a closed tooltip over Bootstrap's display: block */
.tooltip[hidden] {
  display: none;
}
.tooltip[popover]:not(:popover-open) {
  display: none;
}