.listing {
  padding-block: var(--anrt-spacing-200);
}

.listing__inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--anrt-spacing-100);
  align-items: flex-start;
  justify-content: space-between;
}

.listing__title {
  font-weight: 700;
  font-size: var(--anrt-font-size-h3);
  margin-bottom: 0;
}

.listing__meta {
  flex: 1;
}

.listing__meta__label {
  color: var(--anrt-color-primary-a);
  font-weight: 700;
  display: flex;
  gap: var(--anrt-spacing-100);
  margin-bottom: .5rem;

}

.listing__meta__label svg path {
  fill: currentColor;
}

.listing__meta__value {
  margin-left: 0;
  margin-bottom: var(--anrt-spacing-100);
}

.listing__meta__value:last-child {
  margin-bottom: 0;
}

.listing__meta__value ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.listing--report .listing__meta__value {
  margin-left: calc(1em + var(--anrt-spacing-100));
}

.listing__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--anrt-spacing-100);
}

.listing__type {
  font-weight: 700;
  color: var(--anrt-color-primary-a);
}

.listing__orgs li {
  display: inline;
}

.listing__orgs li:not(:last-child)::after {
  content: ' - ';
}

@media screen and (min-width: 48rem) {
  .listing__inner {
    display: grid;
    column-gap: var(--anrt-spacing-200);
    grid-template-columns: 3fr 1fr;
    /* grid-template-rows: 1fr 1fr; */
  }

  .listing--report .listing__meta {
    grid-row: span 2;
  }

  .listing__text {
    order: -1;
  }

  .listing--research-project .listing__cta {
    order: 1;
    grid-row: span 2;
    justify-content: flex-end;
  }

  .listing--research-project .listing__meta {
    order: 2;
  }

}

.views-row:nth-child(even)>.listing {
  background-color: var(--anrt-color-tertiary-10);
  --anrt-color-text: var(--anrt-color-tertiary-a);
}

.views-row:nth-child(even)>.listing .listing__type,
.views-row:nth-child(even)>.listing .listing__meta__label {
  color: var(--anrt-color-primary-a10);
}