/* The tables are the whole site - six columns of links and versions on a phone is
   the one thing default Material gets wrong for this content. */

:root {
  --md-text-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-code-font: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

/* Long mirror paths in sources.md wrap instead of forcing a horizontal scrollbar. */
.md-typeset table:not([class]) {
  display: table;
  width: 100%;
  font-size: 0.72rem;
}

.md-typeset table:not([class]) td {
  white-space: normal;
  overflow-wrap: anywhere;
}

.md-typeset table:not([class]) th {
  white-space: nowrap;
}

/* URL column gets monospace so the hosts are scannable down the page. */
.md-typeset table:not([class]) td:last-child code {
  font-size: 0.68rem;
}

@media screen and (max-width: 44.984375em) {
  .md-typeset table:not([class]) {
    font-size: 0.7rem;
  }

  /* Material stacks tables into cards under this width; keep the header row visible
     so each cell still has a label. */
  .md-typeset table:not([class]) thead {
    display: table-header-group;
  }
}