/* Update 30: readable compact case metrics on listing and homepage. */
/* Container size follows the actual card, not the device's viewport. */
.listing .case-card, .home-publications .case-card { container-type:inline-size; }
.listing .case-results.case-results--compact,
.home-publications .home-case-metrics .case-results.case-results--compact {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-items:stretch;
  gap:12px;
  margin:18px 0 20px;
  width:100%;
  max-width:100%;
}
.listing .case-results--compact .case-results__item,
.home-publications .home-case-metrics .case-results--compact .case-results__item {
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  max-width:100%;
  min-height:86px;
  padding:14px 16px;
  gap:5px;
  border:2px solid #142d59;
  border-radius:13px;
  box-shadow:5px 5px 0 #dbe7f7;
  background:#fff;
  box-sizing:border-box;
}
.listing .case-results--compact .case-results__item strong,
.home-publications .home-case-metrics .case-results--compact .case-results__item strong {
  display:block !important;
  margin:0;
  max-width:100%;
  font:800 clamp(20px,2vw,26px)/1.12 Roboto,Arial,sans-serif;
  letter-spacing:-.025em;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  color:#142d59;
}
.listing .case-results--compact .case-results__item span,
.home-publications .home-case-metrics .case-results--compact .case-results__item span {
  display:block !important;
  max-width:100%;
  margin-top:4px;
  font:600 13px/1.4 Roboto,Arial,sans-serif;
  color:#526480;
  overflow-wrap:break-word;
  word-break:normal;
}
/* Two compact cards only where each card has room for full numbers. */
@container (min-width:430px) {
  .listing .case-results.case-results--compact,
  .home-publications .home-case-metrics .case-results.case-results--compact {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}