html {
  color-scheme: light dark;
}

header,
main {
  max-width: 40rem;
  margin: auto;
}

p {
  text-wrap: pretty;
}

pre {
  overflow-x: auto;
}

table {
  display: block;
  overflow-x: auto;
}

sup {
  line-height: 0; /* Avoid uneven line heights from footnotes */
}

img {
  display: block;
  max-width: 100%;
}

figure {
  margin: auto;
}