/* Case cards in a grid (BRAND.md 6.7). When a case page exists, the whole card is clickable through the title link.
   Hover: image to .85 opacity, title underlined. */
.ws-case-grid__list{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--ws-space-5) var(--ws-space-2);
}
@media (min-width:768px){ .ws-case-grid__list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:992px){ .ws-case-grid__list{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--ws-space-5) var(--ws-space-3); } }

.ws-case-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ws-case-card__media{ margin-bottom:var(--ws-space-1); border:1px solid var(--ws-line); }
.ws-case-card__media img{
  width:100%;
  aspect-ratio:16 / 10;
  object-fit:cover;
  transition:opacity var(--ws-ease);
}
.ws-case-card__title a{ text-decoration:none; }
.ws-case-card__title a::after{ content:""; position:absolute; inset:0; }
.ws-case-card__title a:focus-visible{ outline:none; }
.ws-case-card:hover .ws-case-card__media img{ opacity:.85; }
.ws-case-card:hover .ws-case-card__title a{ color:inherit; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
.ws-case-card:has(.ws-case-card__title a:focus-visible){ outline:2px solid var(--ws-focus); outline-offset:6px; }

.ws-case-card__stat{ display:flex; align-items:baseline; gap:10px; max-width:none; }
.ws-case-card__stat-value{
  font-family:var(--ws-font-display);
  font-size:32px;
  line-height:1;
}
.ws-case-card__stat-label{ font-size:var(--ws-fs-small); color:var(--ws-fg-muted); }
.ws-case-card__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.ws-case-card__summary{ font-size:15px; color:var(--ws-fg-muted); }

/* Two cards: two columns from 992px. One card: full width. (Never an empty third column.) */
@media (min-width:992px){
  .ws-case-grid__list:has(> :last-child:nth-child(2)){ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:768px){
  .ws-case-grid__list:has(> :only-child){ grid-template-columns:1fr; }
}
/* The title link is optional: without a case page the card has no link and no hover underline. */