/* All spacing, columns and the existing process track stay as authored. */
body.s-courses .s-course-grid article{position:relative}
body.s-courses .s-course-grid article:before{content:'';position:absolute;left:0;right:0;top:-2px;height:4px;background:#f0b4bd;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.16,1,.3,1)}
body.s-courses .s-course-grid article:is(:hover,:focus-within):before{transform:scaleX(1)}
body.s-courses .s-course-grid h2{transform-origin:left;transition:transform .45s,color .25s}
body.s-courses .s-course-grid article:is(:hover,:focus-within) h2{color:#f0b4bd;transform:translateX(4px)}
body.s-courses .s-course-grid .s-text-link{display:inline-block;position:relative}
body.s-courses .s-course-grid .s-text-link:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:4px;background:#f0b4bd;clip-path:polygon(0 35%,35% 0,100% 30%,95% 80%,15% 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s}
body.s-courses .s-course-grid .s-text-link:is(:hover,:focus-visible):after{transform:scaleX(1)}
body.s-courses .s-step-label{background:linear-gradient(#f0b4bd,#f0b4bd) left bottom/0 40% no-repeat;transition:background-size .7s}
body.s-courses .course-step-seen .s-step-label{background-size:100% 40%}
body.s-courses .s-step-number{transition:color .6s}
body.s-courses .course-step-seen .s-step-number{color:#f0b4bd}
@media(prefers-reduced-motion:reduce){body.s-courses .s-course-grid article:before,body.s-courses .s-course-grid h2,body.s-courses .s-course-grid .s-text-link:after,body.s-courses .s-step-label,body.s-courses .s-step-number{transition:none!important}}
body.s-courses.motion-paused .s-course-grid article:before,body.s-courses.motion-paused .s-course-grid h2,body.s-courses.motion-paused .s-course-grid .s-text-link:after,body.s-courses.motion-paused .s-step-label,body.s-courses.motion-paused .s-step-number{transition:none!important}
