/* Service-page polish using the unslop review method (Damir Sokolovsky, CC BY 4.0).
   Preserve ESU POINT's brand, approved content and route structure.
   Loaded by the reviewed service pages and the homepage support process. */
body.editorial-site main#main .ep-support-process{display:grid;grid-template-columns:repeat(var(--ep-columns,4),minmax(0,1fr));gap:24px;margin:32px 0;padding:0;list-style:none;counter-reset:none}
body.editorial-site main#main .ep-support-process>li{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px 0 0;margin:0;background:transparent;border:0;border-top:1px solid #bed2d6;border-radius:0;box-shadow:none;text-align:left;counter-increment:none}
body.editorial-site main#main .ep-support-process>li::after{display:none}
body.editorial-site main#main .ep-step-heading{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:16px;margin:0}
body.editorial-site main#main .ep-step-number{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#e2f1f3;color:#102850;font-size:16px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
body.editorial-site main#main .ep-support-process>li:nth-child(2) .ep-step-number{background:#f8e6e2}
body.editorial-site main#main .ep-support-process>li:nth-child(3) .ep-step-number{background:#fbefcc}
body.editorial-site main#main .ep-support-process>li:nth-child(4) .ep-step-number{background:#e0efeb}
body.editorial-site main#main .ep-step-icon{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#007f95}
body.editorial-site main#main .ep-step-icon>:is(svg,img){display:block;position:static;width:36px;height:36px;max-width:36px;max-height:36px;object-fit:contain;margin:0;transform:none}
body.editorial-site main#main .ep-step-icon svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
body.editorial-site main#main .ep-step-heading h3{grid-column:1/-1;grid-row:2;display:block;width:auto;min-width:0;margin:0;font-size:21px;line-height:1.6;font-weight:700;color:#102850;text-align:left;word-break:normal;overflow-wrap:anywhere}
body.editorial-site main#main .ep-step-copy{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0;margin:0}
body.editorial-site main#main .ep-step-copy>p{margin:0;font-size:16px;line-height:1.85;color:#2d404b}
body.editorial-site main#main .ep-step-copy :is(.dx-output,.wr-deliverable){display:block;margin-top:auto;padding:16px 0 0;border:0;border-top:1px solid #d4e1e3;background:transparent;line-height:1.7;white-space:normal}
body.editorial-site main#main .ep-step-copy .dx-output{font-size:16px;color:#007f95}
body.editorial-site main#main .ep-step-copy .wr-deliverable>span{display:block;font-size:14px;font-weight:400;color:#526b73;margin-bottom:8px}
body.editorial-site main#main .ep-step-copy .wr-deliverable strong{display:block;font-size:16px;color:#102850;line-height:1.7}
body.editorial-site main#main .ep-step-copy .wr-role{padding-top:0;font-size:16px;line-height:1.85;color:#526b73}
body.editorial-site main#main .ep-ui-arrow{display:inline-block;flex-shrink:0;vertical-align:middle;width:24px;height:24px;margin-left:8px;overflow:visible}
body.editorial-site main#main :is(.ep-case-arrow,.ep-action-arrow)>.ep-ui-arrow{margin:0}
body.editorial-site main#main .ep-ui-arrow>path{stroke-linecap:round;stroke-linejoin:round}
/* Content labels that help choose a service or understand a contract are reading text. */
body.editorial-site[data-page="service-selection"] main#main .ss-choice-title p{font-size:16px;line-height:1.8}
body.editorial-site[data-page="googleworkspace"] main#main .gw-license-foot p{font-size:16px;line-height:1.8}
body.editorial-site[data-page="social-welfare-google-workspace"] main#main .wr-role{font-size:16px;line-height:1.85}
/* Supporting comparisons group the present state and intended change visually. */
body.editorial-site[data-page="bp"] main#main .bp-mini-flow{gap:24px}
body.editorial-site[data-page="bp"] main#main .bp-metrics li{min-width:0;flex:1;font-size:16px;line-height:1.75}
body.editorial-site[data-page="training"] main#main .edu-practical{padding:32px}
body.editorial-site[data-page="training"] main#main .edu-practice-grid{gap:24px}
body.editorial-site[data-page="training"] main#main .edu-practice-link{padding-top:24px;margin-top:24px}
body.editorial-site[data-page="ma"] main#main .ma-reviewed-cases>a.ep-link-card{padding:24px;gap:16px}
body.editorial-site[data-page="ma"] main#main .ma-reviewed-cases>a.ep-link-card>h3{margin:0}
body.editorial-site[data-page="ma"] main#main .ma-reviewed-cases .ma-case-summary{margin-bottom:0}
body.editorial-site[data-page="ma"] main#main .ma-extra-grid{gap:24px}
body.editorial-site[data-page="service-selection"] main#main .ss-consult-rebalanced .ep-support-process{max-width:1120px;margin:32px auto 0}
@supports(grid-template-rows:subgrid){
@media(min-width:961px){
body.editorial-site main#main .ep-support-process{row-gap:16px}
body.editorial-site main#main .ep-support-process>li{display:grid;grid-template-rows:subgrid;grid-row:span 3}
body.editorial-site main#main .ep-step-heading{grid-template-rows:subgrid;grid-row:span 2}
}
}
@media(max-width:960px){
body.editorial-site main#main .ep-support-process{grid-template-columns:1fr;gap:0;margin:24px 0}
body.editorial-site main#main .ep-support-process>li{display:block;border-top:0;padding:0 0 32px 52px;border-left:1px solid #bed2d6;margin-left:18px}
body.editorial-site main#main .ep-support-process>li:last-child{padding-bottom:0;border-left-color:transparent}
body.editorial-site main#main .ep-step-heading{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:12px;margin-bottom:12px}
body.editorial-site main#main .ep-step-number{position:absolute;left:-19px;top:0}
body.editorial-site main#main .ep-step-heading h3{grid-column:1;grid-row:1;font-size:20px;align-self:center}
body.editorial-site main#main .ep-step-icon{grid-column:2;grid-row:1}
body.editorial-site main#main .ep-step-copy{gap:12px}
body.editorial-site main#main .ep-step-copy :is(.dx-output,.wr-deliverable){padding-top:12px}
body.editorial-site[data-page="training"] main#main .edu-practical{padding:24px}
}
@media(prefers-reduced-motion:reduce){
body.editorial-site main#main .ep-ui-arrow{transition:none}
}
/* Reset legacy process columns before applying the shared row layout. */
body.editorial-site main#main .ep-support-process>li{grid-template-columns:minmax(0,1fr)}
body.editorial-site main#main .ep-step-heading{grid-column:1/-1;width:100%;min-width:0}
body.editorial-site main#main .ep-step-copy{grid-column:1/-1;width:100%;min-width:0}
@media(min-width:961px){
body.editorial-site main#main .ep-step-heading{grid-row:1/span 2}
body.editorial-site main#main .ep-step-copy{grid-row:3}
}
@supports(grid-template-rows:subgrid){
@media(min-width:961px){
body.editorial-site main#main .ep-support-process:has(.wr-deliverable)>li{grid-row:span 5}
body.editorial-site main#main .ep-support-process:has(.wr-deliverable) .ep-step-copy{display:grid;grid-template-rows:subgrid;grid-row:3/span 3;gap:16px}
body.editorial-site main#main .ep-support-process:has(.wr-deliverable) .ep-step-copy>p:not(.wr-role){grid-row:1}
body.editorial-site main#main .ep-support-process .ep-step-copy>.wr-deliverable{grid-row:2;margin-top:0}
body.editorial-site main#main .ep-support-process .ep-step-copy>.wr-role{grid-row:3;margin:0}
}
}
