/* Project Examples: approved layered content canvas. */
body.page-project-examples .project-heading h1{margin-bottom:22px;max-width:900px}.project-heading .page-heading__lead{max-width:760px;margin:0;font-size:1.13rem;line-height:1.75}.scenario-label{display:block;margin:0 0 14px;color:var(--blue-link);font-size:.84rem;font-weight:800;line-height:1.4}
.mural-feature{background:#e9f2fd}.mural-feature__inner{min-height:545px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:65px;padding-block:80px}.mural-feature__copy h2{max-width:15ch;margin-bottom:36px;font-size:clamp(2.8rem,4vw,4.25rem)}.mural-feature__copy p{max-width:43ch;margin:0;font-size:1.13rem;line-height:1.72}.mural-feature__visual{display:grid;place-items:center}.mural-feature__visual .visual{width:min(100%,530px);height:350px}.mural-mid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:110px 122px}.mural-mid__item{min-width:0}.mural-mid__visual{height:260px;display:grid;place-items:center;margin-bottom:42px}.mural-mid__visual .visual{width:min(100%,400px);height:250px}.mural-mid__item h2,.mural-end__item h2{max-width:17ch;margin-bottom:27px;font-size:clamp(2rem,2.5vw,2.65rem)}.mural-mid__item p,.mural-end__item p{max-width:47ch;margin:0;font-size:1.05rem;line-height:1.72}.mural-end{background:#f8fbff}.mural-end__inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:112px 120px}.mural-end__item{display:flex;flex-direction:column;min-width:0}.mural-end__visual{height:240px;display:grid;place-items:center;margin-top:auto;padding-top:36px}.mural-end__visual .visual{width:min(100%,390px);height:225px}
.mural-end .ui-chart__bars{height:90px}
.visual{position:relative;isolation:isolate}.ui-window{position:absolute;overflow:hidden;border:1.5px solid #6fa2da;border-radius:13px;background:#fff;box-shadow:0 24px 38px rgba(40,91,153,.12)}.ui-top{height:32px;display:flex;align-items:center;gap:5px;padding:0 14px;border-bottom:1px solid #cfdef0;background:#f8fbff}.ui-top i{display:block;width:6px;height:6px;border-radius:50%;background:#a8c8ee}.ui-top i:first-child{background:#3675c5}.ui-top span{display:block;width:80px;height:7px;margin-left:auto;border-radius:4px;background:#dfebfa}.ui-window--sheet{left:2%;top:13%;width:58%;height:69%;transform:rotate(-3deg)}.ui-sheet{padding:15px 17px}.ui-row{height:36px;display:grid;grid-template-columns:26% 35% 1fr;gap:10px;align-items:center;border-bottom:1px solid #e3edf8}.ui-row:last-child{border:0}.ui-row b,.ui-row i,.ui-row em{display:block;height:7px;border-radius:4px;background:#c5dbf4}.ui-row b{background:#7fade5}.ui-row i{width:80%}.ui-row em{width:55%}.ui-window--form{right:1%;top:24%;width:54%;height:65%}.ui-form{padding:23px}.ui-form__heading{display:block;width:42%;height:10px;margin-bottom:21px;border-radius:5px;background:#3675c5}.ui-form__field{height:28px;margin-bottom:12px;border:1px solid #d3e3f5;border-radius:5px;background:#f7fbff}.ui-form__field--short{width:76%}.ui-form__actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.ui-form__actions i{width:37%;height:8px;border-radius:5px;background:#c1d9f3}.ui-form__actions b{width:29%;height:24px;border-radius:5px;background:#3675c5}.ui-sheet-back{position:absolute;width:54%;height:64%;border:1.5px solid #91b8e3;border-radius:12px;background:#f7fbff}.ui-sheet-back--first{top:3%;left:2%;transform:rotate(-9deg)}.ui-sheet-back--second{top:9%;left:7%;transform:rotate(-3deg)}.ui-window--records{top:20%;left:16%;width:76%;height:69%}.ui-records{padding:16px 22px}.ui-records__head{display:flex;justify-content:space-between;margin-bottom:10px}.ui-records__head b{width:27%;height:9px;border-radius:4px;background:#3675c5}.ui-records__head i{width:14%;height:9px;border-radius:4px;background:#b6d1ef}.ui-records .ui-row{height:32px}.ui-window--app{left:1%;top:16%;width:43%;height:64%}.ui-window--app-second{left:auto;right:1%;top:20%}.ui-app-content{padding:25px 17px}.ui-app-content b{display:block;width:48%;height:10px;margin-bottom:25px;border-radius:5px;background:#3675c5}.ui-app-content i{display:block;width:100%;height:24px;margin-bottom:10px;border-radius:5px;background:#e9f2fd}.ui-app-content i:nth-of-type(2){width:80%}.ui-app-content span{display:block;width:39%;height:9px;margin-top:18px;border-radius:5px;background:#9dc4ec}.ui-api-mark{position:absolute;z-index:2;left:44%;top:39%;width:13%;height:22%;display:flex;justify-content:center;align-items:center;gap:5px;border:1px solid #8ab4e5;border-radius:8px;background:#fff;box-shadow:0 12px 26px rgba(40,91,153,.12)}.ui-api-mark span{width:7px;height:24px;border-radius:4px;background:#3675c5}.ui-api-mark span:last-child{height:17px;background:#8db9e8}.ui-window--chart{right:2%;top:17%;width:57%;height:72%}.ui-chart{padding:18px 25px}.ui-chart__heading{width:43%;height:9px;border-radius:5px;background:#3675c5}.ui-chart__bars{height:126px;display:flex;align-items:end;justify-content:space-around;gap:13px;padding-top:20px}.ui-chart__bars i{flex:1;height:47%;border-radius:5px 5px 0 0;background:#a9c8ec}.ui-chart__bars i:nth-child(2){height:65%;background:#7eade1}.ui-chart__bars i:nth-child(3){height:84%;background:#3675c5}.ui-chart__bars i:nth-child(4){height:58%;background:#80aee2}.ui-chart__bars i:nth-child(5){height:73%;background:#a2c4eb}.ui-chart__base{height:1px;background:#d0e1f3}.ui-window--notice{left:8%;top:16%;width:78%;height:67%}.ui-notice{padding:27px}.ui-notice b{display:block;width:43%;height:11px;margin-bottom:30px;border-radius:5px;background:#3675c5}.ui-notice i{display:block;width:80%;height:16px;margin-bottom:13px;border-radius:5px;background:#d6e6f8}.ui-notice i:nth-of-type(2){width:62%}.ui-notice span{display:block;width:26%;height:10px;margin-top:29px;border-radius:5px;background:#98bfea}.ui-shield{position:absolute;right:0;bottom:1%;z-index:2;width:21%;filter:drop-shadow(0 12px 14px rgba(40,91,153,.12))}
@media(max-width:900px){.mural-feature__inner{gap:45px}.mural-mid,.mural-end__inner{gap:45px}}
@media(max-width:800px){.project-heading .page-heading__lead{font-size:1rem}.mural-feature__inner,.mural-mid,.mural-end__inner{grid-template-columns:1fr}.mural-feature__inner{min-height:0;padding-block:76px}.mural-feature__copy h2{font-size:2.5rem}.mural-feature__visual .visual{height:280px}.mural-mid{padding-block:75px;gap:80px}.mural-end__inner{padding-block:78px;gap:75px}.mural-mid__visual,.mural-end__visual{height:220px}.mural-end__visual .visual{height:195px}.mural-end .ui-chart__bars{height:70px}}
@media(max-width:800px){.mural-feature__visual .ui-form{padding:16px}.mural-feature__visual .ui-form__heading{margin-bottom:14px}.mural-feature__visual .ui-form__field{height:22px;margin-bottom:8px}.mural-feature__visual .ui-form__actions{margin-top:10px}.mural-feature__visual .ui-form__actions b{height:18px}}