// Document layout shared by prompt and batch output shadow roots.
@mixin content {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;

  pre {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: auto;
    white-space: pre;
    overflow-wrap: normal;
  }

  table {
    display: block;
    width: max-content;
    max-width: 100%;
    overflow-x: auto;
  }

  img,
  svg {
    max-width: 100%;
    height: auto;
  }

  math[display='block'] {
    max-width: 100%;
    overflow-x: auto;
  }
}