body { background: white; color: black; font-family: Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; }
h1 { text-align: center; font-size: 155%; color: #000077; }
h2 { font-size: 120%; color: #000077; }
h3 { font-size: 100%; color: #007777; }
h4 { font-size:  90%; color: #404040; }
th { font: bold smaller Arial, sans-serif; }
pre, tt, code { font-family: "Lucida Sans Typewriter", "Lucida Console", monospace;
          font-size: 80%; }
hr { height: 1px; border: none; border-top: 1px solid gray; }
body { margin: .5em; }
p.deprecated { border: .1rem solid red; background: rgb(255,238,238); padding: .75rem; }
@media (min-width: 63em)
{
  body { width: 62em; margin: .5em auto; }
}
@media (prefers-color-scheme: dark)
{
  body { background: #111; color: #ccc; }
  h1 { color: #bbe; }
  h2 { color: #bbe; }
  h3 { color: #bee; }
  h4 { color: #bee; }
  p.deprecated { background: #511; border-color: #811; }
  a:link { color: #77f; }
  a:visited { color: #c6f; }
  a:active { color: #f77; }
}