.majestic-tooltip {
    position: fixed;
    z-index: 14000;
    width: max-content;
    max-width: min(280px, calc(100vw - (2 * var(--space-3))));
    padding: 6px 8px;
    color: var(--text-color);
    background: var(--surface-3);
    border: 1px solid var(--border-color-strong);
    border-radius: var(--radius-control);
    box-shadow: var(--shadow-floating);
    font: 500 0.75rem/1.35 var(--font-body);
    overflow-wrap: anywhere;
    pointer-events: none;
}
.majestic-tooltip[hidden] { display: none; }
@media (forced-colors: active) { .majestic-tooltip { color: CanvasText; background: Canvas; border-color: CanvasText; } }