body {
  background-color: #fdf6e3;
  /* A wide column needs the page margin back; the notes take the right side.
     The horizontal value is --page-pad in the theme's column arithmetic, so the
     two have to move together. */
  padding: 40px 40px 120px;
  /* Both columns at their full measure, plus the gutter and this padding. Past
     that the page was not using the width, it was just leaving it empty on the
     right, so cap it and centre the block instead. */
  max-width: calc(var(--content-max) + 80px);
  margin-left: auto;
  margin-right: auto;
}

/* 120px of margin is right on a wide screen and absurd on a phone, where it
   would eat two thirds of the width and leave 14 characters to a line. */
/* --page-pad has to be set where the column arithmetic reads it, on :root, not
   on the body: the theme substitutes it into --content-w in a :root
   declaration, so a body-level value would never reach it. */
@media (max-width: 1000px) {
  :root {
    --page-pad: 5vw;
  }
  body {
    padding: 5vw;
  }
}

@media (max-width: 480px) {
  :root {
    --page-pad: 1rem;
  }
  body {
    padding: 1rem;
  }
}
a:link {
  text-shadow: none;
}