.vp-doc img {
  border-radius: 8px;
}

.vp-doc h1 > .VPBadge {
  margin-top: 12px;
}
.vp-doc h2 > .VPBadge {
  margin-top: 6px;
}

.vp-doc .float {
  float: right;
  margin: 0 0 16px 16px;
}

/* Clearfix for floating images contained within */
.vp-doc .custom-block::after {
  content: "";
  clear: both;
  display: table;
}

.vp-doc .grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 912px) {
  .vp-doc .grid {
    grid-template-columns: repeat(var(--cols, 2), 1fr);
  }
}