/* Make all code blocks stretch to full width and allow horizontal scrolling */
.code, pre, .code-block, .theme-default-content pre, .theme-default-content code {
  width: 80vw !important;
  min-width: 80vw !important;
  max-width: 80vw !important;
  box-sizing: border-box;
  margin-left: calc(-50vw + 50%);
  padding: 16px;
  overflow-x: auto;
  display: block;
  white-space: pre;
}
/* Make the main content and all nested containers full width */
.scroll-viewport__content,
.ak-renderer-document,
.ak-renderer-layout,
.scroll-viewport__main,
.scroll-viewport__container,
body .ak-renderer-document,
body .ak-renderer-layout {
  max-width: 100vw !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
/* Remove max-width from any nested containers or inline styles */
.scroll-viewport__content *[style*="max-width"],
.ak-renderer-document *[style*="max-width"],
.ak-renderer-layout *[style*="max-width"] {
  max-width: unset !important;
}
/* Remove padding/margin from body and html for edge-to-edge effect */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  box-sizing: border-box !important;
}