/* Previous and next page links at the end of the article.
   Markup comes from docs/custom_theme/main.html.
   The .md-typeset prefix is needed to override the theme's link styles. */
.md-typeset .related-pages {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 2rem 0;
  font-size: .7rem;
}

.md-typeset .related-pages a {
  display: flex;
  align-items: center;
  max-width: 50%;
}

/* Keep "Next" on the right when there is no previous page */
.md-typeset .related-pages a.next-page {
  margin-left: auto;
  text-align: right;
}

.md-typeset .related-pages .page-info {
  display: flex;
  flex-direction: column;
}

.md-typeset .related-pages .next-page .page-info {
  align-items: flex-end;
}

/* Small grey label above the page title */
.md-typeset .related-pages .context {
  padding-bottom: .1rem;
  font-size: .64rem;
  color: var(--md-default-fg-color--light);
}

.md-typeset .related-pages svg {
  flex-shrink: 0;
  width: .75rem;
  height: .75rem;
  margin: 0 .5rem;
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}