:root { color-scheme: light dark; }
body { max-width: 46rem; margin: 0 auto; padding: 2rem 1rem 4rem;
       font: 16px/1.6 system-ui, sans-serif; }
h1, h2, h3, h4 { line-height: 1.25; margin: 2rem 0 .6rem; }
h1 { margin-top: 0; } a { color: inherit; } li { margin: .2rem 0; }
nav a { margin-right: 1rem; }
code { font: .9em ui-monospace, monospace; background: rgba(127,127,127,.15);
       padding: .1em .3em; border-radius: 3px; }
pre { background: rgba(127,127,127,.15); padding: .8rem; overflow-x: auto;
      border-radius: 4px; } pre code { background: none; padding: 0; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { border: 1px solid rgba(127,127,127,.5); padding: .35rem .5rem;
         text-align: left; vertical-align: top; }
th { background: rgba(127,127,127,.12); }
blockquote { margin: 1rem 0; padding: .1rem 1rem;
             border-left: 3px solid rgba(127,127,127,.5); }
hr { border: 0; border-top: 1px solid rgba(127,127,127,.4); margin: 2rem 0; }
footer { margin-top: 3rem; font-size: .9rem; color: rgba(127,127,127,.9); }