/* XP hover tooltip (tooltip.js) */
.xp-tooltip {
    position: fixed; z-index: 10060; max-width: 260px; padding: 2px 6px 3px;
    background: #ffffe1; color: #000; border: 1px solid #000;
    font: 11px Tahoma, Verdana, Arial, sans-serif; line-height: 1.3;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3); pointer-events: none;
    opacity: 0; visibility: hidden; transition: opacity 0.1s, visibility 0s 0.1s;
}
.xp-tooltip.visible { opacity: 1; visibility: visible; transition: opacity 0.1s; }