.lesson-medal {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 10px 0 0;
  padding: 5px 12px 5px 8px;
  border: 1px solid var(--academic-border, #e5e5e5);
  border-radius: 999px;
  background: var(--academic-surface, #fff);
  color: var(--academic-muted, #56645d);
  font-size: 0.86rem;
  font-weight: 800;
}

.lesson-medal__icon {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--academic-border-strong, #bfd4cb);
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 55%);
}

.lesson-medal--bronze {
  color: #7a4a1e;
  border-color: #cd9160;
  background: #fbeadd;
}

.lesson-medal--bronze .lesson-medal__icon {
  background: linear-gradient(135deg, #e2a26a, #a5651e);
}

.lesson-medal--silver {
  color: #52606b;
  border-color: #bcc5cc;
  background: #eef1f3;
}

.lesson-medal--silver .lesson-medal__icon {
  background: linear-gradient(135deg, #eef1f3, #9aa5ac);
}

.lesson-medal--gold {
  color: #8a5a00;
  border-color: #fb8500;
  background: #fff3d9;
}

.lesson-medal--gold .lesson-medal__icon {
  background: linear-gradient(135deg, #ffd166, #fb8500);
}

.lesson-card .lesson-medal {
  margin-top: 12px;
}