/* Explanation patterns for the consulting prototype.
   Review method: Unslop by Damir Sokolovsky, CC BY 4.0.
   Opt-in page scope. Existing hero, CMS, URLs, and other service pages stay independent. */
body.editorial-site.service-explanation-page main#main .ep-service-chapter{padding:48px 0;background:#fff;border:0;color:#2d404b}
body.editorial-site.service-explanation-page main#main .ep-service-chapter--wash{background:#f2f6f6}
body.editorial-site.service-explanation-page main#main .ep-service-chapter--warm{background:#f5f3ed}
body.editorial-site.service-explanation-page main#main .ep-service-chapter h2{margin:0 0 28px;color:#102850;font-size:32px;font-weight:700;line-height:1.5;letter-spacing:0;text-wrap:balance}
body.editorial-site.service-explanation-page main#main .ep-service-chapter h3{margin:0 0 12px;color:#102850;font-size:21px;font-weight:700;line-height:1.6;letter-spacing:0;text-wrap:pretty}
body.editorial-site.service-explanation-page main#main .ep-service-chapter :is(p,dd,dt,li){font-size:16px;line-height:1.8}
body.editorial-site.service-explanation-page main#main .ep-service-heading{max-width:880px;margin:0 0 32px}
body.editorial-site.service-explanation-page main#main .ep-service-heading h2{margin-bottom:0}
body.editorial-site.service-explanation-page main#main .ep-service-kicker{margin:0 0 12px;color:#007f95;font-weight:700}
body.editorial-site.service-explanation-page main#main .service-phrase{white-space:normal}
body.editorial-site.service-explanation-page main#main .co-icon-disc{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;color:#007f95;flex:0 0 36px}
body.editorial-site.service-explanation-page main#main .co-icon-disc svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.75}
/* Problems are a readable list, not three competing feature panels. */
body.editorial-site.service-explanation-page main#main .ep-service-intro-grid{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.5fr);gap:0 64px;align-items:start}
body.editorial-site.service-explanation-page main#main .ep-service-intro-grid>h2{grid-column:1;margin:0;max-width:8em}
body.editorial-site.service-explanation-page main#main .ep-service-intro-grid>.detail-content{grid-column:2;margin:0;max-width:none}
body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-grid{display:grid;grid-template-columns:1fr;gap:0}
body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-grid>.detail-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 20px;margin:0;padding:24px 0;border:0;border-top:1px solid #cbdade;border-radius:0;background:transparent;box-shadow:none}
body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-grid>.detail-card:first-child{padding-top:0;border-top:0}
body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-card>.co-icon-disc{grid-column:1;grid-row:1/span 2}
body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-card>:is(h3,p){grid-column:2;margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-card>h3{margin-bottom:8px}
/* A decision and its effect sit on the same row; the customer remains the actor. */
body.editorial-site.service-explanation-page main#main .ep-decision-map-head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding:0 24px 16px;color:#52646e;font-size:16px;font-weight:700}
body.editorial-site.service-explanation-page main#main .ep-decision-map{border-bottom:1px solid #cbdade}
body.editorial-site.service-explanation-page main#main .ep-decision-map>article{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:center;padding:24px;border-top:1px solid #cbdade}
body.editorial-site.service-explanation-page main#main .ep-decision-map>article h3{margin:0}
body.editorial-site.service-explanation-page main#main .ep-decision-map dl{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;margin:0}
body.editorial-site.service-explanation-page main#main .ep-decision-map dl::before{content:'';position:absolute;left:calc(50% - 12px);top:50%;width:24px;height:2px;background:#007f95}
body.editorial-site.service-explanation-page main#main .ep-decision-map dl::after{content:'';position:absolute;left:calc(50% + 4px);top:calc(50% - 4px);width:8px;height:8px;border-top:2px solid #007f95;border-right:2px solid #007f95;transform:rotate(45deg)}
body.editorial-site.service-explanation-page main#main .ep-decision-map dd{margin:0;color:#2d404b}
body.editorial-site.service-explanation-page main#main .ep-decision-map dl>div:last-child dd{color:#102850;font-weight:700}
body.editorial-site.service-explanation-page main#main .ep-decision-map dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.editorial-site.service-explanation-page main#main .ep-service-model-note{margin:24px 0 0;padding-left:24px;color:#52646e}
/* The same CMS evidence component can carry the primary proof, not just a footer link. */
body.editorial-site.service-explanation-page main#main .ep-service-evidence--featured{padding:0;margin:32px 0 0;background:transparent}
body.editorial-site.service-explanation-page main#main .ep-linked-card.ep-service-proof--featured{grid-template-columns:minmax(0,1fr) 40px;gap:24px;padding:28px}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-service-proof-heading{grid-column:1}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-service-proof-heading h3{font-size:28px;margin:12px 0 0;max-width:34em}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured>.ep-card-arrow{grid-column:2;grid-row:1}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-evidence-flow{grid-column:1/-1;grid-row:2;gap:28px}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-evidence-flow h4{font-size:20px;margin:0 0 12px}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-evidence-flow>li>p:last-child{font-size:16px;font-weight:400;color:#2d404b}
/* Reframing a question is a transition, rather than another feature card grid. */
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.3fr);align-items:center;gap:20px;padding:24px;background:#fff;border:0;border-radius:0}
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card>:is(h3,p){margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card>h3{font-size:18px;color:#52646e}
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card>p{color:#102850;font-weight:700}
body.editorial-site.service-explanation-page main#main .ep-question-arrow{display:flex;color:#007f95}
body.editorial-site.service-explanation-page main#main .ep-question-arrow .ep-ui-arrow{margin:0;width:24px;height:24px}
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-content>p{margin:24px 0 0}
/* AI principles and the clearly marked hypothetical example form one chapter. */
body.editorial-site.service-explanation-page main#main .ep-service-ai>.wrap>.detail-content>.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body.editorial-site.service-explanation-page main#main .ep-service-ai>.wrap>.detail-content>.detail-grid>.detail-card{display:block;background:transparent;border:0;border-left:2px solid #cbdade;border-radius:0;padding:0 0 0 20px}
body.editorial-site.service-explanation-page main#main .ep-service-ai>.wrap>.detail-content>.detail-grid .co-icon-disc{display:none}
body.editorial-site.service-explanation-page main#main .ep-service-ai .detail-card>p{margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-scenario{margin-top:32px;padding-top:32px;border-top:1px solid #cbdade}
body.editorial-site.service-explanation-page main#main .ep-service-scenario-title{font-size:24px;margin:0 0 12px}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .detail-content>p{margin:0 0 24px;color:#52646e}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .detail-card{background:#fff;border:1px solid #cbdade;padding:24px;border-radius:8px}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .co-case-art{display:none}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .co-case-label{display:block;color:#007f95;font-size:16px;margin:0 0 12px}
/* Full support/outputs stay visible, using one readable record per theme. */
body.editorial-site.service-explanation-page main#main .ep-service-offer{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);gap:32px;padding:28px 0;border-top:1px solid #cbdade}
body.editorial-site.service-explanation-page main#main .ep-service-offer h3{margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-offer .co-menu-label{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
body.editorial-site.service-explanation-page main#main .ep-service-offer .co-menu-label svg{width:32px;height:32px;fill:none;stroke:#007f95;stroke-width:1.75}
body.editorial-site.service-explanation-page main#main .ep-service-offer p{margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-offer .ep-service-offer-label{margin:0 0 8px;font-weight:700;color:#52646e}
body.editorial-site.service-explanation-page main#main .ep-service-offer>div:last-child{padding-left:20px;border-left:3px solid #007f95}
body.editorial-site.service-explanation-page main#main .ep-service-fee-note{padding:20px 24px;margin:0;background:#f2f6f6}
body.editorial-site.service-explanation-page main#main .ep-service-roles .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
body.editorial-site.service-explanation-page main#main .ep-service-roles .detail-grid>article{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#fff}
body.editorial-site.service-explanation-page main#main .ep-service-roles article p{margin:0}
body.editorial-site.service-explanation-page main#main .co-final-cta p{font-size:16px}
@media(max-width:1100px){
 body.editorial-site.service-explanation-page main#main .ep-service-intro-grid{grid-template-columns:1fr;gap:24px}
 body.editorial-site.service-explanation-page main#main .ep-service-intro-grid>h2{max-width:none}
 body.editorial-site.service-explanation-page main#main .ep-service-intro-grid>.detail-content{grid-column:1}
 body.editorial-site.service-explanation-page main#main .ep-decision-map-head{grid-template-columns:180px minmax(0,1fr);gap:24px}
 body.editorial-site.service-explanation-page main#main .ep-decision-map>article{grid-template-columns:180px 1fr;gap:24px}
 body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-grid{grid-template-columns:1fr}
 body.editorial-site.service-explanation-page main#main .ep-service-offer{grid-template-columns:180px 1fr 1fr;gap:24px}
}
@media(max-width:760px){
 body.editorial-site.service-explanation-page main#main .ep-service-chapter{padding:36px 0}
 body.editorial-site.service-explanation-page main#main .ep-service-chapter h2{font-size:26px;margin-bottom:24px}
 body.editorial-site.service-explanation-page main#main .ep-service-heading{margin-bottom:24px}
 body.editorial-site.service-explanation-page main#main .ep-service-heading h2{margin-bottom:0}
 body.editorial-site.service-explanation-page main#main .ep-service-chapter h3{font-size:20px}
 body.editorial-site.service-explanation-page main#main .ep-desktop-break{display:none}
 body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-grid>.detail-card{padding:20px 0;gap:0 16px}
 body.editorial-site.service-explanation-page main#main .ep-service-issues .detail-grid>.detail-card:first-child{padding-top:0}
 body.editorial-site.service-explanation-page main#main .ep-decision-map-head{display:none}
 body.editorial-site.service-explanation-page main#main .ep-decision-map>article{grid-template-columns:1fr;gap:16px;padding:24px 0}
 body.editorial-site.service-explanation-page main#main .ep-decision-map dl{grid-template-columns:1fr;gap:20px}
 body.editorial-site.service-explanation-page main#main .ep-decision-map dl::before,body.editorial-site.service-explanation-page main#main .ep-decision-map dl::after{display:none}
 body.editorial-site.service-explanation-page main#main .ep-decision-map dl>div{padding-left:16px;border-left:3px solid #cbdade}
 body.editorial-site.service-explanation-page main#main .ep-decision-map dl>div:last-child{border-color:#007f95}
 body.editorial-site.service-explanation-page main#main .ep-decision-map dt{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;color:#52646e;margin-bottom:4px}
 body.editorial-site.service-explanation-page main#main .ep-decision-map br{display:none}
 body.editorial-site.service-explanation-page main#main .ep-service-model-note{padding:0;margin-top:20px}
 body.editorial-site.service-explanation-page main#main .ep-service-evidence--featured{margin-top:24px}
 body.editorial-site.service-explanation-page main#main .ep-linked-card.ep-service-proof--featured{padding:20px;gap:24px}
 body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-service-proof-heading h3{font-size:24px}
 body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-evidence-flow{gap:20px}
 body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card{padding:20px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.3fr);gap:16px}
 body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card>h3{font-size:18px}
 body.editorial-site.service-explanation-page main#main .ep-service-ai>.wrap>.detail-content>.detail-grid{grid-template-columns:1fr;gap:24px}
 body.editorial-site.service-explanation-page main#main .ep-service-scenario .detail-grid{grid-template-columns:1fr;gap:20px}
 body.editorial-site.service-explanation-page main#main .ep-service-offer{grid-template-columns:1fr;gap:20px;padding:24px 0}
 body.editorial-site.service-explanation-page main#main .ep-service-offer .co-menu-label{flex-direction:row;align-items:center;gap:16px}
 body.editorial-site.service-explanation-page main#main .ep-service-offer .co-menu-label svg{flex:0 0 32px}
 body.editorial-site.service-explanation-page main#main .ep-service-fee-note{padding:20px}
 body.editorial-site.service-explanation-page main#main .ep-service-roles .detail-grid{grid-template-columns:1fr;gap:20px}
 body.editorial-site.service-explanation-page main#main .ep-service-roles .detail-grid>article{padding:20px;gap:16px}
}
/* The prototype replaces its two old page stylesheets, rather than stacking ID overrides. */
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card>:is(h3,p){padding:0;border:0;background:transparent;grid-column:auto;position:static;border-radius:0}
body.editorial-site.service-explanation-page main#main .ep-service-questions .detail-card>p::before{content:none}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .detail-card{display:block;min-height:0}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .co-case-label{padding:0;background:transparent;border:0}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .detail-card>p{max-width:none}
body.editorial-site.service-explanation-page main#main .ep-service-scenario .detail-card::after{content:none}
body.editorial-site.service-explanation-page main#main .ep-service-related>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
body.editorial-site.service-explanation-page main#main .ep-service-related>.wrap>:is(.co-eyebrow,h2,.detail-content){grid-column:1}
body.editorial-site.service-explanation-page main#main .ep-service-related .co-eyebrow{font-size:12px;color:#007f95;margin:0 0 8px}
body.editorial-site.service-explanation-page main#main .ep-service-related .detail-content>.detail-grid{display:grid;grid-template-columns:1fr;gap:16px}
body.editorial-site.service-explanation-page main#main .ep-service-related a.detail-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 16px;padding:20px;border:1px solid #cbdade;border-radius:8px;color:#102850;text-decoration:none}
body.editorial-site.service-explanation-page main#main .ep-service-related .co-related-icon{grid-row:1/span 2;display:flex;color:#007f95}
body.editorial-site.service-explanation-page main#main .ep-service-related .co-related-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.75}
body.editorial-site.service-explanation-page main#main .ep-service-related a.detail-card :is(h3,p){margin:0;grid-column:2}
body.editorial-site.service-explanation-page main#main .ep-service-related a.detail-card h3{font-size:20px}
body.editorial-site.service-explanation-page main#main .co-reading{grid-column:2;grid-row:1/span 3;padding-left:32px;border-left:1px solid #cbdade}
body.editorial-site.service-explanation-page main#main .co-reading>a:not(.co-reading-all){display:flex;align-items:center;gap:16px;margin:0 0 12px;padding:16px;border:1px solid #cbdade;border-radius:8px;font-size:16px;color:#102850;text-decoration:none}
body.editorial-site.service-explanation-page main#main .co-reading>a>span:last-child{margin-left:auto;display:flex}
body.editorial-site.service-explanation-page main#main .co-reading .co-reading-all{display:inline-flex;align-items:center;font-size:16px;color:#007f95;margin-top:12px}
body.editorial-site.service-explanation-page main#main .ep-service-related a:hover{border-color:#007f95;background:#f5fafb}
body.editorial-site.service-explanation-page main#main .ep-service-related a:focus-visible{outline:2px solid #007f95;outline-offset:4px}
body.editorial-site.service-explanation-page main#main .co-final-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px max(24px,calc((100% - 1120px)/2));background:#f2f6f6;margin:0}
body.editorial-site.service-explanation-page main#main .co-final-cta h2{font-size:28px;line-height:1.5;margin:0 0 12px;max-width:32em}
body.editorial-site.service-explanation-page main#main .co-final-cta p{font-size:16px;margin:0;line-height:1.8}
body.editorial-site.service-explanation-page main#main .co-final-cta .button{flex:0 0 auto}
@media(max-width:760px){
 body.editorial-site.service-explanation-page main#main .ep-service-related>.wrap{grid-template-columns:1fr;gap:0}
 body.editorial-site.service-explanation-page main#main .co-reading{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #cbdade;padding:32px 0 0;margin-top:32px}
 body.editorial-site.service-explanation-page main#main .co-final-cta{flex-direction:column;gap:24px;padding:32px 24px;align-items:stretch}
 body.editorial-site.service-explanation-page main#main .co-final-cta h2{font-size:24px}
 body.editorial-site.service-explanation-page main#main .co-final-cta .button{align-self:center}
}
/* Keep the primary case title on the full reading width, with its control beside metadata. */
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-service-proof-heading{grid-column:1/-1;grid-row:1}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured .ep-service-proof-heading>p{padding-right:56px}
body.editorial-site.service-explanation-page main#main .ep-service-proof--featured>.ep-card-arrow{align-self:start;margin-top:4px}

body.editorial-site.service-explanation-page main#main .ep-decision-map-head>div{display:grid;grid-template-columns:1fr 1fr;gap:56px}

/* BP / cloud extensions. Adapted with unslop by Damir Sokolovsky (CC BY 4.0). */
body.editorial-site.service-explanation-page main#main .co-icon-disc img{width:36px;height:36px;object-fit:contain}
body.editorial-site.service-explanation-page main#main :is(.ep-workflow-map,.ep-work-lenses,.ep-service-plan-list,.ep-service-stage,.ep-service-pricing){margin-top:32px}
body.editorial-site.service-explanation-page main#main :is(.ep-workflow-row,.ep-service-stage){display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;padding:28px 0;border-top:1px solid #cbd9dd}
body.editorial-site.service-explanation-page main#main .ep-workflow-row>h3{margin:0;color:#a84f47}
body.editorial-site.service-explanation-page main#main .ep-workflow-row--after>h3{color:#007e91}
body.editorial-site.service-explanation-page main#main :is(.ep-workflow-row ol,.ep-cloud-example-flow){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
body.editorial-site.service-explanation-page main#main .ep-workflow-row li{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#fff;min-width:0}
body.editorial-site.service-explanation-page main#main .ep-workflow-row li:not(:last-child):after{content:' ';position:absolute;right:-20px;top:50%;width:8px;height:8px;border-top:2px solid #65838c;border-right:2px solid #65838c;transform:rotate(45deg)}
body.editorial-site.service-explanation-page main#main :is(.ep-workflow-row li img,.bp-tool-note img,.ep-cloud-example-flow img,.ep-cloud-preparation img,.ep-service-role-strip img,.ep-service-project-note img){width:36px;height:36px;object-fit:contain;flex-shrink:0}
body.editorial-site.service-explanation-page main#main .bp-tool-note{display:flex;gap:16px;align-items:center;margin:24px 0 0}
body.editorial-site.service-explanation-page main#main .ep-work-lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body.editorial-site.service-explanation-page main#main .ep-work-lenses article{border-top:2px solid #438b99;padding-top:24px}
body.editorial-site.service-explanation-page main#main .ep-work-lenses dl{margin:20px 0 0}
body.editorial-site.service-explanation-page main#main .ep-work-lenses dl>div{margin-top:20px}
body.editorial-site.service-explanation-page main#main .ep-work-lenses dt{color:#526973;font-size:16px}
body.editorial-site.service-explanation-page main#main .ep-work-lenses dd{margin:4px 0 0;font-weight:600}
body.editorial-site.service-explanation-page main#main .ep-service-metrics{margin-top:32px;padding:24px;background:#f2f6f6}
body.editorial-site.service-explanation-page main#main .ep-service-metrics ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:16px 0}
body.editorial-site.service-explanation-page main#main .ep-service-metrics li{display:flex;align-items:center;gap:12px;min-width:0}
body.editorial-site.service-explanation-page main#main .ep-metric-icon svg{width:32px;height:32px;color:#007e91;flex-shrink:0}
body.editorial-site.service-explanation-page main#main .ep-service-initial-note{padding:24px;background:#fff;border-left:3px solid #007e91}
body.editorial-site.service-explanation-page main#main .ep-service-initial-note p{margin:8px 0 0}
body.editorial-site.service-explanation-page main#main .ep-service-plan{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid #cbd9dd;align-items:start}
body.editorial-site.service-explanation-page main#main .ep-service-plan :is(h3,p){margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-plan--priced{grid-template-columns:180px minmax(0,1fr) 120px}
body.editorial-site.service-explanation-page main#main .ep-service-plan-price{font-size:20px;color:#007e91;font-weight:600;white-space:nowrap}
body.editorial-site.service-explanation-page main#main .ep-service-responsibilities{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
body.editorial-site.service-explanation-page main#main .ep-service-responsibilities article{background:#fff;padding:24px}
body.editorial-site.service-explanation-page main#main .ep-service-responsibilities li{margin:8px 0}
body.editorial-site.service-explanation-page main#main .ep-cloud-example-flow{margin:32px 0}
body.editorial-site.service-explanation-page main#main .ep-cloud-example-flow li{padding:24px;background:#fff;border-top:2px solid #aebfc5;position:relative;min-width:0}
body.editorial-site.service-explanation-page main#main .ep-cloud-example-flow li:nth-child(2){border-top-color:#c7a158}
body.editorial-site.service-explanation-page main#main .ep-cloud-example-flow li:nth-child(3){border-top-color:#007e91}
body.editorial-site.service-explanation-page main#main .ep-cloud-example-flow li>span{display:block;color:#526973;font-size:16px;margin-top:16px}
body.editorial-site.service-explanation-page main#main .ep-cloud-preparation{display:flex;gap:24px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0}
body.editorial-site.service-explanation-page main#main .ep-cloud-preparation li{display:flex;align-items:center;gap:12px}
body.editorial-site.service-explanation-page main#main .ep-service-stage>h3{color:#007e91;margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-stage-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
body.editorial-site.service-explanation-page main#main .ep-service-stage-items h4{font-size:20px;margin:0;color:#102952}
body.editorial-site.service-explanation-page main#main .ep-stage-output{border-left:2px solid #73a3ad;padding-left:12px;color:#526973}
body.editorial-site.service-explanation-page main#main .ep-service-reason-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0}
body.editorial-site.service-explanation-page main#main .ep-service-reason-list article{border-top:1px solid #cbd9dd;padding-top:24px}
body.editorial-site.service-explanation-page main#main .ep-service-role-strip{display:flex;flex-wrap:wrap;gap:24px;padding:24px;background:#fff}
body.editorial-site.service-explanation-page main#main .ep-service-role-strip p{display:flex;align-items:center;gap:12px;margin:0}
body.editorial-site.service-explanation-page main#main .ep-service-project-note{margin-top:24px;padding:24px;border-left:3px solid #007e91;background:#fff}
body.editorial-site.service-explanation-page main#main .ep-service-project-note>img{float:left;margin-right:16px}
body.editorial-site.service-explanation-page main#main .ep-service-product-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 24px}
body.editorial-site.service-explanation-page main#main .ep-service-product-links>a{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #cbd9dd;border-radius:8px;text-decoration:none}
body.editorial-site.service-explanation-page main#main .ep-service-product-links img{width:48px;height:48px;object-fit:contain}
body.editorial-site.service-explanation-page main#main .ep-service-product-links :is(strong,b){display:block;font-size:20px}
body.editorial-site.service-explanation-page main#main .ep-service-product-links .ep-card-arrow{margin-left:auto;flex-shrink:0}
body.editorial-site.service-explanation-page main#main .ep-service-logo-heading{margin-top:32px}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px 0;margin:0;border-block:1px solid #cbd9dd}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos li{display:flex;align-items:center;justify-content:center;min-width:0;min-height:56px}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos img{display:block;width:auto;max-width:160px;max-height:48px;height:auto;object-fit:contain}
body.editorial-site.service-explanation-page main#main .ep-service-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding-block:48px}
body.editorial-site.service-explanation-page main#main .ep-service-bottom>section{min-width:0;margin:0;padding:0}
body.editorial-site.service-explanation-page main#main .ep-service-bottom h2{font-size:28px;margin:0 0 24px}
body.editorial-site.service-explanation-page main#main .ep-service-related-links{display:grid;gap:16px}
body.editorial-site.service-explanation-page main#main .ep-service-related-links a{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #cbd9dd;border-radius:8px;text-decoration:none}
body.editorial-site.service-explanation-page main#main .ep-service-related-links a>span:not(.ep-card-arrow){flex:1;min-width:0}
body.editorial-site.service-explanation-page main#main .ep-service-related-links img{width:32px;height:32px;object-fit:contain}
body.editorial-site.service-explanation-page main#main .ep-service-related-links :is(strong,small){display:block;font-size:16px}
body.editorial-site.service-explanation-page main#main .ep-service-reading-link{display:flex;align-items:center;gap:12px;color:#007e91;text-decoration:none;margin:16px 0}
body.editorial-site.service-explanation-page main#main .ep-service-reading-link img{width:24px;height:24px;object-fit:contain}
body.editorial-site.service-explanation-page main#main .ep-service-final{background:#f2f6f6;padding:48px 0}
body.editorial-site.service-explanation-page main#main .ep-service-final>.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
body.editorial-site.service-explanation-page main#main .ep-service-final h2{font-size:28px;margin:0 0 12px}
body.editorial-site.service-explanation-page main#main .ep-service-final p{margin:0}
@media(max-width:1100px){
body.editorial-site.service-explanation-page main#main :is(.ep-workflow-row,.ep-service-stage){grid-template-columns:1fr;gap:24px}
body.editorial-site.service-explanation-page main#main .ep-service-bottom{grid-template-columns:1fr}
}
@media(max-width:760px){
body.editorial-site.service-explanation-page main#main :is(.ep-workflow-row ol,.ep-cloud-example-flow,.ep-work-lenses,.ep-service-responsibilities,.ep-service-stage-items,.ep-service-reason-list,.ep-service-product-links){grid-template-columns:1fr;gap:20px}
body.editorial-site.service-explanation-page main#main .ep-workflow-row li{flex-direction:row;align-items:center}
body.editorial-site.service-explanation-page main#main .ep-workflow-row li:not(:last-child):after{right:50%;top:auto;bottom:-14px;transform:rotate(135deg)}
body.editorial-site.service-explanation-page main#main .ep-workflow-row li br{display:none}
body.editorial-site.service-explanation-page main#main .ep-service-plan{grid-template-columns:1fr;gap:12px}
body.editorial-site.service-explanation-page main#main .ep-service-plan--priced{grid-template-columns:1fr auto}
body.editorial-site.service-explanation-page main#main .ep-service-plan--priced>p:not(.ep-service-plan-price){grid-column:1/-1;grid-row:2}
body.editorial-site.service-explanation-page main#main .ep-service-plan-price{grid-column:2;grid-row:1}
body.editorial-site.service-explanation-page main#main .ep-service-metrics ul{grid-template-columns:1fr;gap:16px}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos img{max-width:120px;max-height:40px}
body.editorial-site.service-explanation-page main#main .ep-service-bottom{padding-block:36px;gap:36px}
body.editorial-site.service-explanation-page main#main .ep-service-final{padding:36px 0}
body.editorial-site.service-explanation-page main#main .ep-service-final>.wrap{flex-direction:column;align-items:center}
}
body.editorial-site.service-explanation-page main#main .ep-service-related-links .bp-symbol{flex:0 0 24px}
body.editorial-site.service-explanation-page main#main .ep-service-related-links .bp-symbol svg{width:24px;height:24px;color:#007e91}
body.editorial-site.service-explanation-page main#main .ep-service-reading-link{padding:20px;border:1px solid #cbd9dd;border-radius:8px}
body.editorial-site.service-explanation-page main#main .ep-service-reading-link>span:not(.ep-card-arrow){flex:1;min-width:0}
body.editorial-site.service-explanation-page main#main :is(.ep-service-reading-link,.ep-service-related-links) strong{display:block;color:#102952;margin-bottom:4px}
body.editorial-site.service-explanation-page main#main .ep-service-related-links a>span>span{display:block;color:#526973}
body.editorial-site.service-explanation-page main#main .ep-service-product-links>a{flex-direction:row;text-align:left;min-height:104px}
body.editorial-site.service-explanation-page main#main .ep-service-product-links h3{flex:1;margin:0;min-width:0}
body.editorial-site.service-explanation-page main#main .ep-service-product-links .dx-product-symbol{flex:0 0 48px;display:flex;align-items:center;justify-content:center}
body.editorial-site.service-explanation-page main#main .ep-service-product-links .dx-product-microsoft{flex-basis:100px}
body.editorial-site.service-explanation-page main#main .ep-service-product-links .dx-product-microsoft img{width:100px;height:auto;max-height:48px}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos li>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos li>a>img{width:160px}
body.editorial-site.service-explanation-page main#main .dx-dropbox-lockup{display:flex;align-items:center;gap:8px}
body.editorial-site.service-explanation-page main#main .ep-service-product-logos .dx-dropbox-lockup img:first-child{width:28px;height:28px}
@media(max-width:760px){body.editorial-site.service-explanation-page main#main .ep-service-product-links .dx-product-microsoft{flex-basis:64px}body.editorial-site.service-explanation-page main#main .ep-service-product-links .dx-product-microsoft img{width:64px}body.editorial-site.service-explanation-page main#main .ep-service-product-logos li>a>img{width:120px}}
body.editorial-site.service-explanation-page main#main .ep-service-related-links a>span.bp-symbol{flex:0 0 24px}
/* Scope: distinguish the first conversation from the support selected afterwards.
   Unslop direction: practical, clear, considerate; Damir Sokolovsky / CC BY 4.0. */
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-layout{display:grid;grid-template-columns:minmax(280px, .8fr) minmax(0,1.4fr);gap:64px;align-items:start}
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-intro h2{margin:0 0 28px}
body.editorial-site.service-explanation-page main#main .ep-cloud-first-consultation{border-left:3px solid #007e91;padding-left:20px;margin:0 0 24px}
body.editorial-site.service-explanation-page main#main .ep-cloud-first-consultation h3{font-size:20px;margin:0 0 8px;color:#007e91}
body.editorial-site.service-explanation-page main#main .ep-cloud-first-consultation p{margin:0}
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-intro>p{color:#526973;margin:0}
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-label{font-size:18px;margin:0 0 20px}
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-services dl{margin:0}
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-services dl>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid #cbd9dd}
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-services dt{font-size:20px;font-weight:600;color:#102952}
body.editorial-site.service-explanation-page main#main .ep-cloud-scope-services dd{margin:0;font-size:16px;line-height:1.8}
body.editorial-site.service-explanation-page main#main .ep-cloud-project-support{border-top:1px solid #cbd9dd;padding:24px 0 0;margin-top:8px}
body.editorial-site.service-explanation-page main#main .ep-cloud-project-support h3{font-size:18px;margin:0 0 8px}
body.editorial-site.service-explanation-page main#main .ep-cloud-project-support p{margin:0;color:#526973}
@media(max-width:1100px){body.editorial-site.service-explanation-page main#main .ep-cloud-scope-layout{gap:32px;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}body.editorial-site.service-explanation-page main#main .ep-cloud-scope-services dl>div{grid-template-columns:1fr;gap:8px}}
@media(max-width:760px){body.editorial-site.service-explanation-page main#main .ep-cloud-scope-layout{grid-template-columns:1fr;gap:32px}body.editorial-site.service-explanation-page main#main .ep-cloud-scope-intro h2{margin-bottom:24px}}
/* Responsibilities are a separate group, following the scope choices. */
body.editorial-site.service-explanation-page main#main .ep-service-role-group{margin-top:40px;padding-top:32px;border-top:1px solid #cbd9dd}
body.editorial-site.service-explanation-page main#main .ep-service-role-group>h3{font-size:21px;margin:0 0 24px}
body.editorial-site.service-explanation-page main#main .ep-service-role-group .ep-service-responsibilities{margin-top:0}
body.editorial-site.service-explanation-page main#main .ep-service-role-group .ep-service-responsibilities h3{font-size:20px;margin:0 0 16px}
body.editorial-site.service-explanation-page main#main .ep-service-role-group .ep-service-responsibilities ul{margin:0;padding-left:24px}
@media(max-width:760px){body.editorial-site.service-explanation-page main#main .ep-service-role-group{margin-top:32px;padding-top:28px}}