wsx-doc-layout {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: calc(100vh - var(--nav-height, 70px));
}

.doc-layout {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    gap: 0;
}

.doc-layout-sidebar {
    flex-shrink: 0;
    /* Sidebar 宽度由 wsx-doc-sidebar 组件控制 */
}

.doc-layout-main {
    flex: 1;
    min-width: 0; /* 允许 flex 子元素收缩 */
    padding: var(--doc-layout-main-padding-y, 1.5rem) var(--doc-layout-main-padding-x, 2rem);
    max-width: 100%;
}

.doc-layout-toc {
    flex-shrink: 0;
    /* TOC 宽度由 wsx-doc-toc 组件控制 */
}

/* 响应式设计 */
@media (max-width: 1280px) {
    .doc-layout-toc {
        display: none; /* 隐藏 TOC */
    }
}

@media (max-width: 1024px) {
    .doc-layout-sidebar {
        display: none; /* 隐藏侧边栏 */
    }

    .doc-layout-main {
        padding: var(--doc-layout-main-padding-y, 1.5rem);
    }
}