/* Vacancies list — visible + responsive card layout */

/* Override Webflow "closed" state that hides the list on small screens */
.container-2:has(.div-block-92) {
  display: block !important;
}

.div-block-92 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.75fr) minmax(240px, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas:
    "title contacts"
    "body contacts";
  align-items: start;
  column-gap: 30px;
  row-gap: 16px;
}

.div-block-92 > .pzps-vacancy__title-col {
  grid-area: title;
}

.div-block-92 > .pzps-vacancy__body {
  grid-area: body;
  min-width: 0;
}

.div-block-92 > .pzps-vacancy__contacts {
  grid-area: contacts;
}

@media screen and (max-width: 991px) {
  .div-block-92 {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "body"
      "contacts";
    margin-bottom: 40px;
    padding-bottom: 40px;
  }

  .div-block-92 > .pzps-vacancy__contacts {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .div-block-92 {
    row-gap: 16px;
  }

  .div-block-92 .heading-32 {
    font-size: 28px;
    line-height: 1.15;
  }

  .div-block-92 .text-20.grey {
    font-size: 15px;
    line-height: 1.45;
  }
}