/* Narrow-screen corrections loaded after the main v1.3 theme. */
.history-item::after {
  content: "\\2197";
}

@media (max-width: 800px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .workspace {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .form-card,
  .result-card,
  .result,
  .report {
    min-width: 0;
    max-width: 100%;
  }

  .form-card {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .report,
  .report * {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .report img,
  .report video,
  .report iframe {
    max-width: 100%;
    height: auto;
  }

  .report pre,
  .report table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
  }

  .primary {
    position: static;
    bottom: auto;
    z-index: auto;
    box-shadow: 0 13px 28px #173f3133;
  }

  .form-card #submit {
    position: sticky;
    bottom: 10px;
    z-index: 5;
    box-shadow: 0 14px 35px #173f3155;
  }
}