/* Use the full window width, so wide tables fit (same rule as the access-om3-configs documentation). */
.md-grid {
  max-width: 100%;
}

/* Numbered code blocks (configuration files): keep each line on one line, scrolling sideways,
   so the line numbers stay aligned. (!important to override the theme's pre-wrap on pre>code.) */
.md-typeset .highlighttable pre > code {
  white-space: pre !important;
  word-break: normal !important;
}

/* Settings changes (settings_section in scripts/build_site.py). */
/* The labels are 13 units in a 920-unit drawing (1600 for the wide one): these maximum widths make them as big as the table text (0.64rem),
   whatever size the page is zoomed or scaled to. */
.settings-chart svg { width: 100%; max-width: 45.3rem; height: auto; overflow: visible; }
.settings-chart.xwide svg { max-width: 78.8rem; }
.settings-chart .mono { font-family: var(--md-code-font-family); }
.settings-chart a:hover circle, .settings-chart a:hover rect { stroke: currentColor; stroke-width: 2; }
.md-typeset tr:target > td { background: var(--md-code-bg-color); }
/* Tooltips of the numbered dots (shown by a rule inside each chart) */
.settings-chart g.tip { display: none; pointer-events: none; }
/* The edits table: Material's own table rule is more specific, so these selectors are too. */
.md-typeset .settings-table .md-typeset__table { display: block; }
.md-typeset .settings-table table:not([class]) { display: table; width: 100%; table-layout: fixed; }  /* the columns share the page width */
.md-typeset .settings-table table:not([class]) th, .md-typeset .settings-table table:not([class]) td { vertical-align: top; overflow-wrap: anywhere; min-width: 0; padding: .5em .6em; }
.md-typeset .settings-table code { word-break: normal; overflow-wrap: anywhere; }
.md-typeset .settings-table small { white-space: nowrap; }  /* keep a model date such as 1963-01-01 on one line */
/* Settings chart: a phone layout replaces the wide one on small screens */
.settings-chart.narrow, .settings-chart.xwide { display: none; }
/* big windows get the wider drawing, with a plot that uses the space */
@media (min-width: 2000px) { .settings-chart.wide.has-x { display: none; } .settings-chart.xwide { display: block; } }
@media (max-width: 640px) { .settings-chart.wide { display: none; } .settings-chart.narrow { display: block; } }
/* The theme's `:target::before` (an offset for anchor links) would become an extra, empty cell in a targeted table row */
.md-typeset tr:target::before { content: none; display: none; }