/* PlantUML SVG exports set preserveAspectRatio="none" plus a hard-coded
   width/height in the root <svg> style attribute. Pinning height:auto on the
   embedding <img> keeps the scaling uniform when the diagram is wider than
   the content column - without it a non-uniform scale would be free to
   stretch the drawing. */
.md-typeset img[src$=".svg"] {
  max-width: 100%;
  height: auto;
}

/* The trade-off diagrams are the point of every page, and they are 850px+
   wide with a lot of small legend text. Let them use the full width of the
   viewport rather than the ~45rem prose measure. */
.md-grid {
  max-width: 68rem;
}