/* Visualization Studio WP wrapper overrides
 * Loaded only on /visualization-studio/. Forces the parent theme's content
 * containers full-width so the tool reads edge-to-edge inside the site
 * header + footer, and ensures the dark Studio palette isn't washed out
 * by lighter theme defaults.
 */

body.page-template-page-visualization-studio {
  background: #0a0a0c;
}
body.page-template-page-visualization-studio #main,
body.page-template-page-visualization-studio .site-main,
body.page-template-page-visualization-studio .site-content,
body.page-template-page-visualization-studio .content-area,
body.page-template-page-visualization-studio .wrap,
body.page-template-page-visualization-studio .entry-content,
body.page-template-page-visualization-studio .container,
body.page-template-page-visualization-studio main:not(.studio) {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #0a0a0c !important;
}

/* The tool's own root */
body.page-template-page-visualization-studio main.studio {
  background: #101013;
  color: #e8e8ea;
}

/* The spec flyout pins to the viewport — make sure it sits above the
   theme's chrome (header/menu) but doesn't cover it. */
body.page-template-page-visualization-studio .spec-flyout {
  z-index: 9999;
}

/* If the theme adds a sticky header, this offset keeps the tool's
   internal rail under it instead of behind it. Tune if needed. */
body.page-template-page-visualization-studio .studio {
  min-height: calc(100vh - 80px);
}