.table-wrapper.colwidths-auto table td, .table-wrapper.colwidths-auto table th {
  white-space: nowrap;
}
.table-wrapper.colwidths-auto table td a.reference.internal {
  overflow-wrap: normal;
}

/* Style the button that is used to open and close the collapsible content */
.version-select {
  cursor: pointer;
}

/* Style the collapsible content. Note: hidden by default */
#versions {
  display: none;
  overflow: hidden;
}

/* Reduce font size of "What's New" section */
#what-s-new li,
#what-s-new a {
  font-size: medium;
}

#first-steps-with-junifer div.mermaid {
  overflow: scroll;
}

#first-steps-with-junifer svg {
  overflow: scroll;
  width: 200%;
}

body:not([data-theme="light"]) .mermaid svg .flowchart-link {
  stroke: white !important;
}

body:not([data-theme="light"]) .mermaid svg .edgeLabel {
  color: white !important;
  background-color: #202020 !important;
}

body:not([data-theme="light"]) .mermaid svg .marker{
  stroke: white !important;
  fill: white !important;
}

/* Use the full width of the page for the content (e.g., for wide tables):
   Furo centers the content with a fixed width */
.sidebar-drawer {
  width: 15em;
}

/* The content takes the width left (not the width of its tables, which do not
   wrap, and scroll instead), so the table of contents on the right is not
   narrowed or moved out of the page */
.main {
  min-width: 0;
}

.content {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}

.toc-drawer {
  flex-shrink: 0;
}