/* The colorful globe logo (esp. its green segments) fuses with the teal
   header, so back it with a white circle for clear contrast. */
.md-header__button.md-logo img {
  background-color: #fff;
  border-radius: 50%;
  padding: 2px;
  box-sizing: content-box;
}

/* Tighten the plugin catalog cards and give each a clear footer of links. */
.md-typeset .grid.cards > ul > li {
  border-radius: 0.5rem;
}

.plugin-card-meta {
  font-size: 0.72rem;
  color: var(--md-default-fg-color--light);
}

.plugin-card-tags {
  margin-top: 0.4rem;
}

.plugin-card-tags code {
  font-size: 0.68rem;
}