section.jobsarchive {
  --_el-color: var(--el-color, var(--primary));
  --_action-color: var(--action-color, var(--primary));
  --_action-hover: var(--action-hover, var(--secondary));
}
section.jobsarchive.bg-white {
  --action-color: var(--action-dark);
}
section.jobsarchive.bg-heritage {
  --el-color: var(--secondary);
  --action-color: var(--action-dark);
}
section.jobsarchive .jobs .vacancy-entry {
  border-bottom: 1px solid var(--_el-color);
}
section.jobsarchive .jobs .vacancy-entry:first-child {
  border-top: 1px solid var(--_el-color);
}
section.jobsarchive .jobs .vacancy-entry a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  overflow: hidden;
  -webkit-transition: background-color var(--bezier);
  transition: background-color var(--bezier);
}
section.jobsarchive .jobs .vacancy-entry a .text-link.larger {
  color: var(--_el-color);
}
section.jobsarchive .jobs .vacancy-entry a .link-col .text-link.has-arrow-right::before {
  background-color: var(--_action-color);
}
section.jobsarchive .jobs .vacancy-entry a:hover {
  background: var(--primary);
}
section.jobsarchive .jobs .vacancy-entry a:hover h3,
section.jobsarchive .jobs .vacancy-entry a:hover .location,
section.jobsarchive .jobs .vacancy-entry a:hover .text-link.has-arrow-right {
  color: var(--_action-hover);
}
section.jobsarchive .jobs .vacancy-entry a:hover .link-col .text-link.has-arrow-right {
  text-decoration-color: var(--_action-hover);
}
section.jobsarchive .jobs .vacancy-entry a:hover .link-col .text-link.has-arrow-right::before {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
  background-color: var(--_action-hover);
}
@container main (min-width: 64.0625rem) {
  section.jobsarchive .jobs .vacancy-entry a {
    padding: 3.125rem 1.25rem;
  }
  section.jobsarchive .jobs .vacancy-entry a h3 {
    width: 50%;
  }
  section.jobsarchive .jobs .vacancy-entry a .location-col {
    width: 30%;
  }
  section.jobsarchive .jobs .vacancy-entry a .link-col {
    width: 20%;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.jobsarchive .jobs .vacancy-entry a {
    padding: 2.5rem 0.9375rem;
  }
  section.jobsarchive .jobs .vacancy-entry a h3 {
    width: 60%;
  }
  section.jobsarchive .jobs .vacancy-entry a .location-col {
    width: 20%;
  }
  section.jobsarchive .jobs .vacancy-entry a .link-col {
    width: 20%;
  }
}
@container main (max-width: 47.9375rem) {
  section.jobsarchive .jobs .vacancy-entry a {
    padding: 1.875rem 0.625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
}