:root { --ground:#EDECE7; --ink:#191919; --soft:#5A5A55; --rule:#D6D5CF; --accent:#C7402F; }
@media (prefers-color-scheme: dark) {
  :root { --ground:#131312; --ink:#EDECE7; --soft:#9A9A94; --rule:#2E2E2B; }
}
* { box-sizing:border-box; }
body { margin:0; padding:48px 22px 90px; background:var(--ground); color:var(--ink);
       font:16px/1.65 ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif; }
main { max-width:640px; margin:0 auto; }
h1 { font-size:26px; letter-spacing:.22em; font-weight:500; margin:0 0 6px; }
.sub { color:var(--soft); margin:0 0 34px; }
h2 { font-size:12px; letter-spacing:.16em; font-weight:600; text-transform:uppercase;
     color:var(--soft); margin:38px 0 10px; }
hr { border:0; border-top:1px solid var(--rule); margin:34px 0; }
a { color:var(--accent); }
ul { padding-left:20px; } li { margin:6px 0; }
footer { color:var(--soft); font-size:13px; margin-top:44px; }