/* cards */
.card-listing--layout {
  --item-per-col: 3;
  --grid-gap: var(--sp6);
  --card-padding: var(--sp9) var(--sp8);
  --card-img-width: 170px;
  --card-content-gap: var(--sp6);
  display: grid;
  grid-template-columns: repeat(var(--item-per-col), 1fr);
  grid-gap: var(--grid-gap);
  position: relative;
  z-index: 1;
}

.item-count-2,
.item-count-1 {
  --item-per-col: 2;
}

.card--title {
  margin-bottom: var(--sp6);
}

.card-listing--layout .card--content {
  display: grid;
  grid-template-columns: var(--card-img-width) 1fr;
  grid-gap: var(--card-content-gap);
}

.card-listing--layout .card--content:not(:has(.card--image-wrap)) {
  grid-template-columns: 1fr;
}

.card--image {
  max-width: 100%;
  border: 1px solid var(--border-clr3);
}

.card--details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--sp5);
}

.card--links {
  display: flex;
}

.doc--link {
  line-height: 1;
}

.card--downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 12px;
}

.card--description .body-text-field {
  color: var(--section-card-body-clr, var(--clr-gray-dark));
}

.card--item .text-icon-clr1 {
  --text-color: var(--section-icon-text-clr2, var(--clr-gray-dark));
}

.card--item a[href="#"],
.card--item a[href=""] {
  pointer-events: none;
}