.persona-tooltip-trigger { cursor: default; }
.persona-tooltip-trigger:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.persona-tooltip-description {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.persona-tooltip {
    position: fixed; inset: auto; margin: 0; padding: 9px 12px;
    width: max-content; max-width: calc(100vw - 24px);
    border: 1px solid #36424d; border-radius: 5px;
    background: #26343f; color: #fff;
    box-shadow: 0 3px 10px #0002;
    font: 400 13px/1.45 Arial, Helvetica, sans-serif;
    letter-spacing: 0; text-align: left; text-transform: none;
    overflow-wrap: normal; pointer-events: auto;
}
.persona-tooltip > span { display: block; }
@media (forced-colors: active) {
    .persona-tooltip { background: Canvas; color: CanvasText; border-color: CanvasText; }
}