.coursecard .cover.has-course-art{padding:0;min-height:0;height:auto;aspect-ratio:16/10;background:#13283e;isolation:isolate}
.cover.has-course-art>.course-cover-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.cover.has-course-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,32,.78),rgba(6,17,32,.33) 42%,transparent 76%);pointer-events:none}
.cover.has-course-art .course-cover-copy{position:absolute;inset:20px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;z-index:2;color:white;text-align:left}
.course-cover-copy>span{font:700 9px/1.5 Arial,sans-serif;letter-spacing:1.2px;color:white;border:1px solid #ffffff70;border-radius:30px;background:#0b1d3140;padding:5px 10px}
.course-cover-copy>strong{max-width:54%;font:650 clamp(24px,2.25vw,34px)/1.06 Arial,sans-serif;letter-spacing:-.8px;text-wrap:balance;color:white;text-shadow:0 2px 14px #0005}
.coursecard:has(.has-course-art){border:1px solid #d3deeb;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #18395b09;transition:box-shadow .25s ease,transform .25s ease}
.coursecard:has(.has-course-art):hover{transform:translateY(-4px);box-shadow:0 16px 35px #18395b19}
.coursecard:has(.has-course-art):hover .course-cover-image{transform:scale(1.035)}
.coursecard .cardbottom .card-price{color:var(--blue);display:flex;flex-direction:column;line-height:1.35;font:700 22px/1.2 Arial,sans-serif}
.cardbottom .card-price small{font:10px/1.6 Mono,monospace;font-weight:400;margin-top:5px;color:#607187}
.coursecard .cardbottom a{font-weight:700}
@media(max-width:700px){.course-cover-copy>strong{font-size:31px;max-width:52%}.cover.has-course-art .course-cover-copy{inset:18px}.coursecard:has(.has-course-art):hover{transform:none}}
@media(prefers-reduced-motion:reduce){.coursecard:has(.has-course-art),.cover.has-course-art>.course-cover-image{transition:none}.coursecard:has(.has-course-art):hover,.coursecard:has(.has-course-art):hover .course-cover-image{transform:none}}