/* --- PC 模式樣式修正 --- */
@media (min-width: 769px) {
    /* 確保 PC 版有正確的 300px 偏移 */
    #preamble .breadcrumb-container {
        margin-left: 300px !important;
        display: block !important;
    }
    #content {
        margin-left: 300px !important;
    }
}

/* style.css */

@media (max-width: 768px) {
    /* 強制修正手機模式下目錄的列表縮排 */
    #text-table-of-contents ul {
        margin-left: 1.5em !important;   /* 統一左側縮排距離 */
        padding-left: 0 !important;      /* 清除不同瀏覽器的預設 padding 差異 */
        list-style-type: disc !important; /* 確保有清單點，增加易讀性 */
    }

    #text-table-of-contents li {
        margin-top: 0.5em !important;    /* 增加垂直間距，方便手機手指點擊 */
        margin-bottom: 0.5em !important;
    }

    /* 針對巢狀清單（第二層目錄）的進一步縮排 */
    #text-table-of-contents ul ul {
        margin-left: 1.2em !important;
        list-style-type: circle !important;
    }

    /* 確保目錄連結不會因為縮排太擠而折行 */
    #text-table-of-contents a {
        display: inline-block;
        padding: 2px 0;
    }
}