.jobs {
  display: flex;
  flex-direction: column;
  max-width: 49ch;
}

.jobs .jobs__container {
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-small);
  gap: calc(var(--line-height) * 2);
  letter-spacing: normal;
  margin-bottom: 3.7em;
  margin-top: 3.7em;
}

.jobs .jobs__job h2 {
  font-size: var(--font-size-xxx-large);
  font-weight: 700;
  line-height: 1.2;
}

.jobs .jobs__job h2 a {
  text-decoration: underline;
}

.jobs .jobs__job h2 + * {
  --flow-space: calc(var(--line-height) * 0.5);
}

.jobs .jobs__job > * + * {
  margin-top: var(--flow-space, var(--line-height));
}

.jobs .jobs__content {
  margin-bottom: 3.7em;
}

.jobs .signup {
  margin-bottom: 3.7em;
}

@media(min-width: 64em) and (hover: hover) and (pointer: fine) {

  .jobs {
    margin-left: 2.8ch;
    margin-right: 2.8ch;
    max-width: 39ch;
  }

}