/* Wisdom route only: keep article card media at 40% and text at 60%. */
.cap-card,
.next-card {
  display: grid !important;
  grid-template-rows: minmax(160px, 4fr) minmax(0, 6fr) !important;
  min-height: 440px;
}

.cap-card .cover,
.next-card .cover {
  aspect-ratio: auto !important;
  height: 100%;
  min-height: 0;
}

.cap-card .body,
.next-card .body {
  flex: initial !important;
  min-height: 0;
}

.featured-card .featured-inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(260px, 4fr) minmax(0, 6fr) !important;
}

.featured-card .feat-cover {
  height: 100%;
  min-height: 0 !important;
}

.featured-card .feat-body {
  min-height: 0;
}

@media (min-width: 1024px) {
  .featured-card .featured-inner {
    grid-template-columns: minmax(0, 4fr) minmax(0, 6fr) !important;
    grid-template-rows: 1fr !important;
  }
}

@media (max-width: 640px) {
  .cap-card,
  .next-card {
    min-height: 420px;
    grid-template-rows: minmax(150px, 4fr) minmax(0, 6fr) !important;
  }

  .featured-card .featured-inner {
    grid-template-rows: minmax(220px, 4fr) minmax(0, 6fr) !important;
  }
}