.image-reference img {
  display: block;
  text-align: center;
}

.image-reference {
  border-bottom: none !important;
}

.rounded-img {
  border-radius: 10px;
  overflow: hidden;
}

table code.literal {
  white-space: nowrap !important;
}

#content {
  overflow-x: auto;
}

figure {
  padding: 20px;
  margin: auto;
  text-align: left;
}

figcaption {
  padding: 2px;
  text-align: center;
}

:root {
  --sd-color-primary: #059669;
  --sd-color-primary-highlight: #056d4c;
  --sd-color-secondary: #6c757d;
  --sd-color-secondary-highlight: #5c636a;
  --sd-color-success: #3cad6e;
}

/*
Fix for dark/light mode-toggled content: MyST rewrites classes
dark:hidden to dark-hidden, so we need to map those to the theme's `.dark` mode.
*/
.dark-hidden {
  display: block;
}

.dark-block {
  display: none;
}

.dark .dark-hidden {
  display: none;
}

.dark .dark-block {
  display: block;
}