html {
  color-scheme: light dark;
  background: transparent !important;
}

body {
  background: transparent !important;
  overflow-x: hidden !important;
}

body > .industry-site-nav,
body > .topbar,
body > div[style*="max-width:1120px"] {
  display: none !important;
}

.wrap {
  max-width: 1160px !important;
  padding: 18px 16px 28px !important;
}

.wrap > header {
  display: none !important;
}

.board {
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Embed the complete process board in the site width instead of forcing a
   desktop-only horizontal canvas. SVG remains responsive and tiles cleanly
   with the legend/parameter panels below it. */
.board svg {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 640px) {
  .wrap {
    padding: 10px 8px 20px !important;
  }

  .board {
    border-radius: 10px !important;
    padding: 8px !important;
  }
}