/* Program colors stay tied to the offering as the finder filters and reorders cards. */
.finder-section { background: #e9edf0; }
.finder-shell { background: #f3f5f6; border-color: #d9e0e4; }

.program-card {
  background: var(--card-bg);
  color: var(--card-ink);
  border-color: transparent;
  box-shadow: 0 6px 0 var(--card-shadow);
}
.program-card:hover {
  border-color: var(--card-ink);
  box-shadow: 0 9px 0 var(--card-shadow);
}
.program-card .card-kicker,
.program-card h3,
.program-card p,
.program-card button {
  color: inherit;
}
.program-card .card-kicker { opacity: .82; }
.program-card button { border-bottom: 2px solid currentColor; padding-bottom: 2px; }
.program-card button:focus-visible { outline-color: var(--card-ink); }

.program-tutoring { --card-bg: #ffe11b; --card-ink: #073a56; --card-shadow: #d5b900; }
.program-readiness { --card-bg: #29d7df; --card-ink: #073a56; --card-shadow: #0aa9b6; }
.program-life { --card-bg: #215fc6; --card-ink: #fff; --card-shadow: #174292; }
.program-steam { --card-bg: #ffad42; --card-ink: #3e2300; --card-shadow: #de8122; }
.program-bizness { --card-bg: #663fa9; --card-ink: #fff; --card-shadow: #482b7e; }
.program-voices { --card-bg: #073a56; --card-ink: #fff; --card-shadow: #03273c; }
.program-consulting { --card-bg: #8ce65a; --card-ink: #173f21; --card-shadow: #5bbd2b; }
.program-community { --card-bg: #f46b99; --card-ink: #3e1130; --card-shadow: #d94376; }