/* Only integration/responsiveness adjustments. Original content CSS stays scoped. */
.country-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;flex:0 0 24px;font-size:17px;line-height:1}
.country-flag img{display:block;width:24px;height:18px;object-fit:cover;border:1px solid #dce6f1;border-radius:2px}
.main-nav [role=tab]{font-size:18px}
/* Shrink the entire selected home button; keep its layout slot and neighboring tabs fixed. */
.main-nav .nav-home-label{display:inline-block}
.main-nav #tab-home[aria-selected=true]{transform:translateY(2px) scale(.9);transform-origin:center}
.main-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;border:0;padding:11px 0;border-radius:0;background:transparent;color:#657a93;font-weight:600;text-decoration:none;box-shadow:none;transition:color .18s}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:transparent;transition:background .18s}
.main-nav a:hover{color:#245f9e}.main-nav a[aria-selected=true]{color:#0871f5}.main-nav a[aria-selected=true]::after{background:#0871f5}
.main-nav #tab-tools{justify-content:center}
.main-nav .nav-tool-brands{position:absolute;left:0;right:0;top:calc(50% + 14px);text-align:center;color:#63758b;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.015em}
.main-nav #tab-tools::after{display:none}
@media(max-width:900px){.main-nav a{padding:10px 0}}
@media(max-width:600px){.main-nav [role=tab]{font-size:16px}.main-nav .nav-tool-brands{display:none}}
.cn-content{--brand-accent:#0872f6;--brand-soft:#0872f614;display:block;width:100%;min-width:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.5}
.cn-content [hidden]{display:none!important}
.cn-content a:focus-visible,.cn-content button:focus-visible,.cn-content input:focus-visible{outline:3px solid #91bffd;outline-offset:4px}
.cn-content .loading-state,.cn-content .load-error{margin:36px auto;max-width:1160px}
.cn-content .articleBack{margin-top:24px}
.cn-content .solutionSearch input{min-width:0;appearance:none}
.cn-content .solutionHeroCompact{width:100%;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.cn-content .solutionHeroCompact::after{content:none}
.cn-content .solutionHeroCompact .solutionHeroTitle{line-height:1.35}
.cn-content .solutionHeroCompact .solutionHeroTitle h1{font-size:32px;line-height:1.2;margin:0}
.cn-gallery-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:#071221ed;overflow:hidden}
.cn-gallery-dialog .dialog-head{position:absolute;top:12px;left:12px;right:12px;border:0;background:transparent;z-index:3;color:white;padding:0}
.cn-gallery-dialog .dialog-head h2{font-size:14px;padding-right:14px}
.cn-gallery-dialog .dialog-close{background:#ffffff20;color:white;border:1px solid #ffffff40}
.cn-gallery-dialog #dialog-body{padding:0;height:100%;background:#071221}
.cn-gallery-dialog .galleryLightbox{position:relative;inset:auto;width:100%;height:100%;background:rgba(4,16,30,.937);z-index:1}
.cn-gallery-dialog .lightboxStage{max-height:calc(100dvh - 120px)}
.cn-gallery-dialog .lightboxStage>img{max-height:calc(100dvh - 200px)}
@media(min-width:901px) and (max-width:1160px){.topbar{grid-template-columns:1fr auto;gap:16px;padding-bottom:12px}.main-nav{grid-column:1/-1;grid-row:2}.system-pill{grid-column:2;grid-row:1}.site-name span{display:inline;font-size:16px}}
@media(max-width:600px){.country-flag{width:20px;height:15px;flex-basis:20px;font-size:14px}.country-flag img{width:20px;height:15px}.cn-content .brandSwitch{flex-wrap:wrap}.cn-content .brandSwitch button{min-width:0}.cn-content .solutionTabs{flex-wrap:wrap}.cn-content .compactDownloadCopy{min-width:0}.cn-content .compactDownloadCopy h3{overflow-wrap:anywhere}.cn-content .tagList span{overflow-wrap:anywhere}.cn-content .brandNextStep .plainButton,.cn-content .solutionNotice .plainButton{white-space:normal}.cn-content .galleryImage{min-width:0}.cn-content .lightboxStage{width:calc(100vw - 60px)}.cn-content .lightboxCaption{gap:12px}.cn-content .lightboxCaption b{overflow-wrap:anywhere}.cn-gallery-dialog .dialog-head{top:10px}.cn-gallery-dialog .lightboxNav{width:30px;height:42px;font-size:30px}.cn-gallery-dialog .lightboxNav.previous{left:2px}.cn-gallery-dialog .lightboxNav.next{right:2px}}
