.oc__block.oc__block__job-three-column-layout {
  display: flex;
  flex-direction: column;
  gap: var(--oc--spacing--40);

  margin: 0 auto;
  max-width: 620px;
  padding: var(--oc--spacing--10) var(--oc--spacing--10) var(--oc--spacing--40);
}

@media (min-width: 1280px) {
  .oc__block.oc__block__job-three-column-layout {
    display: grid;
    grid-template-columns: 320px minmax(auto, 620px) 320px;
    justify-content: center;

    max-width: unset;
  }
}

.oc__block.oc__block__job-three-column-layout
.oc__block__job-three-column-layout-column {
  display: flex;
}

.oc__block.oc__block__job-three-column-layout
.oc__block__job-three-column-layout-column:first-child {
  justify-content: center;
}

@media (min-width: 1280px) {
  .oc__block.oc__block__job-three-column-layout
  .oc__block__job-three-column-layout-column {
    justify-content: unset;
  }
}

@media (min-width: 1280px) {
  .oc__block.oc__block__job-three-column-layout
  .oc__block__job-three-column-layout-column:first-child {
    justify-self: end;
  }
}

.oc__block.oc__block__job-three-column-layout
.oc__block__copy-layout
h2 {
  text-align: center;

  border-bottom: 1px solid var(--oc--color--navy-text);
  margin-bottom: var(--oc--spacing--30);
  padding-bottom: var(--oc--spacing--30);
}

@media (min-width: 1280px) {
  .oc__block.oc__block__job-three-column-layout
  .oc__block__job-three-column-layout-column__content
  > .oc__block {
    position: sticky;
    top: var(--oc--spacing--10);
  }
}

@media (min-width: 1280px) {
  .oc__block.oc__block__job-three-column-layout
  .oc__block__job-three-column-layout-column:last-child
  .oc__block__job-three-column-layout-column__content {
    max-width: 180px;
  }
}
