/* Four editorial spot illustrations within the existing compact course cards. */
body.visual-v11 .syllabus-card.learn-card-v10{--learn-inline:27px;--learn-top:19px;padding-top:0;padding-bottom:10px}
body.visual-v11 .learn-card-top{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-height:64px;margin-bottom:8px}
.learn-meta-v11{display:flex;flex-direction:column;gap:5px;min-width:0}
.learn-category-v11{display:flex;align-items:center;gap:9px;font:12px/1.5 var(--mono);letter-spacing:.035em;color:var(--chapter-ink)}
body.visual-v11 .learn-card-top b{width:26px;height:26px;font-size:10px;flex-shrink:0}
.learn-duration-v11{font-size:13px;line-height:1.5;color:#637052;margin-left:35px}
body.visual-v11 .learn-art-v11{display:block;width:82px;height:64px;flex:0 0 82px;object-fit:contain;transform:rotate(-3deg);transition:transform .25s ease}
body.visual-v11 .learn-card-v10:nth-child(even) .learn-art-v11{transform:rotate(3deg)}
body.visual-v11 .learn-card-v10:before{display:none}
/* The tint follows the complete header, including however many lines its title needs. */
.learn-heading-v11{position:relative;isolation:isolate;margin:0 calc(-1 * var(--learn-inline)) 4px;padding:var(--learn-top) var(--learn-inline) 12px}
.learn-heading-v11:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--chapter-bg),#fffcf4 95%);opacity:.75;pointer-events:none}
body.visual-v11 .learn-heading-v11 h3{margin-bottom:0}
body.visual-v11 .learn-outcomes-v10{gap:10px;margin-bottom:12px}
body.visual-v11 .learn-details-v10{padding-top:8px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.visual-v11 .learn-card-v10:hover .learn-art-v11{transform:rotate(0) translateY(-2px)}}
@media(max-width:1100px){
 body.visual-v11 .syllabus-card.learn-card-v10{--learn-inline:23px}
 body.visual-v11 .learn-art-v11{width:74px;flex-basis:74px}
 .learn-category-v11{font-size:11px;letter-spacing:.02em}
}
@media(min-width:620px) and (max-width:800px){
 body.visual-v11 .syllabus-card.learn-card-v10{--learn-inline:19px}
 body.visual-v11 .learn-card-top{gap:5px;min-height:61px;margin-bottom:9px}
 .learn-category-v11{font-size:10px;gap:6px;letter-spacing:0}
 body.visual-v11 .learn-card-top b{width:22px;height:22px;font-size:9px}
 .learn-duration-v11{font-size:12px;margin-left:28px}
 body.visual-v11 .learn-art-v11{width:59px;height:59px;flex-basis:59px}
}
@media(max-width:619px){
 body.visual-v11 .syllabus-card.learn-card-v10{--learn-inline:22px;--learn-top:18px}
 body.visual-v11 .learn-card-top{gap:10px;min-height:60px;margin-bottom:4px}
 .learn-category-v11{font-size:11px}
 body.visual-v11 .learn-art-v11{width:76px;height:60px;flex-basis:76px}
 body.visual-v11 .learn-outcomes-v10{gap:12px;margin-bottom:10px}
}
@media(max-width:370px){
 body.visual-v11 .syllabus-card.learn-card-v10{--learn-inline:19px}
 .learn-category-v11{font-size:10px;gap:7px;letter-spacing:0}
 body.visual-v11 .learn-art-v11{width:62px;height:60px;flex-basis:62px}
 .learn-duration-v11{font-size:12px;margin-left:33px}
}
@media(prefers-reduced-motion:reduce){body.visual-v11 .learn-art-v11{transition:none}}