* {
  box-sizing: border-box;
}

:root {
  --page-fg: #333;
  --page-bg: #fff;

  color: var(--page-fg);
  background-color: var(--page-bg);
  font-family: Verdana, sans-serif;
  line-height: 1.4;
  -webkit-hyphens: auto;
  hyphens: auto;
}

body {
  max-width: 65ch;
  margin: 0 auto;
  padding: 0.5em;
}

a,
a:visited {
  color: inherit;
}

dd {
  margin: 0 0 0.5em 4ch;
}

@media print {
  :root {
    font-size: 12px;
    color: #333;
  }

  body {
    max-width: none;
    margin: 0;
  }

  h1 {
    margin-top: 0;
  }

  a {
    text-decoration: none;
  }
}

@media (max-width: 600px) {
  dd {
    margin-left: 2ch;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --page-fg: #ddd;
    --page-bg: #333;
  }
}

* {
  box-sizing: border-box;
}

:root {
  --page-fg: #333;
  --page-bg: #fff;

  color: var(--page-fg);
  background-color: var(--page-bg);
  font-family: Verdana, sans-serif;
  line-height: 1.4;
  -webkit-hyphens: auto;
  hyphens: auto;
}

body {
  max-width: 65ch;
  margin: 0 auto;
  padding: 0.5em 0.5em 4em;
}

a,
a:visited {
  color: inherit;
}

dd {
  margin: 0 0 0.5em 4ch;
}

@media print {
  :root {
    font-size: 12px;
    color: #333;
  }

  body {
    max-width: none;
    margin: 0;
  }

  h1 {
    margin-top: 0;
  }

  a {
    text-decoration: none;
  }
}

@media (max-width: 600px) {
  dd {
    margin-left: 2ch;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --page-fg: #ddd;
    --page-bg: #333;
  }
}

Make padding on bottom big
Make padding on bottom big
