/**
 * KBG UI 3.0 —— General Page（Stage 5.8）
 *
 * 复用`.kbg-content-layout`（kbg-ui3-grid.css）+ `.entry-content`
 * （kbg-ui3-single.css，Content Typography）+ `.kbg-archive-breadcrumb`
 * （kbg-ui3-archive.css）既有组件，本文件只新增Page专属的外层容器间距
 * 与标题样式，不重新定义任何已有组件规则。
 *
 * 按ARCHITECTURE.md §4强制CSS作用域规则：全部规则以`body.kbg-ui-preview`
 * 开头。
 */

body.kbg-ui-preview .kbg-page-main {
    padding: var(--kbg-space-8) 0 var(--kbg-space-16);
}

body.kbg-ui-preview .kbg-page-title {
    font-size: var(--kbg-fs-h1);
    font-weight: var(--kbg-fw-bold);
    line-height: var(--kbg-lh-heading);
    color: var(--kbg-text-1);
    margin: 0 0 var(--kbg-space-6);
}

@media (max-width: 767px) {
    body.kbg-ui-preview .kbg-page-main {
        padding: var(--kbg-space-5) 0 var(--kbg-space-10);
    }

    body.kbg-ui-preview .kbg-page-title {
        font-size: var(--kbg-fs-h2);
    }
}