/* v22: photo canvas cleanup, clear course links, and one-time gentle motion. */
#main-content.course-detail .cd-lesson__media--photo .cd-lesson__photo-crop{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}
#main-content.course-detail .cd-lesson__media--photo .cd-lesson__photo-crop img{position:absolute;inset:auto;left:var(--photo-left);top:0;width:var(--photo-width);max-width:none;height:var(--photo-height);object-fit:fill;display:block}
@media(min-width:1101px){
#main-content.course-detail--young .cd-lesson:nth-of-type(2) .cd-lesson__media--photo,#main-content.course-detail--young .cd-lesson:nth-of-type(3) .cd-lesson__media--photo{left:52.7648%;width:516px}
}
@media(max-width:1100px){
#main-content.course-detail .cd-lesson__media--photo .cd-lesson__photo-crop{height:auto;aspect-ratio:515/364}
}
#main-content.kml-course--rebuilt .course-training-row{cursor:pointer;transition:box-shadow .3s ease}
#main-content.kml-course--rebuilt .course-training-row__body{transition:background-color .35s ease}
#main-content.kml-course--rebuilt .course-training-row__photo img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}
/* Never transform/filter the anchor: its ::after must still cover the whole article. */
#main-content.kml-course--rebuilt .course-training-row__body h3 a{display:inline-flex;align-items:center;gap:14px;max-width:100%;filter:none;transform:none;transition:background-color .25s ease,box-shadow .25s ease}
#main-content.kml-course--rebuilt .course-training-link-title{min-width:0}
#main-content.kml-course--rebuilt .course-training-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(255,255,255,.72);border-radius:50%;font-family:Arial,sans-serif;font-size:19px;line-height:1;transition:translate .3s ease,background-color .3s ease}
#main-content.kml-course--rebuilt .course-training-row:focus-within{box-shadow:inset 0 0 0 3px var(--training-color)}
#main-content.kml-course--rebuilt .course-training-row:focus-within .course-training-row__body{background:color-mix(in srgb,var(--training-color),white 78%)}
#main-content.kml-course--rebuilt .course-training-row:focus-within .course-training-row__body h3 a{background:color-mix(in srgb,var(--training-color),black 27%);filter:none;transform:none;box-shadow:0 6px 16px rgb(0 0 0 / .14)}
#main-content.kml-course--rebuilt .course-training-row:focus-within .course-training-arrow{translate:4px 0;background:rgb(255 255 255 / .16)}
@media(hover:hover) and (pointer:fine){
#main-content.kml-course--rebuilt .course-training-row:hover{box-shadow:inset 0 0 0 3px var(--training-color)}
#main-content.kml-course--rebuilt .course-training-row:hover .course-training-row__body{background:color-mix(in srgb,var(--training-color),white 78%)}
#main-content.kml-course--rebuilt .course-training-row:hover .course-training-row__body h3 a{background:color-mix(in srgb,var(--training-color),black 27%);filter:none;transform:none;box-shadow:0 6px 16px rgb(0 0 0 / .14)}
#main-content.kml-course--rebuilt .course-training-row:hover .course-training-row__photo img{transform:scale(1.035)}
#main-content.kml-course--rebuilt .course-training-row:hover .course-training-arrow{translate:4px 0;background:rgb(255 255 255 / .16)}
#main-content.kml-course .kml-course__button:hover,#main-content.course-detail .cd-contact__button:hover{box-shadow:0 6px 20px rgb(0 0 0 / .16)}
}
#main-content.kml-course .kml-course__button,#main-content.course-detail .cd-contact__button{transition:background-color .25s ease,box-shadow .25s ease}
/* No opacity/visibility changes: offscreen elements begin at their prepared position. */
#main-content.kml-course .kml-course__intro-photo{overflow:hidden}
@keyframes kml-course-hero-in{from{translate:0 30px}to{translate:0 0}}
@media(prefers-reduced-motion:no-preference){
#main-content.kml-course .course-hero__content h1,#main-content.course-detail .cd-hero__content h1{animation:kml-course-hero-in 1s cubic-bezier(.2,.65,.3,1) .04s backwards}
#main-content.kml-course .course-hero__content p,#main-content.course-detail .cd-hero__content p{animation:kml-course-hero-in 1.05s cubic-bezier(.2,.65,.3,1) .15s backwards}
#main-content.kml-course .course-motion[data-motion-kind="rise"]{translate:0 0}
#main-content.kml-course .course-motion[data-motion-kind="rise"][data-motion-state="pending"]{translate:0 28px}
#main-content.kml-course .course-motion[data-motion-kind="rise"][data-motion-state="running"]{transition:translate .9s cubic-bezier(.2,.65,.3,1) var(--course-motion-delay,0ms)}
#main-content.kml-course .course-motion[data-motion-kind="zoom"]{scale:1;transform-origin:center}
#main-content.kml-course .course-motion[data-motion-kind="zoom"][data-motion-state="pending"]{scale:1.07}
#main-content.kml-course .course-motion[data-motion-kind="zoom"][data-motion-state="running"]{transition:scale 1.15s cubic-bezier(.2,.65,.3,1),transform .65s cubic-bezier(.2,.65,.3,1)}
}
@media(max-width:700px){
#main-content.kml-course--rebuilt .course-training-row__body h3 a{gap:10px;padding-inline:18px}
#main-content.kml-course--rebuilt .course-training-arrow{flex-basis:25px;width:25px;height:25px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){
#main-content.kml-course .course-reveal,#main-content.kml-course .course-hero__content,#main-content.course-detail .cd-hero__content{animation:none!important;opacity:1!important;translate:none!important}
#main-content.kml-course .course-training-row,#main-content.kml-course .course-training-row__body,#main-content.kml-course .course-training-arrow,#main-content.kml-course .cd-contact__button{transition:none!important}
#main-content.kml-course .course-training-row__photo img{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
#main-content.kml-course .course-motion{translate:none!important;scale:none!important;transition:none!important}
#main-content.kml-course .course-hero__content h1,#main-content.kml-course .course-hero__content p,#main-content.course-detail .cd-hero__content h1,#main-content.course-detail .cd-hero__content p{animation:none!important}
}