/* Employee Self Service uses the established Sigma compositions and its own topic artwork. */
.rec-page .rec-case { background:#edf4f8; }
.rec-page .rec-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rec-page .art-layout-editorial .rec-steps,.rec-page .art-layout-folio .rec-steps { grid-template-columns:1fr; }
.rec-page .rec-related { background:#f5f9fc; }
.rec-page .rec-related a { text-decoration:none; color:inherit; }
.rec-page .rec-related .branch-card { background:#fff; }
.rec-page .rec-related .branch-card:nth-child(2) { background:#e3eff6; }
.rec-page .branch-product p { text-wrap:pretty; }

.ess-page.rec-ess .art-object {padding-bottom:30px;}
.ess-page.rec-mobile .art-object {border-radius:90px 25px 25px 25px;}
.ess-page.rec-approvals .art-object::before {background:repeating-linear-gradient(0deg,transparent 0 42px,#5e91ab45 43px);}
.ess-page.rec-employee-access .art-object {border-radius:30px 100px 30px 30px;}
.ess-page.rec-knowledge-center .art-object svg {height:240px;}
.ess-page.rec-salary-slip .art-object {border-radius:50%;}
.ess-page.rec-mobile-attendance .art-object {border-radius:35px 100px 35px 35px;}
.ess-page.rec-employee-activity .art-object {opacity:.3;right:-16%;width:49%;top:-30px;}
.ess-page .rec-related .branch-grid:has(> :nth-child(3)) {grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:1050px) {.ess-page .rec-steps {grid-template-columns:1fr;}}
@media(max-width:760px) {
 .ess-page.rec-employee-activity .art-object {width:85%;opacity:1;}
 .ess-page.rec-knowledge-center .art-object svg {height:190px;}
 .ess-page .rec-related .branch-grid:has(> :nth-child(3)) {grid-template-columns:1fr;}
}