.site-tooltip {
    position:fixed;
    z-index:1600;
    width:max-content;
    max-width:288px;
    box-sizing:border-box;
    padding:11px 14px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:#152b55;
    color:#fff;
    box-shadow:0 8px 24px -6px rgba(13,33,79,.25),0 2px 6px rgba(13,33,79,.1);
    font:500 13px/1.55 "Avenir Next","Trebuchet MS","Segoe UI",sans-serif;
    letter-spacing:normal;
    text-align:left;
    text-transform:none;
    overflow-wrap:anywhere;
    text-wrap:pretty;
    animation:tooltip-appear 140ms ease-out;
}
.site-tooltip[hidden] { display:none; }
@keyframes tooltip-appear {
    from { opacity:0; transform:translateY(3px); }
    to { opacity:1; transform:translateY(0); }
}
@media(prefers-reduced-motion:reduce) {
    .site-tooltip { animation:none; }
}
@media(forced-colors:active) {
    .site-tooltip { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; }
}