.md-typeset .bo-card-grid {
  display: grid;
  gap: .8rem;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  margin: 1rem 0 1.5rem;
}

.md-typeset .bo-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .45rem;
  padding: .85rem;
  transition: border-color 140ms ease, transform 140ms ease;
}

.md-typeset .bo-card:hover {
  border-color: var(--md-accent-fg-color);
  transform: translateY(-1px);
}

.md-typeset .bo-card h3 {
  margin: 0 0 .35rem;
}

.md-typeset .bo-card strong {
  display: block;
  font-size: .9rem;
  margin-bottom: .35rem;
}

.md-typeset .bo-card p {
  margin: .35rem 0 0;
}

.md-typeset .bo-screenshot {
  margin: 0;
}

.md-typeset .bo-screenshot img,
.md-typeset img[src*="repo_screenshots"] {
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .45rem;
  box-shadow: 0 .45rem 1.4rem rgba(0, 0, 0, .18);
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.md-typeset .bo-screenshot figcaption {
  color: var(--md-default-fg-color--light);
  font-size: .72rem;
  margin-top: .35rem;
}