/* Refined, cohesive visual system for the homepage program cards. */
.courses{gap:20px}
.course,.course.lime{
  --card-accent:#8eb944;
  --card-tint:#f1f6e8;
  background:linear-gradient(145deg,#fff 0%,var(--card-tint) 100%);
  border:1px solid #d8ded4;
  border-top:4px solid var(--card-accent);
  border-radius:6px;
  box-shadow:0 8px 24px rgba(16,36,45,.06);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.course:nth-child(2){--card-accent:#4d91a6;--card-tint:#edf5f7}
.course:nth-child(3){--card-accent:#d09b3e;--card-tint:#faf4e7}
.course:nth-child(4){--card-accent:#739d62;--card-tint:#eff5ec}
.course:nth-child(5){--card-accent:#537c98;--card-tint:#edf2f6}
.course:nth-child(6){--card-accent:#a16f91;--card-tint:#f6eef4}
.course:hover{transform:translateY(-6px);border-color:var(--card-accent);box-shadow:0 18px 36px rgba(16,36,45,.12)}
.course.is-clickable{cursor:pointer}
.course .icon,.course.lime .icon{background:var(--card-accent);color:#fff;box-shadow:0 7px 16px rgba(16,36,45,.13)}
.course>span,.course small{color:var(--card-accent);font-weight:700}
.course h3{margin-top:12px}
.course p{bottom:54px;line-height:1.5;margin:0}
.course a{border-color:color-mix(in srgb,var(--card-accent) 45%,transparent);padding-top:13px}
.course a b{color:var(--card-accent)}
@media(max-width:760px){.course{min-height:310px}}