.content {
  max-inline-size: 40em;
  margin-inline: auto;
}

a:link {
  color: #006a9f;
}

a:visited {
  color: #884882;
}

a:hover {
  color: #22753f;
}

a:active {
  color: #925100;
}

.content,
time {
  font-family: sans-serif;
}

p,
pre,
dd {
  font-family: serif;
}

p,
pre,
dl {
  line-height: 2;
}

pre {
  white-space: pre-wrap;
}

footer nav {
  display: grid;
  grid-template: auto auto / 1fr 1fr;
}

.previous {
  grid-column: 1;
  justify-self: start;
}

.next {
  grid-column: 2;
  justify-self: end;
}

.up {
  grid-row: 2;
  grid-column: 1 / span 2;
  justify-self: center;
}