/* IO Section Specific Styles */

/* IO container has 55% width, so header should match */
#io-container .header {
  width: 55vw;
}

/* Styles for header within SVG foreignObject */
#matrix-io foreignObject .annotation {
  font-weight: 300;
  font-family: "Comfortaa", sans-serif;
  font-size: 12px;
}

/* Override main container overflow for IO section */
#io-container {
  overflow: hidden;
}

/* svg-wrapper styling */
#io-container .svg-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}

/* Main SVG container */
#matrix-io {
  display: block;
  overflow: visible;
}

/* Inner content SVG */
#matrix-io-content {
  display: block;
  overflow: visible;
}