/* 侧栏吸顶 —— 纯 CSS，零 JS / 零动态值 / 零数据库。
 *
 * 提权：本文件由 layout_head_end 注入，加载顺序在 modern.css 之前，
 *       故用 .mn-body > .xx (0,2,0) 压过核心的 .mn-left / .mn-right (0,1,0)。
 * align-self: flex-start 不可省 —— .mn-body 是 flex 且未设 align-items（默认 stretch），
 *       不写这行侧栏会被拉满容器高度，sticky 将失去全部可移动空间（零报错、零效果）。
 * top 与 .mn-body 的 padding-top(20px) 对齐，吸顶瞬间不发生位移。
 * 不设 max-height / overflow-y：内容超高时允许底部被裁切，不引入内部滚动条。
 */

@media (min-width: 769px) {
    .mn-body > .mn-left {
        position: sticky;
        top: calc(var(--mn-nav-height, 54px) + 20px);
        align-self: flex-start;
    }
}

@media (min-width: 1025px) {
    .mn-body > .mn-right {
        position: sticky;
        top: calc(var(--mn-nav-height, 54px) + 20px);
        align-self: flex-start;
    }
}