.view-career-articles .readmore.js-is-open .readmore-container, .view-career-articles .view-content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-rows: minmax(0, auto);
  grid-auto-flow: row dense;
  grid-column-gap: var(--b14grid-gutter-width);
  row-gap: clamp(21px, 18.3px + 0.0045 * 100vw, 30px);
}

.view-career-articles .view-content > * {
  grid-column: span 3;
}
@media (max-width: 1024px) {
  .view-career-articles .view-content > * {
    grid-column: span 6;
  }
}
@media (max-width: 600px) {
  .view-career-articles .view-content > * {
    grid-column: span 12;
  }
}
.view-career-articles .readmore {
  grid-column: span 12;
}
.view-career-articles .readmore.js-is-open .readmore-container > * {
  grid-column: span 3;
}
@media (max-width: 1024px) {
  .view-career-articles .readmore.js-is-open .readmore-container > * {
    grid-column: span 6;
  }
}
@media (max-width: 600px) {
  .view-career-articles .readmore.js-is-open .readmore-container > * {
    grid-column: span 12;
  }
}
.view-career-articles.view-display-id-main {
  margin-bottom: clamp(70px, 61px + 0.015 * 100vw, 100px);
}
/*# sourceMappingURL=../../_maps/components/view/view--career-articles.css.map */