@font-face {
  font-family: 'DMSerifDisplay';
  src: url('./DMSerifDisplay.ttf') format('truetype');
}

.vp-doc {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.vp-doc h1, .vp-doc h2, .vp-doc h3, .vp-doc h4, .vp-doc h5, .vp-doc h6,
.custom-block-title,
.pager-link .title {
  font-family: 'DMSerifDisplay', Georgia, 'Times New Roman', Times, serif;
}

.pager-link .title {
  font-size: 1.25em;
  line-height: 1em;
}

.VPBadge, .vp-doc table {
  font-family: var(--vp-font-family-base);
}

.VPLink.pager-link.next {
  background-color: var(--vp-c-brand-2);
  color: #fff !important;
}

.VPLink.pager-link.next span {
  color: #fff;
}

.vp-doc img, .vp-doc iframe {
  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, .clearfix::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);
  }
}

.vp-doc table {
  display: table;
  width: 100%;
}

.vp-doc figcaption {
  margin-top: 0;
  font-style: italic;
  margin-bottom: 1em;
}
.vp-doc figcaption::before {
  content: '▲ ';
  font-style: normal;
}