/* Learning uses the accepted catalogue and right-photo introduction components. */
.card-slot>.toolcard.learning-photo-card .card-title {
 min-height:calc(2*var(--title-leading)); height:calc(2*var(--title-leading));
}
.learning-lesson-page .lesson-outcomes {
 display:grid; grid-template-columns:minmax(0,1fr); gap:18px;
 margin:20px 0 0; padding:18px var(--intro-pad) 0;
 border-top:1px solid var(--intro-outline);
}
.learning-lesson-page .lesson-outcomes h2,
.learning-lesson-page .lesson-program h2 {
 margin:0 0 10px; color:var(--ink); font:700 13px/1.4 var(--label-font);
 letter-spacing:.025em; text-transform:uppercase;
}
.learning-lesson-page .lesson-outcomes p {
 margin:0; font-size:14px; line-height:1.5; letter-spacing:-.008em;
}
.learning-lesson-page .lesson-outline { margin:16px 0 0; padding-left:20px; }
.learning-lesson-page .lesson-outline li { font-size:14px; line-height:1.5; }
.learning-lesson-page .lesson-outline li:last-child { margin-bottom:0; }
/* Visual placeholder for the short product promos, before video is supplied. */
.learning-promo-mark {
 position:absolute; z-index:1; display:grid; place-items:center;
 width:clamp(40px,14cqw,52px); aspect-ratio:1; border:1px solid #ffffffb3;
 border-radius:50%; background:#20212499; color:#fff; pointer-events:none;
 transform:translate(50%,-50%);
}
.learning-promo-mark svg { display:block; width:52%; height:52%; fill:currentColor; }
.learning-photo-card>.learning-promo-mark {
 top:calc(12px + 33.333333cqw); right:calc(12px + 33.333333cqw);
}
.learning-lesson-page .learning-promo-mark {
 top:calc(14px + var(--intro-photo-size)/2); right:calc(14px + var(--intro-photo-size)/2);
 width:clamp(32px,8cqw,48px);
}