/* ============================================================
 * 中英左右分栏 (bilingual.css)
 * 布局: body 内两个并列的 main.doc-main, 左中文右英文
 * 用法: 页面 <head> 引入本文件;
 *       页面结构: <div class="bi-grid">
 *                   <main class="doc-main">中文版本</main>
 *                   <main class="doc-main">English version</main>
 *                 </div>
 * ============================================================ */

/* 隐藏左侧文章内目录 */
.body-grid { display: block; }
.intoc { display: none; }

/* 加宽版面以容纳双栏 */
.sheet.doc { max-width: 1400px; }

/* 双栏容器 */
.bi-grid {
  display: flex;
  align-items: stretch;
}

/* 每个 doc-main 占半宽 */
.bi-grid > main.doc-main {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  padding: 44px 40px 100px;
}

/* 左栏(中文)右侧加分隔线 */
.bi-grid > main.doc-main:first-child {
  border-right: 1px solid var(--rule);
}

/* 窄屏: 上下堆叠 */
@media (max-width: 860px) {
  .bi-grid {
    flex-direction: column;
  }
  .bi-grid > main.doc-main:first-child {
    border-right: none;
    border-bottom: 1px solid var(--rule);
    padding-bottom: 48px;
  }
}