.list--circle li {
  position: relative;
  padding-inline-start: 1.7rem;
}
.list--circle li:before {
  position: absolute;
  top: 1.1rem;
  inset-inline-start: 0;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 99px;
  background: rgba(var(--color-foreground), 0.3);
}
.list--circle-inline li:first-child {
  padding-inline-start: 0;
}
.list--circle-inline li:first-child:before {
  display: none;
}

.job-listing__item {
  padding-bottom: 1.6rem;
}
.job-listing__item:first-child {
  border-top: 1px solid rgba(var(--color-foreground), 0.13);
}
.job-listing__header {
  position: static;
  padding-block: 2rem 1.6rem;
}
.job-listing__header:before {
  content: "";
  position: absolute;
  inset: 0;
}
.job-listing__header:hover .job-listing__title, .job-listing__header:hover .job-listing__number, .job-listing__header:hover .job-listing__apply-link a {
  color: rgb(var(--color-foreground)) !important;
}
.job-listing__content {
  padding-block: 0 3.2rem;
}
.job-listing[aria-expanded=false] .job-listing__title, .job-listing[aria-expanded=false] .job-listing__number {
  color: rgba(var(--color-foreground), 0.7);
}
.job-listing[aria-expanded=false] .job-listing__apply-link a {
  color: rgba(var(--color-foreground), 0.8);
}
.job-listing[aria-expanded=true] .job-listing__header:before {
  display: none;
}
.job-listing__apply-link a:hover {
  color: rgb(var(--color-foreground)) !important;
}
@media (min-width: 768px) {
  .job-listing {
    --col-left: clamp(5rem, 25rem, 25rem);
  }
  .job-listing__header {
    padding-block: 6rem 2.4rem;
  }
  .job-listing__item {
    padding-bottom: 3.6rem;
  }
  .job-listing__content {
    padding-bottom: 2.4rem;
  }
  .job-listing__header-top {
    width: var(--col-left, 0);
    padding-inline-end: 3rem;
  }
  .job-listing .accordion-details__content {
    padding-inline-start: var(--col-left, 0);
  }
}