/* S04: source-selected shared rules; English Demo v2 knowledge.css. No page sections. */
:root { --knowledge-blue: #002d92; --knowledge-cyan: #00a6dd; --knowledge-muted: #637ba6; }
body.knowledge-page { background: rgb(255, 255, 255); color: var(--knowledge-blue); font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; margin: 0px; line-height: 1.65; }
.knowledge-page * { box-sizing: border-box; }
.knowledge-page a { color: inherit; }
.knowledge-page button, .knowledge-page input, .knowledge-page select { font: inherit; }
.knowledge-page button { cursor: pointer; }
.knowledge-page .page-width { max-width: 1200px; width: calc(100% - 80px); margin-inline: auto; }
.knowledge-page .review-bar { text-align: center; background: rgb(242, 248, 252); color: rgb(99, 123, 166); font-size: 12px; padding: 3px; }
.knowledge-page .site-header { position: relative; }
.knowledge-page .header-inner { min-height: 86px; gap: 28px; }
.knowledge-page .site-header nav { gap: 28px; }
.knowledge-page .site-header nav a { white-space: nowrap; font-size: 14px; }
.knowledge-page .site-header nav .active { color: rgb(0, 157, 224); border-bottom: 3px solid rgb(0, 175, 229); padding-bottom: 12px; }
.knowledge-menu { display: none; }
.knowledge-page .oem-brand { font-size: 38px; }
.knowledge-page .oem-brand small { font-size: 13px; letter-spacing: 6px; }
.knowledge-page .pill { border-radius: 5px; padding: 12px 23px; font-size: 14px; }
.knowledge-page .pill-solid { background: rgb(0, 167, 223); border-color: rgb(0, 167, 223); color: white; }
.knowledge-page h1, .knowledge-page h2, .knowledge-page h3 { line-height: 1.35; color: var(--knowledge-blue); }
.knowledge-page h2 { font-size: 32px; margin: 0px 0px 8px; }
.knowledge-page p { margin: 0px 0px 16px; }
.read-link { display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: rgb(7, 137, 238) !important; }
.knowledge-cta { background: linear-gradient(110deg, rgb(18, 70, 145), rgb(26, 97, 167)); color: white; padding: 40px 0px; }
.knowledge-cta .page-width { display: flex; align-items: center; gap: 20px; }
.knowledge-cta h2 { color: white; font-size: 29px; }
.knowledge-cta p { margin: 0px; color: rgb(228, 242, 255); }
.knowledge-cta .page-width > div { margin-right: auto; }
.knowledge-cta .pill { color: white; white-space: nowrap; border-color: rgb(150, 204, 233); }
.knowledge-page .oem-footer { padding: 30px 0px; display: flex; flex-wrap: wrap; gap: 25px; align-items: center; }
.knowledge-contacts { display: flex; flex-wrap: wrap; gap: 20px; font-size: 13px; margin-left: auto; }
.knowledge-page .oem-footer nav { width: 75%; display: flex; flex-wrap: wrap; gap: 26px; font-size: 13px; }
.knowledge-page .oem-footer small { font-size: 11px; color: rgb(128, 152, 183); }
.knowledge-page :focus-visible { outline: rgb(70, 180, 233) solid 3px; outline-offset: 4px; }
@media (max-width: 1050px) {
.knowledge-page .page-width { width: calc(100% - 40px); }
.knowledge-page .site-header nav { gap: 15px; }
.knowledge-page .header-inner { gap: 18px; }
.knowledge-page .site-header nav a { font-size: 12px; }
.knowledge-page .header-project { padding: 9px 12px; }
.knowledge-cta .page-width { flex-wrap: wrap; }
.knowledge-cta .page-width > div { width: 100%; }
}
@media (max-width: 760px) {
.knowledge-page .page-width { width: calc(100% - 32px); }
.knowledge-page .header-inner { min-height: 72px; display: flex; flex-wrap: wrap; }
.knowledge-page .oem-brand { font-size: 30px; }
.knowledge-menu { display: block; margin-left: auto; border: 1px solid rgb(215, 233, 245); border-radius: 4px; background: white; padding: 5px 12px; color: rgb(6, 54, 142); }
.knowledge-page .site-header nav { display: none; order: 4; width: 100%; padding: 10px 0px 18px; flex-wrap: wrap; }
.knowledge-page .site-header nav.is-open { display: flex; }
.knowledge-page .site-header nav a { font-size: 14px; }
.knowledge-page .header-project { font-size: 12px; }
.knowledge-page h2 { font-size: 26px; }
.knowledge-cta h2 { font-size: 26px; }
.knowledge-page .oem-footer nav { width: 100%; gap: 17px; }
.knowledge-contacts { margin-left: 0px; }
.knowledge-page .oem-footer { gap: 18px; }
}
@media (max-width: 420px) {
.knowledge-page .header-project { padding: 8px; }
.knowledge-cta .pill { font-size: 12px; padding: 10px 14px; }
}