/* course-outcomes */
.tcc-outcomes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  counter-reset: tcc-outcome;
}
.tcc-outcomes__tile {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin-bottom: 12px;
  background: var(--tcc-navy);
  color: #fff;
  font-family: var(--wa-font-family-heading);
  font-weight: 800;
  font-size: 1.25rem;
  counter-increment: tcc-outcome;
}
.tcc-outcomes__tile::before {
  content: counter(tcc-outcome);
}
.tcc-outcomes .tcc-card:nth-child(4n + 2) .tcc-outcomes__tile {
  background: var(--tcc-teal-bright);
  color: var(--tcc-navy);
}
.tcc-outcomes .tcc-card:nth-child(4n + 3) .tcc-outcomes__tile {
  background: #2f6bb3;
  color: #fff;
}
.tcc-outcomes .tcc-card:nth-child(4n + 4) .tcc-outcomes__tile {
  background: var(--tcc-sage);
  color: var(--tcc-navy);
}

.tcc-outcomes__new {
  margin-top: 28px;
  max-width: 40em;
  color: var(--tcc-muted);
  font-size: 1.05rem;
}
.tcc-outcomes__badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  margin-right: 8px;
  border-radius: 99px;
  background: var(--tcc-flag);
  color: var(--tcc-flag-ink);
  font-size: .85rem;
  font-weight: 600;
}

@media (max-width: 900px) {
  .tcc-outcomes {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .tcc-outcomes {
    grid-template-columns: 1fr;
  }
}