/* pandaboost-code-scroll-v1.css
   Scope: article body prose code blocks (resource 143 + future articles).
   Purpose: make long <pre><code> lines horizontally scrollable INSIDE the pre
   instead of painting outside the box and being clipped by an ancestor.
   Does not touch cover, CTA, SEO, tables, headings or shared chunks. */

.prose pre,
.pb-code-scroll {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: pre;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.prose pre > code,
.pb-code-scroll > code {
  display: block;
  max-width: none;
  width: max-content;
  min-width: 100%;
  white-space: pre;
  word-break: normal;
  overflow-wrap: normal;
}