/**
 * KBG UI 3.0 —— 404页面（Stage 5.7）
 *
 * 复用`.kbg-container`（kbg-ui3-layout.css）+ `.kbg-archive-breadcrumb`
 * （kbg-ui3-archive.css）+ `.kbg-btn`/`.kbg-btn-primary`（kbg-ui3-
 * components.css）既有Token与组件，本文件只新增404页面专属的极简
 * 版式（居中文案块），不重新定义任何已有A类组件的样式。
 *
 * 按ARCHITECTURE.md §4强制CSS作用域规则：全部规则以`body.kbg-ui-preview`
 * 开头，预览关闭时Token不存在，杜绝意外继承/污染生产页面。
 */

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

body.kbg-ui-preview .kbg-404-body {
    max-width: 560px;
    margin: var(--kbg-space-16) auto 0;
    text-align: center;
}

body.kbg-ui-preview .kbg-404-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-4);
}

body.kbg-ui-preview .kbg-404-desc {
    font-size: var(--kbg-fs-body);
    line-height: var(--kbg-lh-relaxed);
    color: var(--kbg-text-2);
    margin: 0 0 var(--kbg-space-6);
    overflow-wrap: break-word;
}

body.kbg-ui-preview .kbg-404-home-link {
    display: inline-flex;
}

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

    body.kbg-ui-preview .kbg-404-body {
        margin-top: var(--kbg-space-8);
        padding: 0 var(--kbg-space-4);
    }

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