/* The vacancy guide follows the offer in the right column. */
@media (min-width: 761px) {
  .product-jobs-page {
    display: grid;
    grid-template-columns: minmax(18rem, 25rem) minmax(0, 1fr);
    column-gap: 1rem;
    align-items: start;
    padding-bottom: 0;
  }

  .product-jobs-page > .module-heading,
  .product-jobs-page > .my-applications-filters,
  .product-jobs-page > .product-job-filters,
  .product-jobs-page > .product-job-alerts {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .product-jobs-page > .product-jobs-layout {
    display: contents;
  }

  .product-jobs-page .product-jobs-layout > .job-list {
    grid-column: 1;
    grid-row: span 2;
    align-self: start;
    height: clamp(26rem, calc(100dvh - 5.8rem), 58rem);
    max-height: none;
    position: sticky;
    top: 4.9rem;
  }

  .product-jobs-page .product-jobs-layout > .product-job-detail {
    grid-column: 2;
    align-self: start;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .product-jobs-page > .product-job-complete-detail {
    grid-column: 2;
    min-width: 0;
    margin-top: 0.75rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .product-jobs-page {
    grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
  }

  .product-jobs-page .product-job-guide__columns {
    grid-template-columns: 1fr;
  }
}