/* Đặt màu chữ dễ đọc cho nội dung trong trang hồ sơ/accordion */
.accordion__title {
    color: var(--color-main, #111) !important;
}

.accordion__content,
.accordion__content .user-markup,
.accordion__content .user-markup * {
    color: var(--color-main, #111) !important; /* ép toàn bộ con cháu về màu tối */
}

    /* Link trong nội dung */
    .accordion__content a {
        color: #1f4b99 !important;
        text-decoration: none;
    }

        .accordion__content a:hover {
            color: #a9161c !important;
            text-decoration: underline;
        }

    /* Nếu có đoạn nào bị đặt màu trắng trực tiếp trên <i>, <li>, <p> */
    .accordion__content i,
    .accordion__content li,
    .accordion__content p,
    .accordion__content span {
        color: var(--color-main, #111) !important;
    }

/* Đảm bảo nền panel là trắng để tương phản */
.accordion__content {
    background: #fff;
}
/* Hiển thị nội dung khi accordion ở trạng thái active */
.accordion__item.accordion__item--is-active > .accordion__content {
    display: block !important;
    background: #fff;
}

    /* Đảm bảo text hiển thị (không còn opacity:0) khi active */
    .accordion__item.accordion__item--is-active > .accordion__content .user-markup {
        opacity: 1 !important;
    }

/* Nếu muốn luôn hiển thị mà không cần JS thêm class, dùng rule tổng quát sau: */
.accordion__content .user-markup {
    opacity: 1 !important;
}