:root { color-scheme: light dark; }
body { font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
       max-width: 42rem; margin: 0 auto; padding: 3rem 1.5rem; }
h1 { font-size: 1.6rem; margin-bottom: .25rem; }
.sub { color: #7a7a7a; margin-top: 0; }
h2 { font-size: 1.05rem; margin-top: 2.4rem; }
ul { padding-left: 1.2rem; }
li { margin: .35rem 0; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #8883;
         font-size: .85rem; color: #7a7a7a; }
a { color: inherit; }
code { font-size: .9em; background: #8881; padding: .1em .35em; border-radius: 3px; }