:root{
  --sidebar-target-width: 400px;  /* 左侧目录宽度：可调 360/380/420 */
  --toc-width: 220px;             /* 右侧 TOC 宽度：可再调小给正文让位 */
  --grid-gap: 28px;               /* 栏间距 */
  --page-max: 1500px;             /* 页面最大宽度 */
}

@media (min-width:1024px){
  /* 页面更宽，给中间留空间 */
  .hextra-max-page-width,.hextra-max-navbar-width,.hextra-max-footer-width,
  .container, main>.container, [class*="max-w-"]{
    max-width: var(--page-max) !important;
  }

  /* 三列：左目录/正文/右 TOC */
  .docs-container,.docs-grid,main .grid,main .container.grid{
    grid-template-columns: var(--sidebar-target-width) minmax(0,1fr) var(--toc-width) !important;
    column-gap: var(--grid-gap) !important;
  }

  /* 左侧目录加宽并不换行 */
  .sidebar-container{
    width: var(--sidebar-target-width) !important;
    max-width: var(--sidebar-target-width) !important;
    flex: 0 0 var(--sidebar-target-width) !important;
  }
  .sidebar-container a{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* 右侧 TOC 变窄，正文更宽 */
  .toc-container,
  aside[aria-label="Table of contents"],
  nav[aria-label="Table of contents"]{
    width: var(--toc-width) !important;
    max-width: var(--toc-width) !important;
    flex: 0 0 var(--toc-width) !important;
  }

  /* 正文不限制最大宽度 */
  .prose,.content .prose,.markdown{ max-width: none !important; }
}