/* Enable flexible wide-viewing for Furo theme. */
:root {
  /* Remove Furo's default max-width for the content area. */
  --content-width: none;
}

/* These settings seem to reasonably balance between readability and content
 * density for wide screens. */
.page .sidebar-drawer {
  width: unset;
}
.main .toc-drawer {
  min-width: 15em;
}

/* Ensure the main content area is allowed to shrink/not-overflow
   its grid cell, preventing it from pushing the TOC sidebar away. */
.main, .content {
  min-width: 0;
  max-width: 100%;

  /* Remove default width setting from furo's content. */
  width: unset;
}

/* Disable small margin added by various UA stylesheets to prevent
 * scrolling artifacts. */
body {
  margin: 0;
}

/* Allow the top-level container to fill the entire browser width. */
.page {
  max-width: none;
}

/* Ensure wide tables and code blocks have their own scrollbars
   instead of forcing the container to expand beyond the viewport. */
.content table,
.content .literal-block,
.content .highlight {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

/* Ensure paragraphs wrap within the content area. */
.content p {
  overflow-wrap: break-word;
}

/* Printing support. */
@media print {
    pre {
        white-space: pre-wrap !important;
    }
    .content-icon-container,
    .skip-to-content,
    .back-to-top {
        display: none !important;
    }
}