/* Make viewport fill the whole browser window */
.viewport {
  display: flex;
  height: 100vh; /* Full height of viewport */
  width: 100%;
}


/* Main SVG display area expands to fill remaining space */
#svgContainer {
  flex: 1; /* take up remaining space */
  background-color: #cfe8ff; /* your light blue color */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
}

/* Wrapper ensures content is centered and scrollable if large */
.svg-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}