/* KBG UI 2.0 —— 手机端基础规则（阶段1）
 * <=767px。明确不做的事：不碰导航折叠逻辑（.navbar-collapse/.navbar-toggle
 * 原生行为不动）、不改Logo比例（--logo-height-mobile 是父主题自己的变量，
 * 不覆盖）、不改菜单UL的display逻辑。只做安全间距 + 横向滚动兜底。
 * 全部规则以 body.kbg-ui-preview 开头，未使用无作用域的 img/ul/nav/.menu
 * 全局选择器。
 */
@media (max-width: 767px) {
    /* 横向滚动兜底：只是安全网，不代表当前发现真实的横向溢出问题——阶段1
       还没碰卡片/正文这些最容易溢出的模块，先把这道防线加上，后续阶段每加
       一块新样式都要重新验证这条线还成不成立。 */
    body.kbg-ui-preview {
        overflow-x: hidden;
        max-width: 100vw;
    }
    body.kbg-ui-preview .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    body.kbg-ui-preview .footer-col-wrap {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
    body.kbg-ui-preview .footer-col-logo {
        margin-right: 0;
    }
}