/* Counters for recitation */
body {
  counter-reset: recitation;
}

div.card > div.card-body {
  > :last-child { margin-bottom: 0px; }
  ul { padding-left: 1rem; }
}

div.recitation > div.card-header {
  &::before {
    counter-increment: recitation;
    content: 'Recitation ' counter(recitation) ' ('
  }
  &::after { content: ')' }
}