/* PPP Custom CSS
   Edit this file in your editor of choice.
   Theme updates won't overwrite this. */

/* Example: */
:root {
  /* --ppp-accent: #000; */
}

/* Add your rules below */

.level-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  margin-left: 6px;
  vertical-align: middle;
  white-space: nowrap;
}

.level-elementary { background: #6bd66b; color: #ffffff; }
.level-late_elementary { background: #f2c94c; color: #111111; }
.level-early_intermediate { background: #f2994a; color: #ffffff; }
.level-intermediate { background: #4a90e2; color: #ffffff; }
.level-late_intermediate { background: #9b59b6; color: #ffffff; }
.level-advanced { background: #c0392b; color: #ffffff; }