/* =====================================================================
   官方蓝图中文版 —— 站内适配层（我们自己的规则，放在官方作用域 CSS 之后加载）
   ---------------------------------------------------------------------
   背景（2026-10 移动端缺陷）：官方快照的正文区自带一层滚动/定位结构 ——
     · .page-layout 是 flex：桌面 `toc` 固定在左、`main-content` 在右；
     · 官方在 ≤900px / ≤640px 的媒体查询里把 `toc` 改成 `position: fixed` 的浮动小卡，
       并给 `.page-layout` / `.main-content` 加上 `overflow-x: hidden`；
     · 这些容器（overflow:auto/hidden + fixed 定位）会**接住触摸/滚轮手势**，
       结果整页 `documentElement.scrollHeight` 有 3.9 万像素，但手势进不到文档滚动 ——
       现象就是「移动端无法滚动」。
   处置原则：官方样式**保留不动**，这里只做「我们说了算」的覆盖：
     ① 正文区不自己滚动、不给纵向裁剪 ⇒ 整页由文档滚动（移动端手势自然能进）；
     ② 侧栏目录在窄屏**从 fixed 改成随文档流**（官方那层浮动卡还盖在正文上）；
     ③ 其余官方观感（配色/排版/表格/流程条）保持不变。
   顺带把「宽表在容器内滚动」保留：只有表格容器可以横向滚动。
   ===================================================================== */

/* ① 正文区不做自己的滚动视口：整页交给文档滚动（触摸/滚轮都能进） */
.kn-bp-official,
.kn-bp-official .page-layout,
.kn-bp-official .main-content {
    overflow: visible;
    max-height: none;
}

/* ② 侧栏目录：桌面照官方（sticky 在左），窄屏改为随文档流，取消官方那层 fixed 浮动卡 */
.kn-bp-official .toc {
    overflow-y: visible;
    max-height: none;
}

@media (max-width: 900px) {
    .kn-bp-official .toc {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: auto;
        max-width: calc(100% - 32px);
        max-height: none;
        margin: 12px auto 8px;
        border-radius: 10px;
        z-index: auto;
    }
}

/* ③ 表格容器保留横向滚动（官方宽表的唯一滚动点），但不要纵向滚动 */
.kn-bp-official .table-wrap,
.kn-bp-official [class*="table"] {
    overflow-y: visible;
}