:root { --paper:#F5EAE0; --ink:#42302A; --faint:#977C6D; --rosewood:#A65B48; }
* { box-sizing:border-box; margin:0; }
body { background:radial-gradient(130% 40% at 50% -10%, rgba(242,196,148,.38), rgba(242,196,148,0) 60%), var(--paper);
  color:var(--ink); font-family:-apple-system,'Helvetica Neue',sans-serif; line-height:1.6;
  max-width:640px; margin:0 auto; padding:64px 24px 96px; }
h1,h2 { font-family:'Young Serif',serif; font-weight:400; }
h1 { font-size:2.2rem; margin-bottom:.3rem; }
h2 { font-size:1.4rem; margin:2.4rem 0 .6rem; }
p, li { color:var(--ink); font-size:1.02rem; }
.sub { color:var(--faint); margin-bottom:2rem; }
a { color:var(--rosewood); }
ul { padding-left:1.2rem; }
.ember { width:14px; height:14px; border-radius:50%; margin-bottom:18px;
  background:radial-gradient(circle at 50% 36%, #FFE3B0, #EFA968 58%, #CE7A50); }
footer { margin-top:4rem; color:var(--faint); font-size:.9rem; }