:root {
  --color-text-cat:#1f1f1f;
  --color-black-cat: #3a3a3a;
  --color-gray-cat: #d5d5d5;
}

.nd-feed-list-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.nd-feed-list-card a {
  text-decoration: none !important;
}

.nd-feed-list-card-container {
  display: grid;
  grid-template-columns: [col1] 256px [col2] 1fr [col3];
  grid-template-rows: [row1] minmax(-webkit-min-content, -webkit-max-content) [row2] 112px [row3];
  grid-template-rows: [row1] minmax(min-content, max-content) [row2] 112px [row3];
  border-bottom: 1px solid var(--color-gray-cat);
  padding-bottom: 15px;
  margin-top: 5px;
}

.feed-list-image {
  grid-column: col1/col2;
  grid-row: row1/row3;
  position: relative;
  margin-bottom: 0;
  width: 100%;
}

.feed-list-image::before {
  display: block;
  content: "";
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
}

.feed-list-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 5px 0;
  object-fit: cover;
  border-radius: 4px;
}

.nd-feed-list-card-headline-lean {
  color: var(--color-black-cat) !important;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.17;
  margin-top: 5px !important;
  padding: 0 0 0 30px;
}

.nd-deck {
  font-size: 14px;
  grid-column: col2/col3;
  grid-row: row2/row3;
  line-height: 1.5;
  padding: 0 0 0 30px;
  height: auto;
  margin-bottom: 10px;
  color:var(--color-text-cat) !important;
}

@media only screen and (max-width: 768px) {
  .nd-feed-list-card-container {
    display: block;
    grid-template-columns: none;
    grid-template-rows: none;
  }

  .feed-list-image {
    display: inline-block;
    grid-column: unset;
    grid-row: unset;
  }

  .nd-feed-list-card-headline-lean {
    font-size: 20px;
    line-height: 1.3;
  }

  .nd-feed-list-card-headline-lean {
    display: inline-block;
    grid-column: unset;
    grid-row: unset;
    padding: 0;
  }

  .nd-deck {
    display: inline-block;
    grid-column: unset;
    grid-row: unset;
    margin: 0 0 15px;
    padding: 0;
    line-height: 1.5;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .nd-deck {
    padding-right: 10px;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 769px) {
  .nd-feed-list-card-container {
    grid-template-columns: [col1] 256px [col2] 1fr [col3];
    grid-template-rows: [row1] minmax(-webkit-min-content, -webkit-max-content) [row2] minmax(-webkit-min-content, -webkit-max-content) [row3];
    grid-template-rows: [row1] minmax(min-content, max-content) [row2] minmax(min-content, max-content) [row3];
  }
}