/* ============================================================
   Hộp Mục lục — bảng màu VCD
   navy #2B4675 · cam #EFA758 · nền nhạt #F4F7FB
   ============================================================ */
#ftwp-container-outer.ftwp-in-post{
    margin:32px 0 !important;
    float:none !important;
    width:auto !important;
}
#ftwp-container-outer.ftwp-in-post #ftwp-contents{
    width:auto !important;
    max-width:100% !important;
    float:none !important;
    background:#fff !important;
    border:1px solid #dfe6f0 !important;
    border-radius:8px !important;
    box-shadow:0 2px 10px rgba(10,35,63,.06) !important;
    overflow:hidden;
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
}

/* ---------- Thanh tiêu đề ---------- */
#ftwp-container-outer #ftwp-header{
    display:flex !important;
    align-items:center;
    gap:10px;
    background:#f4f7fb !important;
    border-bottom:1px solid #e6ecf5 !important;
    padding:13px 18px !important;
    margin:0 !important;
    min-height:0 !important;
}
#ftwp-container-outer #ftwp-header-title{
    flex:1 1 auto;
    margin:0 !important;
    padding:0 !important;
    color:#2b4675 !important;
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:.4px;
    text-transform:uppercase;
}
#ftwp-container-outer #ftwp-header-control,
#ftwp-container-outer #ftwp-header-minimize{
    flex:0 0 auto;
    color:#2b4675 !important;
    background:none !important;
    border:0 !important;
    opacity:.75;
    transition:opacity .2s ease, transform .2s ease;
}
#ftwp-container-outer #ftwp-header-minimize{cursor:pointer}
#ftwp-container-outer #ftwp-header-minimize:hover,
#ftwp-container-outer #ftwp-header-control:hover{opacity:1}

/* ---------- Danh sách ---------- */
#ftwp-container-outer #ftwp-list{
    margin:0 !important;
    padding:12px 18px 16px !important;
    max-height:none !important;
    background:transparent !important;
    /* bài dài chia 2 cột cho đỡ hụt hẫng */
    column-gap:34px;
}
@media (min-width:960px){
    #ftwp-container-outer #ftwp-list.vcd-toc-2col{columns:2}
}
#ftwp-container-outer #ftwp-list li{
    margin:0 !important;
    padding:0 !important;
    break-inside:avoid;
}
#ftwp-container-outer #ftwp-list li::marker{
    color:#efa758;
    font-weight:700;
}
#ftwp-container-outer #ftwp-list ol{
    margin:2px 0 2px 4px !important;
    padding-left:18px !important;
}

/* ---------- Từng mục ---------- */
#ftwp-container-outer .ftwp-anchor{
    display:block !important;
    padding:7px 10px !important;
    margin:1px 0 !important;
    border-radius:5px !important;
    color:#0a233f !important;
    background:transparent !important;
    font-size:15px !important;
    font-weight:400 !important;
    line-height:1.45 !important;
    text-decoration:none !important;
    transition:background-color .18s ease, color .18s ease, padding-left .18s ease;
}
/* số thứ tự (plugin vẽ bằng ::before) */
#ftwp-container-outer .ftwp-anchor::before{
    color:#efa758 !important;
    font-weight:700 !important;
    opacity:1 !important;
}
/* tắt lớp nền chạy ngang của hiệu ứng mặc định cho gọn mắt */
#ftwp-container-outer .ftwp-text::before,
#ftwp-container-outer .ftwp-text::after{display:none !important}

#ftwp-container-outer .ftwp-anchor:hover,
#ftwp-container-outer .ftwp-anchor:focus-visible{
    color:#2b4675 !important;
    background:#f4f7fb !important;
    padding-left:15px !important;
}
#ftwp-container-outer .ftwp-anchor:focus-visible{
    outline:2px solid #efa758;
    outline-offset:1px;
}
/* mục ứng với phần đang đọc */
#ftwp-container-outer .ftwp-item.ftwp-active > .ftwp-anchor,
#ftwp-container-outer .ftwp-anchor.ftwp-active{
    color:#2b4675 !important;
    background:#eef3fa !important;
    font-weight:600 !important;
    box-shadow:inset 3px 0 0 #efa758;
}
/* mục cấp 1 đậm hơn mục con */
#ftwp-container-outer #ftwp-list > li > .ftwp-anchor{font-weight:600 !important}
#ftwp-container-outer #ftwp-list ol .ftwp-anchor{
    font-size:14px !important;
    color:#3c4a5c !important;
}

/* ---------- Nút thu gọn của từng nhánh ---------- */
#ftwp-container-outer .ftwp-colexp-icon > .ftwp-item.ftwp-parent > .ftwp-anchor::first-line{color:inherit}

/* ---------- Điện thoại ---------- */
@media (max-width:639px){
    #ftwp-container-outer.ftwp-in-post{margin:22px 0 !important}
    #ftwp-container-outer #ftwp-header{padding:11px 14px !important}
    #ftwp-container-outer #ftwp-header-title{font-size:15px !important}
    #ftwp-container-outer #ftwp-list{padding:8px 12px 12px !important}
    #ftwp-container-outer .ftwp-anchor{
        font-size:14px !important;
        padding:9px 8px !important;   /* vùng chạm to hơn cho ngón tay */
    }
    #ftwp-container-outer #ftwp-list ol .ftwp-anchor{font-size:13px !important}
}

@media (prefers-reduced-motion:reduce){
    #ftwp-container-outer .ftwp-anchor{transition:none}
}