* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: monospace;
  max-width: 72ch;
  margin: 0 auto;
  padding: 1em;
  line-height: 1.5;
}

a { color: inherit; }

nav { margin-bottom: 2em; }
nav a { margin-right: 1em; }
nav a.active { font-weight: bold; text-decoration: none; }

h1 { margin-bottom: 0.5em; }
h2 { margin-top: 1.5em; margin-bottom: 0.5em; }
h3 { margin-top: 1em; margin-bottom: 0.5em; }

p, ul, ol { margin-bottom: 1em; }
ul, ol { padding-left: 2em; }
li { margin-bottom: 0.25em; }

pre {
  padding: 1em;
  margin-bottom: 1em;
  overflow-x: auto;
  border: 1px solid;
}

table { border-collapse: collapse; margin-bottom: 1em; }
th, td { border: 1px solid; padding: 0.25em 0.75em; text-align: left; }

code { word-break: break-all; }
pre code { word-break: normal; }