/*
 * A tooltip describes a control; it must never stand between the pointer and
 * it.
 *
 * Bootstrap does not say this itself, and where a tooltip lands is Popper's
 * decision -- on a narrow screen, over the button that opened it as often as
 * beside it. There it swallows the click and takes the hover with it, so the
 * tooltip closes, the hover returns, and the row shakes while the button never
 * fires. A tooltip holds nothing to click, so it gives up the pointer entirely
 * and the control underneath stays reachable wherever the tooltip is drawn.
 *
 * Popovers are deliberately left alone: those do hold controls.
 */
.tooltip {
    pointer-events: none;
}