html {
  color-scheme: light;
  scrollbar-gutter: stable;
}

body {
  max-width: 650px;
  margin: 50px auto;
  padding: 0 10px;
  background: #FAF8F5;
  color: #761F2B;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.4;
}

#maincontent {
  max-width: 42em;
  margin: 70px auto 15px;
}

/* Keep the reference's visual hierarchy with semantic heading levels. */
h1 {
  margin-block: 0.83em;
  font-size: 1.5em;
}

a,
a:visited {
  color: inherit;
}

a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}