body {
  margin: 1rem auto;
  max-width: 900px;
}

/* Let directory columns size naturally, but keep entries on one line. */
table {
  width: 100%;
}

th,
td {
  white-space: nowrap;
}

tbody tr:nth-child(even) td {
  background-color: var(--pico-table-row-stripped-background-color, rgba(111, 120, 135, .0375));
}

tbody tr:hover td {
  background-color: var(--pico-form-element-selected-background-color, #dfe3eb);
}

hr {
  margin: 1.5rem 0;
}

.source-toggle {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  cursor: pointer;
}

/* Keep the source preview from expanding beyond the table width. */
.source-row td {
  max-width: 100%;
  overflow: hidden;
}

/* Keep source code scrollable inside its table cell. */
.source-row pre {
  margin: 0;
  padding: .5em;
  white-space: pre;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

/* Ensure highlighted code fills the scrollable pre block. */
.source-row code {
  display: inline-block;
  min-width: 100%;
}
