@layer pages {
  .json-schema {
    & #json-schema-source {
      min-block-size: 12rem;
      max-block-size: 32lh;
      tab-size: 2;
    }

    & .snippet {
      margin-block: 0 var(--space-8);
      overflow-x: auto;
      color: var(--color-danger);
      font-size: var(--text-code);

      & code {
        white-space: pre;
        overflow-wrap: normal;
      }
    }

    & .field {
      margin-block-start: var(--space-16);
    }

    & .result pre {
      max-block-size: 40lh;
      font-size: var(--text-code);
      line-height: var(--leading-code);
    }
  }
}