/* ============================================
   PAGE SHOW — Wrapper for CMS content pages
   CMS content already includes its own hero/layout
   This CSS ensures clean rendering without overflow
   ============================================ */

.page-show {
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Prevent any child from overflowing */
.page-show * {
  max-width: 100%;
  box-sizing: border-box;
}

/* Handle CMS inline width styles */
.page-show [style*="width"] {
  max-width: 100% !important;
}

.page-show iframe,
.page-show video,
.page-show embed,
.page-show object {
  max-width: 100%;
}

/* Ensure images are responsive */
.page-show img {
  max-width: 100%;
  height: auto;
}

/* Tables scroll on mobile */
@media (max-width: 767.98px) {
  .page-show table {
    display: block;
    overflow-x: auto;
  }
}