/* Keep API-driven home news cards on the original three-column rhythm. */
.latest-post {
  flex-wrap: wrap;
}

.latest-post > .post-item {
  flex: 0 1 calc((100% - 40px) / 3);
  max-width: calc((100% - 40px) / 3);
}

.latest-post > .empty-state {
  flex: 0 0 100%;
  max-width: 100%;
}

.latest-post .lp-image {
  min-height: 155px;
  max-height: 155px;
}

.latest-post .lp-data {
  padding: 18px;
}

@media screen and (max-width: 767px) {
  .latest-post > .post-item {
    flex-basis: 100%;
    max-width: 100%;
  }

  .latest-post .lp-image {
    min-height: 180px;
    max-height: 180px;
  }
}