/* Multiphase solution only. Shared site shell and other Solutions are untouched. */
.multiphase-solution-page { --mp-blue:#125bc3; --mp-ink:#122347; --mp-line:#d5e3f0; }
.multiphase-solution-page .gas-eyebrow { color:var(--mp-blue); }
.multiphase-solution-page .mp-icon { display:block; width:28px; height:28px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; color:#1772f6; margin-bottom:18px; }
.multiphase-solution-page .gas-actions .btn-one { display:inline-flex; align-items:center; justify-content:center; gap:14px; background:#125bc3; border-color:#125bc3; color:#fff; }
.multiphase-solution-page .gas-actions .btn-one:hover { background:#104a9f; border-color:#104a9f; }
.multiphase-solution-page .gas-actions .btn-one::before { background:#104a9f; }
.multiphase-solution-page .gas-actions .btn-one span { flex-shrink:0; }
.multiphase-solution-page .mp-split { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr); gap:36px; align-items:start; }
.multiphase-solution-page .mp-editorial { display:grid; gap:22px; }
.multiphase-solution-page .mp-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.multiphase-solution-page .mp-five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.multiphase-solution-page .mp-editorial article { min-width:0; border-right:1px solid var(--mp-line); padding-right:20px; }
.multiphase-solution-page .mp-editorial article:last-child { border:0; padding-right:0; }
.multiphase-solution-page .gas-body-v2 .mp-editorial h3 { font-size:15px; margin-bottom:10px; }
.multiphase-solution-page .mp-editorial p { font-size:13px; line-height:1.75; margin:0; }
.multiphase-solution-page .mp-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:start; margin-bottom:28px; }
.multiphase-solution-page .mp-intro .gas-section-heading { margin-bottom:0; }
.multiphase-solution-page .mp-intro > p { margin:0; }
.multiphase-solution-page .mp-list { list-style:disc; padding:0 0 0 17px; margin:0; }
.multiphase-solution-page .mp-list li { font-size:13px; line-height:1.65; padding:0; margin:0 0 7px; }
.multiphase-solution-page .mp-list li:last-child { margin-bottom:0; }
.multiphase-solution-page .mp-list li::marker { color:#125bc3; }
.multiphase-solution-page .mp-engineering-principle { color:#125bc3; font-size:16px; font-weight:500; text-align:center; margin:20px 0 10px; }
.multiphase-solution-page .mp-note { font-size:13px; margin:18px 0 0; line-height:1.7; }
.multiphase-solution-page .mp-duty-relationship { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:36px; align-items:center; padding:26px 30px; background:#f0f7fd; border-radius:5px; margin-bottom:32px; }
.multiphase-solution-page .mp-equation { font-family:Georgia,serif; font-style:italic; font-size:30px; color:#122347; line-height:1.6; white-space:nowrap; }
.multiphase-solution-page .mp-duty-relationship > div p { font-size:12px; margin-top:10px; }
.multiphase-solution-page .mp-duty-relationship > p { font-size:14px; margin:0; }
.multiphase-solution-page .mp-duty-relationship strong { display:block; color:#122347; font-weight:500; margin-bottom:6px; }
.multiphase-solution-page .mp-architectures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.multiphase-solution-page .mp-architecture { min-width:0; display:flex; flex-direction:column; background:white; border:1px solid var(--mp-line); border-radius:5px; padding:26px; }
.multiphase-solution-page .gas-body-v2 .mp-architecture > h3 { color:#125bc3; min-height:48px; font-size:18px; margin-bottom:20px; }
.multiphase-solution-page .mp-architecture-top img { display:block; width:100%; height:auto; aspect-ratio:770/420; object-fit:contain; border-radius:3px; }
.multiphase-solution-page .mp-architecture-top p { font-size:14px; margin:20px 0; }
.multiphase-solution-page .mp-architecture dl { margin:0 0 22px; }
.multiphase-solution-page .mp-architecture dl > div { border-top:1px solid #d5e3f0; padding:14px 0; }
.multiphase-solution-page .mp-architecture dt { font-size:13px; font-weight:500; color:#122347; margin-bottom:5px; }
.multiphase-solution-page .mp-architecture dd { font-size:14px; line-height:1.7; margin:0; }
.multiphase-solution-page .mp-projects .img-holder { aspect-ratio:16/9; }
.multiphase-solution-page .mp-projects .img-holder a { display:block; height:100%; }
.multiphase-solution-page .mp-projects .img-holder img { width:100%; height:100%; object-fit:cover; }
.multiphase-solution-page .mp-case-type { display:block; color:#125bc3; font-size:12px; font-weight:500; margin-bottom:12px; }
.multiphase-solution-page .mp-rfq { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
.multiphase-solution-page .mp-rfq > div { border-right:1px solid #d5e3f0; padding-right:20px; }
.multiphase-solution-page .mp-rfq > div:last-child { border:0; padding:0; }
.multiphase-solution-page .gas-body-v2 .mp-rfq h3 { font-size:16px; margin-bottom:18px; }
.mp-final-cta .row > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; }
.mp-final-cta .caption-title h2 { font-size:23px; margin-bottom:10px; }
.mp-final-cta .caption-title p { color:#fff; font-size:15px; line-height:1.7; margin:0; }
.mp-final-cta .request-button .btn-one { display:inline-flex; align-items:center; justify-content:center; gap:14px; width:270px; max-width:100%; padding:16px 20px; font-size:12px; line-height:1.6; text-align:center; white-space:normal; }
@media(max-width:1199px) {
  .multiphase-solution-page .mp-split { grid-template-columns:1fr; gap:28px; }
  .multiphase-solution-page .mp-split .gas-section-copy { margin-left:54px; }
  .multiphase-solution-page .mp-editorial { gap:18px; }
}
@media(max-width:991px) {
  .multiphase-solution-page .mp-intro { grid-template-columns:1fr; gap:18px; }
  .multiphase-solution-page .mp-five { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:26px; }
  .multiphase-solution-page .mp-five article { border:0; }
  .multiphase-solution-page .mp-rfq { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .multiphase-solution-page .mp-rfq > div:nth-child(2) { border:0; }
  .multiphase-solution-page .mp-duty-relationship { grid-template-columns:1fr; gap:22px; }
  .mp-final-cta .row > div { grid-template-columns:1fr; gap:24px; text-align:center; }
  .mp-final-cta .request-button { margin:0; }
}
@media(max-width:767px) {
  .multiphase-solution-page .mp-split .gas-section-copy { margin-left:0; }
  .multiphase-solution-page .mp-three,.multiphase-solution-page .mp-five,.multiphase-solution-page .mp-architectures,.multiphase-solution-page .mp-rfq { grid-template-columns:1fr; }
  .multiphase-solution-page .mp-editorial article { border:0; border-bottom:1px solid #d5e3f0; padding:0 0 20px; }
  .multiphase-solution-page .mp-editorial article:last-child { padding-bottom:0; }
  .multiphase-solution-page .mp-icon { margin-bottom:12px; }
  .multiphase-solution-page .mp-equation { font-size:25px; }
  .multiphase-solution-page .mp-duty-relationship { padding:22px 18px; }
  .multiphase-solution-page .mp-architecture { padding:22px; }
  .multiphase-solution-page .gas-body-v2 .mp-architecture > h3 { min-height:0; }
  .multiphase-solution-page .mp-rfq > div,.multiphase-solution-page .mp-rfq > div:nth-child(2) { border:0; border-bottom:1px solid #d5e3f0; padding:0 0 20px; }
  .multiphase-solution-page .mp-rfq > div:last-child { padding:0; }
}

/* Open engineering composition: phase streams converge before the annotated process spine. */
.multiphase-solution-page .mp-engineering { padding:12px 0 0; }
.multiphase-solution-page .mp-convergence { max-width:760px; margin:0 auto 36px; text-align:center; }
.multiphase-solution-page .mp-streams { display:grid; grid-template-columns:1fr 24px 1fr 24px 1fr; align-items:center; gap:8px; }
.multiphase-solution-page .mp-fluid { color:var(--mp-ink); font-size:16px; font-weight:500; }
.multiphase-solution-page .mp-plus { color:var(--mp-blue); font-size:21px; }
.multiphase-solution-page .mp-merge-lines { display:block; width:100%; height:110px; overflow:visible; fill:none; stroke:#125bc3; stroke-width:2; }
.multiphase-solution-page .mp-oil-path { stroke:#324e70; stroke-width:3; }
.multiphase-solution-page .mp-gas-path { stroke:#6a84a1; stroke-dasharray:6 5; }
.multiphase-solution-page .mp-water-path { stroke:#125bc3; }
.multiphase-solution-page .mp-wellstream { padding-top:12px; }
.multiphase-solution-page .mp-wellstream strong { display:block; color:var(--mp-ink); font-size:20px; font-weight:500; }
.multiphase-solution-page .mp-wellstream span { display:block; font-size:13px; margin-top:4px; }
.multiphase-solution-page .mp-evaluation { position:relative; list-style:none; padding:0 0 0 28px; margin:0 0 0 16px; border-left:1px solid #98b6d5; }
.multiphase-solution-page .mp-evaluation > li { position:relative; display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:32px; padding:18px 0 24px; }
.multiphase-solution-page .mp-evaluation > li::before { content:''; position:absolute; width:22px; left:-28px; top:29px; border-top:1px solid #98b6d5; }
.multiphase-solution-page .mp-evaluation > li::after { content:''; position:absolute; left:-32px; bottom:5px; width:7px; height:7px; border-right:1px solid #125bc3; border-bottom:1px solid #125bc3; transform:rotate(45deg); }
.multiphase-solution-page .gas-body-v2 .mp-evaluation h3 { font-size:17px; color:var(--mp-blue); margin:0; }
.multiphase-solution-page .mp-evaluation .mp-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; list-style:none; padding:0; }
.multiphase-solution-page .mp-evaluation .mp-list li { font-size:14px; padding:0; margin:0; }
.multiphase-solution-page .mp-architecture-result { position:relative; display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:32px; margin-left:16px; border-left:1px solid #98b6d5; padding:18px 0 18px 28px; }
.multiphase-solution-page .mp-architecture-result::before { content:''; position:absolute; width:22px; left:0; top:30px; border-top:1px solid #98b6d5; }
.multiphase-solution-page .mp-architecture-result > span { color:var(--mp-ink); font-size:18px; font-weight:500; }
.multiphase-solution-page .mp-architecture-result p { margin:0; font-size:15px; }
/* Existing editorial action pattern, fitted to long product names without a third link style. */
.multiphase-solution-page .mp-architecture > .btn-two { display:flex; align-items:baseline; gap:0; color:#125bc3; font-size:13px; line-height:1.7; text-decoration:none; padding:7px 0; }
.multiphase-solution-page .mp-architecture > .btn-two > span { flex-shrink:0; }
.multiphase-solution-page .mp-architecture dl + .btn-two { margin-top:auto; }
.multiphase-solution-page .mp-architecture > .btn-two:hover { color:#000; text-decoration:none; }
.multiphase-solution-page .product-faq-item .btn-two { color:#125bc3; text-decoration:none; }
.multiphase-solution-page .product-faq-item .btn-two:hover { color:#000; }
/* Retain gas-check-list spacing, replace its Font Awesome circle with the local Lucide check. */
.multiphase-solution-page .mp-rfq .gas-check-list { margin:0; }
.multiphase-solution-page .mp-rfq .gas-check-list li { font-size:13px; line-height:1.65; }
.multiphase-solution-page .mp-rfq .gas-check-list li::before { content:none; }
.multiphase-solution-page .mp-rfq .mp-icon { position:absolute; left:0; top:9px; width:16px; height:16px; margin:0; }
@media(max-width:767px) {
  .multiphase-solution-page .mp-streams { grid-template-columns:1fr 12px 1fr 12px 1fr; gap:2px; }
  .multiphase-solution-page .mp-fluid { font-size:14px; line-height:1.5; }
  .multiphase-solution-page .mp-merge-lines { height:90px; }
  .multiphase-solution-page .mp-wellstream strong { font-size:18px; }
  .multiphase-solution-page .mp-evaluation { margin-left:5px; padding-left:22px; }
  .multiphase-solution-page .mp-evaluation > li { grid-template-columns:1fr; gap:12px; padding:17px 0 25px; }
  .multiphase-solution-page .mp-evaluation > li::before { left:-22px; width:16px; top:28px; }
  .multiphase-solution-page .mp-evaluation > li::after { left:-26px; }
  .multiphase-solution-page .mp-evaluation .mp-list { grid-template-columns:1fr; gap:7px; }
  .multiphase-solution-page .mp-architecture-result { grid-template-columns:1fr; margin-left:5px; padding:17px 0 10px 22px; gap:10px; }
  .multiphase-solution-page .mp-architecture-result::before { width:16px; top:30px; }
}