/* assets/css/mibl_tooltip.css — the site-wide tooltip bubble (19 Oct 2026). Behaviour: assets/js/mibl_tooltip.js.
   Dark glass in the site's own palette (deep navy, violet edge, a breath of cyan) instead of the browser's white box. position:fixed and no transform/backdrop-filter
   on any wrapper, so it can never be clipped by, or trapped inside, a card or a header (see the 17 Oct 2026 rule on backdrop-filter and pop-ups). */
.mibl-tip {
    position: fixed; left: 0; top: 0; z-index: 2147483600; max-width: 340px; box-sizing: border-box;
    padding: 8px 12px 9px; border-radius: 10px;
    background: linear-gradient(160deg, #15183a, #0b0d24); color: #e8edf5;
    font: 500 12.5px/1.55 'Vazirmatn', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; letter-spacing: 0; text-transform: none; text-align: start;
    border: 1px solid rgba(167,139,250,.5);
    box-shadow: 0 12px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(0,212,255,.10), 0 0 18px rgba(167,139,250,.20);
    white-space: pre-line; overflow-wrap: anywhere; word-break: normal;
    pointer-events: none; opacity: 0; transform: translateY(3px); visibility: hidden;
    transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s;
}
.mibl-tip.above { transform: translateY(-3px); }
.mibl-tip.show { opacity: 1; transform: none; visibility: visible; transition: opacity .14s ease, transform .14s ease, visibility 0s; }
/* the arrow: a rotated square on the edge that faces the element, at the element's own x position */
.mibl-tip::after {
    content: ''; position: absolute; left: var(--ax, 50%); top: -5px; width: 8px; height: 8px; margin-left: -4px; box-sizing: border-box;
    background: #15183a; border: 1px solid rgba(167,139,250,.5); border-right: 0; border-bottom: 0; transform: rotate(45deg);
}
.mibl-tip.above::after { top: auto; bottom: -5px; background: #0b0d24; border: 1px solid rgba(167,139,250,.5); border-left: 0; border-top: 0; }
@media (prefers-reduced-motion: reduce) { .mibl-tip, .mibl-tip.show { transition: none; } }
@media print { .mibl-tip { display: none; } }