/* Larger story copy uses the height recovered by keeping timing in the metadata row. */
.market-card .card-title {
  font-size: 19px;
  line-height: 1.28;
}

.primary-window-grid .market-card .card-title {
  min-height: 67px;
  font-size: 18px;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.window-market-grid .market-card .card-title {
  min-height: 78px;
  font-size: 21px;
  line-height: 1.28;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

/* Venue marks live in the probability row, not beneath volume or depth. */
.market-card .card-metrics {
  align-items: center;
  min-height: 46px;
  padding-top: 5px;
}

.market-card .card-metrics .card-source-button {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  margin-left: auto;
}

.market-card .card-metrics .card-source-button img {
  width: 31px;
  height: 31px;
}

.market-card .card-metrics .card-source-button.source-kalshi img {
  width: 35px;
  height: 35px;
}

.market-card .card-meta {
  margin-top: 3px;
}

@media (max-width: 760px) {
  .market-card .card-title,
  .primary-window-grid .market-card .card-title {
    font-size: 17px;
    min-height: 65px;
  }

  .window-market-grid .market-card .card-title {
    font-size: 18px;
    min-height: 68px;
  }

  .market-card .card-metrics {
    min-height: 42px;
  }

  .market-card .card-metrics .card-source-button {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .market-card .card-metrics .card-source-button img {
    width: 28px;
    height: 28px;
  }

  .market-card .card-metrics .card-source-button.source-kalshi img {
    width: 32px;
    height: 32px;
  }
}