sparkle-cards {
  display: grid;
  font-size: 12px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 1.35rem;
}

sparkle-cards > sparkle-card {
  font-size: inherit;
  max-width: none;
}

sparkle-cards > sparkle-card.tall {
  grid-row: span 2;
}

sparkle-cards > sparkle-card.wide {
  grid-column: span 2;
}

sparkle-cards.prioritized > sparkle-card:nth-child(-n + 5) {
  font-size: 1.25em;
}

sparkle-cards.prioritized > sparkle-card:first-child {
  grid-row: span 2;
}

sparkle-cards.max-measure > sparkle-card {
  max-width: 50%;
}
