:root {
  --content-max-width: 90%;
}

@media (min-width: 1400px) {
  :root {
    --content-max-width: 1200px;
  }
}

.highlight {
  overflow: visible;
}

.highlight pre {
  overflow-x: auto;
}

pre {
  white-space: pre;
  word-wrap: normal;
  overflow-wrap: normal;
}

/* Dark mode is a stylesheet swap, not a body class, so keep this mode-neutral:
   no background, one accent border that reads on both backgrounds. */
.series-nav {
  margin: 2rem 0 1rem;
  padding: 0.25rem 1.25rem;
  border-left: 3px solid var(--color-primary);
}

.series-nav ol {
  margin: 0.5rem 0 0;
  padding-left: 1.25rem;
}