/* Light solution template: product-detail typography and page gutters. */
.solution-editorial { --se-ink:#10263f; --se-muted:#52677d; --se-blue:#1677ff; color:var(--se-ink); background:#fff; padding-top:76px; font-family:"PingFang SC","HarmonyOS Sans SC",sans-serif; }
@media(max-width:720px) { .solution-editorial { padding-top:67px; } }
.se-shell { width:min(1440px,calc(100% - 144px)); margin-inline:auto; }
.solution-editorial h1,.solution-editorial h2,.solution-editorial h3 { color:var(--se-ink); font-family:inherit; }
.se-hero { position:relative; min-height:400px; height:50svh; max-height:560px; display:flex; align-items:center; overflow:hidden; background:#eff6fd; }
.se-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.se-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(244,249,255,.98),rgba(244,249,255,.88) 30%,rgba(244,249,255,.15) 62%,transparent); }
.se-hero-content { position:relative; z-index:1; padding-block:32px; }
.se-eyebrow { color:#216cc4; font-size:13px; font-weight:600; letter-spacing:.06em; margin:0 0 18px; }
.se-hero h1 { font-size:clamp(48px,3.35vw,58px); line-height:1.12; letter-spacing:-.04em; margin:0; max-width:750px; }
.se-hero h2 { font-size:clamp(24px,1.7vw,30px); line-height:1.4; color:#244e7b; margin:18px 0 0; max-width:720px; }
.se-hero-summary { color:var(--se-muted); max-width:570px; font-size:15px; line-height:1.8; margin:18px 0 24px; }
.se-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; border-radius:7px; background:var(--se-blue); color:#fff; font-size:15px; font-weight:600; padding:15px 24px; }
.se-button:hover { background:#0866dc; color:white; }
.se-button:focus-visible,.se-text-link:focus-visible { outline:3px solid #1677ff; outline-offset:5px; }
.se-section { padding:64px 0; min-height:calc(100svh - 76px); display:flex; align-items:center; scroll-margin-top:76px; }
.se-tint { background:#f4f8fe; }
.se-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(36px,4.4vw,72px); align-items:center; }
.se-copy,.se-visual { min-width:0; }
.se-copy > h2 { font-size:clamp(38px,3.4vw,58px); line-height:1.14; letter-spacing:-.04em; margin:0 0 26px; }
.se-description { font-size:15px; line-height:1.9; margin:0; color:var(--se-muted); }
.se-points { list-style:none; padding:0; margin:30px 0 0; display:grid; gap:19px; }
.se-points li { position:relative; padding-left:18px; }
.se-points li::before { content:""; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:50%; background:var(--se-blue); }
.se-points h3 { margin:0 0 5px; font-size:18px; line-height:1.5; font-weight:600; }
.se-points p { font-size:15px; line-height:1.8; color:var(--se-muted); margin:0; }
.se-image { margin:0; padding:10px; background:#edf5ff; border:1px solid #dce8f8; border-radius:22px; }
.se-image img { display:block; width:100%; height:auto; max-height:calc(100svh - 240px); object-fit:contain; border-radius:14px; }
.se-reverse { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
.se-reverse .se-copy { order:2; }
.se-reverse .se-visual { order:1; }
.se-workflow-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; list-style:none; margin:0; padding:0; }
.se-workflow-steps li { position:relative; border:1px solid #d8e6f7; border-radius:16px; background:#fff; padding:28px; }
.se-step { display:block; color:#1677ff; font-size:36px; font-weight:500; margin-bottom:22px; }
.se-workflow-steps h3,.se-capability-grid h3 { font-size:20px; line-height:1.5; margin:0 0 12px; }
.se-workflow-steps p,.se-capability-grid p { font-size:15px; line-height:1.8; color:var(--se-muted); margin:0; }
.se-flow-arrow { position:absolute; right:22px; top:38px; color:#8db9e9; font-size:25px; }
.se-architecture .se-layout { grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); }
.se-capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.se-capability-grid article { padding:20px 0; border-top:1px solid #ccdcf0; }
.se-capability-grid svg { width:28px; height:28px; color:#1677ff; margin-bottom:12px; }
.se-text-link { display:inline-flex; gap:24px; color:#1677ff; font-size:15px; margin-top:28px; }
.se-contact { background:#edf5ff; text-align:center; padding:72px 0; }
.se-contact h2 { font-size:clamp(30px,2.6vw,44px); margin:0; line-height:1.3; }
.se-contact p { font-size:15px; color:var(--se-muted); line-height:1.8; margin:20px 0 28px; }
@media(max-width:1380px) { .se-shell { width:min(1240px,calc(100% - 80px)); } }
@media(max-width:980px) { .se-layout,.se-reverse { grid-template-columns:1fr; gap:36px; } .se-reverse .se-copy,.se-reverse .se-visual { order:initial; } .se-section { min-height:0; } .se-image img { max-height:none; } .se-hero { height:auto; min-height:450px; max-height:none; } .se-hero-image { object-position:65% center; } .se-hero::after { background:linear-gradient(90deg,rgba(244,249,255,.97),rgba(244,249,255,.78) 60%,rgba(244,249,255,.4)); } }
@media(max-width:680px) { .se-shell { width:min(600px,calc(100% - 32px)); } .se-hero h1 { font-size:38px; } .se-hero h2 { font-size:24px; } .se-copy > h2 { font-size:32px; } .se-section { padding:54px 0; } .se-workflow-steps { gap:12px; } .se-workflow-steps li { padding:18px; } .se-workflow-steps h3,.se-capability-grid h3 { font-size:18px; } .se-flow-arrow { display:none; } .se-capability-grid { gap:18px; }  .se-contact { padding:54px 0; } }
@media(prefers-reduced-motion:reduce) { .solution-editorial * { scroll-behavior:auto; } }

@media(max-width:980px) { .se-architecture .se-layout { grid-template-columns:1fr; } }
@media(min-width:981px) and (max-height:800px) {
  .se-section { padding-block:42px; }
  .se-capability-grid { row-gap:16px; }
  .se-capability-grid article { padding-block:16px; }
}

/* Broad business coverage: shared heading followed by readable category columns. */
.se-capabilities .se-layout { grid-template-columns:1fr; gap:40px; }
.se-capabilities .se-copy { order:0; display:grid; grid-template-columns:1fr 1fr; gap:24px 64px; align-items:center; }
.se-capabilities .se-copy > h2 { margin:0; }
.se-capabilities .se-text-link { display:none; }
.se-capabilities .se-visual { order:1; }
.se-capability-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.se-capabilities .se-capability-grid article { padding:24px 0 8px; }
.se-capabilities .se-capability-grid p { line-height:1.95; }
@media(max-width:980px) {
  .se-capabilities .se-copy { grid-template-columns:1fr; gap:22px; }
  .se-capability-grid-three { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:680px) {
  .se-capabilities .se-capability-grid { grid-template-columns:1fr; }
}

/* Smart-site navigation stays opaque across hover and scroll states. */
body.ss-page[data-id="site"] .site-header,
body.ss-page[data-id="site"] .site-header:not(.scrolled),
body.ss-page[data-id="site"] .site-header.scrolled {
  background: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Match the approved construction chapter heading scale on Chinese desktop. */
@media (min-width:981px) {
  html[lang="zh-CN"] body:is([data-id="site"],[data-id="consulting"],[data-id="operation"],[data-id="collaboration"]) .solution-editorial .se-copy > h2 {
    font-size:clamp(30px,2.3vw,38px);
    line-height:1.3;
    letter-spacing:-.025em;
  }
}

/* Chinese desktop paragraphs share full-width text flow instead of atomic word boxes. */
@media (min-width:981px) {
  html[lang="zh-CN"] .solution-editorial .se-points { width:100%; justify-items:stretch; }
  html[lang="zh-CN"] .solution-editorial .se-points li { width:100%; min-width:0; box-sizing:border-box; }
  html[lang="zh-CN"] .solution-editorial :is(.se-points p,.se-description,.se-capability-grid p,.se-workflow-steps p,.site-process-list p,.site-business-copy p) {
    max-width:none;
    text-align:justify;
    text-align-last:left;
    text-justify:inter-character;
    text-wrap:wrap;
    word-break:normal;
    overflow-wrap:break-word;
    line-break:strict;
  }
  html[lang="zh-CN"] .solution-editorial :is(.se-points p,.se-description,.se-capability-grid p,.se-workflow-steps p,.site-process-list p,.site-business-copy p) .semantic-word {
    display:inline;
    white-space:normal;
  }
}
