/* Some diagrams (e.g. exported from design tools) have text and lines baked in as a
   fixed dark color, so they become unreadable against the site's dark background.
   Rather than trying to recolor those assets, give them a permanent light backing
   card so they stay legible in both light and dark mode. Add the "light-bg-diagram"
   class to an image using attr_list, for example:

   ![Alt text](path/to/image.svg){: .light-bg-diagram }
*/
.light-bg-diagram {
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 0.25rem;
}