/* ==================================================
   ARTICLE - TABLE OF CONTENTS / XEM NHANH
================================================== */

#table-of-contents {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    box-sizing: border-box;

    margin: 0 0 28px;
    padding: 22px 26px !important;

    background: #eef7ff;
    border: 1px solid #d6eaff;
    border-radius: 12px;

    font-size: 15px;
    line-height: 1.65;
}

/* Không hiện khung nếu mục lục đang trống */
#table-of-contents:empty {
    display: none;
}

/* Tiêu đề Xem nhanh */
#table-of-contents > strong,
#table-of-contents > b,
#table-of-contents .toc-title {
    display: block;
    margin-bottom: 12px;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;

    color: #2878d0;
}

/* Danh sách chính */
#table-of-contents ul,
#table-of-contents ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
}

/* Danh sách cấp con */
#table-of-contents ul ul,
#table-of-contents ol ol,
#table-of-contents ul ol,
#table-of-contents ol ul {
    margin-top: 5px;
    padding-left: 20px;
}

/* Khoảng cách từng mục */
#table-of-contents li {
    margin-bottom: 7px;
}

/* Link trong mục lục */
#table-of-contents a {
    color: #438fe5;
    text-decoration: none;
    transition: color 0.2s ease;
}

#table-of-contents a:hover {
    color: #1769c2;
    text-decoration: underline;
}

/* Tối ưu trên điện thoại */
@media (max-width: 767px) {
    #table-of-contents {
        padding: 18px !important;
        margin-bottom: 22px;
        border-radius: 10px;

        font-size: 14px;
        line-height: 1.6;
    }

    #table-of-contents ul,
    #table-of-contents ol {
        padding-left: 18px;
    }
}