/**
 * Portfolio (show act) singles: stop horizontal bleed / gray gutter on narrow viewports.
 * Often caused by embeds, full-bleed rows, or cumulative width > 100%.
 */
@media (max-width: 768px) {
  body.single-portfolio {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
  }

  body.single-portfolio #main-wrapper,
  body.single-portfolio #main {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.single-portfolio #content {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  body.single-portfolio .tatsu-section,
  body.single-portfolio .tatsu-row,
  body.single-portfolio .tatsu-column,
  body.single-portfolio .tatsu-column-inner {
    max-width: 100%;
    box-sizing: border-box;
  }

  body.single-portfolio .be-embed-placeholder,
  body.single-portfolio .be-vimeo-embed,
  body.single-portfolio .be-video-embed,
  body.single-portfolio .tatsu-module.tatsu-video,
  body.single-portfolio iframe {
    max-width: 100% !important;
    box-sizing: border-box;
  }
}