.jobs {
  margin-top: 0;

  &__item {
    position: relative;

    &:last-child {
      border: none;
    }

    &:not(:last-child) {
      padding-bottom: $spacing--m;
    }

    & + & {
      margin-top: $spacing--m;
    }
  }
}

@include viewport--l {
  .jobs {
    margin-left: auto;
    width: grid-columns(8, 9);

    &__item:not(:last-child) {
      padding-bottom: $spacing--l;
    }
  }
}

// background mappings
@include related-job-background-mapping;
