/* Shared section transitions: all outer edges meet the white page canvas. */
main > .tinted{
 background:linear-gradient(180deg,#fff 0%,#f5faff 12%,#eaf4fb 35%,#eaf4fb 65%,#f5faff 88%,#fff 100%);
 border-block:0;
}
main > .detail-hero{
 background:linear-gradient(180deg,#f4f9fd 0%,#e5f1fa 48%,#f1f8fc 78%,#fff 100%);
 border-bottom:0;
}
main > .service-area{
 background:linear-gradient(180deg,#fff 0%,#edf6fc 32%,#e5f1fa 55%,#f4f9fd 80%,#fff 100%);
 padding-block:clamp(38px,5vw,68px);
 border:0;
}
main > .mission{
 margin:0;border-radius:0;
 padding-block:clamp(80px,9vw,130px);
 background:linear-gradient(180deg,#fff 0%,#f3f9fd 18%,#dfedf8 45%,#dfedf8 55%,#f3f9fd 82%,#fff 100%);
 color:#234c69;
}
main > .mission h2{color:#073e67}
main > .mission .eyebrow{color:#4d83a5}
main > .mission p:not(.eyebrow){color:#486c86}
main > .detail-cta{
 width:100%;max-width:none;margin:0;border:0;border-radius:0;
 padding:clamp(65px,7vw,100px) max(var(--page-gutter,24px),calc((100% - 1100px)/2));
 background:linear-gradient(180deg,#fff 0%,#f3f9fd 20%,#e2f0f9 48%,#eaf4fb 70%,#fff 100%);
}
body > footer{border-top:0;background:linear-gradient(180deg,#fff 0%,#f5f9fc 35%,#edf5fa 100%)}
@media(min-width:761px) and (max-width:1300px){
 main > .detail-cta{padding-right:140px;padding-left:var(--page-gutter,28px);gap:32px}
}
@media(max-width:760px){
 main > .tinted{background:linear-gradient(180deg,#fff 0%,#edf6fc 120px,#eaf4fb calc(100% - 120px),#fff 100%)}
 main > .detail-cta{padding:68px var(--page-gutter,24px);gap:24px}
 .program-hero::after{height:clamp(150px,32%,220px)}
}