/* Landing page app cards: the icon sits beside the title, vertically centred. */
.md-typeset .grid.cards > ul > li > p:first-child {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

/* App icons: rounded like on Google Play, with a hairline edge so icons with
   a white background don't blend into the white card. */
.md-typeset .grid.cards > ul > li > p:first-child > img {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 22%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}