/* The comparison chapters render real-world code side by side. On large
   screens their panes widen beyond mdBook's prose column, then return to the
   normal flow on smaller screens; the layout itself comes from the embedded
   stylesheet. */
.treesitter-side-by-side {
  width: min(1100px, calc(100vw - 380px));
  margin-top: 1.5rem;
  margin-bottom: 3.25rem;
  margin-left: 50%;
  column-gap: 2.25rem;
  transform: translateX(-50%);
}

@media (max-width: 1080px) {
  .treesitter-side-by-side {
    width: 100%;
    margin-left: 0;
    transform: none;
  }
}