/* Screen-only framing for all calculator diagrams. Print reports keep their own styles. */
@media screen and (min-width: 801px) {
  .canvas > .svgbox {
    overflow: hidden;
  }

  .canvas > .svgbox > svg {
    display: block;
    width: 100%;
    max-height: min(72vh, 720px);
  }
}

@media screen and (max-width: 800px) {
  .canvas > .svgbox {
    aspect-ratio: var(--deck-diagram-aspect, 1.25);
    min-height: 0;
    overflow: hidden;
    padding: 8px;
  }

  .canvas > .svgbox > svg {
    display: block;
    width: 100%;
    height: 100%;
  }
}