/* Story cards (fundamentals/organizing-test-data.md): an icon and a title, five to a row, so every card fits
   on one screen. Each title gets a two-line slot and sits centered in it, so the cards in a row match in
   height whether a title wraps or not. A row with fewer cards than columns is centered. */
.story-grid .sd-row {
  justify-content: center;
}

.story-grid .sd-card-body {
  padding: 0.6rem 0.4rem;
}

.story-grid .sd-card-body > p.sd-card-text:first-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5em;
  min-height: 2lh;
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.3;
}