/* Chú thích nổi (tooltip) — tách khỏi HTML để trình duyệt cache lại được.
   Sinh ra từ _tooltips.blade.php; sửa ở đây, đừng dán ngược vào trang. */
        #_t_tip {
            position: fixed; z-index: 2147483647; display: none;
            max-width: 360px; padding: 6px 10px; border-radius: var(--radius-md);
            background: var(--color-ui-tooltip-bg, #0a0a14);
            color: var(--color-ui-tooltip-fg, #e4e4e7);
            border: 1px solid var(--color-ui-tooltip-border, rgba(251,191,36,0.35));
            font-size: 0.78rem; line-height: 1.5;   /* lint-ok: thang cỡ chữ nhảy 0,72 → 0,82; đổi sang token là đổi cỡ chữ thật, không thuộc một lượt DI CHUYỂN mã */
            white-space: pre-wrap; word-break: break-word;
            box-shadow: var(--color-ui-tooltip-shadow, 0 8px 24px rgba(0,0,0,0.6));
            pointer-events: none; opacity: 0;
            transition: opacity 80ms ease-out;   /* lint-ok: --motion-fast là 150ms, gần gấp đôi — đổi là đổi cảm giác hiện chú thích */
        }
        #_t_tip.is-on { display: block; opacity: 1; }
        /* Bullet list trong tooltip (task #767): bieu_hien_doi_thuong + linh_vuc_tac_dong
           render UL/LI thay vì raw "- " prefix. Padding nhỏ + bullet • cho gọn.
           margin-bottom 8px tách 2 section (Lĩnh vực + Biểu hiện) khỏi nhau gọn gàng. */
        #_t_tip ul { margin: 4px 0 8px; padding-left: 14px; list-style: none; }
        #_t_tip ul:last-child { margin-bottom: 0; }
        #_t_tip ul li { position: relative; padding-left: 10px; margin-top: 2px; }
        #_t_tip ul li::before {
            content: '\2022'; position: absolute; left: 0; top: 0;
            color: var(--color-accent-gold, #fbbf24);
        }
        /* #3053: danh sách LỒNG (mục con của một mục) — dấu mờ hơn và thụt nông hơn. Cùng chấm vàng
           ở cả hai bậc thì hai bậc đọc thành một danh sách phẳng, mà màu nhấn dùng cho mọi dòng
           cũng thôi không phân biệt được gì.
           #3064: dấu đầu mục KHÔNG dùng gạch ngang. Mục con ở đây luôn mở đầu bằng dấu của điểm số
           (+2.5 / −1), nên một gạch ngang đứng ngay trước nó đọc thành dấu âm — "– +2.5" nhìn ra
           "trừ cộng hai rưỡi". Dùng chấm giữa: nó không mang nghĩa dấu số nào. */
        /* #3080: mục con KHÔNG có dấu đầu dòng. Mỗi mục con ở đây mở đầu bằng dấu của điểm số
           (+2.5 / −1) nên bản thân nó đã có ký tự dẫn; thêm một dấu nữa thành hai ký hiệu chồng
           nhau, mà bậc thụt vào đã đủ nói đây là mục con. */
        #_t_tip ul ul { margin: var(--space-1) 0 0; padding-left: var(--space-2); }
        #_t_tip ul ul li { padding-left: 0; }
        #_t_tip ul ul li::before { content: none; }
        /* #3098: dòng mức MẠNH trong hộp chú giải — vàng cảnh báo dùng chung, để phân biệt ngay
           với các dòng mô tả thường. Đặt ở đây vì hộp chú giải là nơi duy nhất dựng kiểu dáng
           của nó (mọi trang dùng chung một hộp). */
        #_t_tip .tip-hot { color: var(--color-ui-state-warning); }
        /* #3192: nhãn khối trong hộp chú giải phải chiếm trọn hàng — thẻ nội dòng thì lề dưới của
           `.mfl-label` không có tác dụng, hai nhãn dính vào nội dung ngay trên nó. */
        #_t_tip .mfl-label { display: block; margin-top: var(--space-2); }
        #_t_tip .kwp-wrap { margin: var(--space-1) 0 0; }