/* Full-width layout — Material's default caps .md-grid at 61rem (~976px),
   leaving wide content (tables, diagrams, code) cramped and heavily
   wrapped. Widen both the header and the content grid so the page uses
   the available viewport instead of a fixed centered column. */
.md-grid {
  max-width: 100%;
}

@media screen and (min-width: 76.25em) {
  .md-grid {
    max-width: 100%;
  }
}

/* Material's content grid otherwise reserves separate slots for the nav
   sidebar / content / TOC sidebar. Widening .md-grid alone still leaves
   content at 61rem — this stretches just the content column while keeping
   both sidebars their normal width. */
.md-main__inner {
  max-width: none;
}

.md-content {
  max-width: none;
}

/* Make every content table the same full-width, fixed-layout size instead
   of auto-sizing to its own content. */
.md-typeset table:not([class]) {
  width: 100%;
  table-layout: fixed;
}

.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  overflow-wrap: break-word;
}