:root {
  --ink: #171717;
  --paper: #fbfaf7;
  --panel: #ffffff;
  --line: #dedbd3;
  --accent: #16645a;
  --radius: 8px;
}
html { background: var(--paper); }
body { max-width: 760px; }
body { margin: 0 auto; }
body { padding: 3rem 2rem 5rem; }
body { font-family: ui-serif, Georgia, Cambria, serif; }
body { color: var(--ink); }
body { background: var(--paper); }
body { line-height: 1.7; }
h1 { font-size: 3rem; }
h1 { line-height: 1; }
h1 { margin: 2rem 0 1rem; }
h2 { margin-top: 2.4rem; }
h2 { padding-top: 1.2rem; }
h2 { border-top: 1px solid var(--line); }
a { color: var(--accent); }
code { background: var(--panel); }
code { border: 1px solid var(--line); }
code { padding: .08rem .28rem; }
code { border-radius: 5px; }
blockquote { margin: 1rem 0; }
blockquote { padding: .5rem 1.2rem; }
blockquote { border-left: 3px solid var(--accent); }
blockquote { background: var(--panel); }
blockquote { border-radius: var(--radius); }
table { border-collapse: collapse; }
table { background: var(--panel); }
th { text-align: left; }
th { border: 1px solid var(--line); }
th { padding: .5rem .9rem; }
th { background: #f1ede4; }
td { border: 1px solid var(--line); }
td { padding: .5rem .9rem; }
img { width: 64px; }
img { height: 64px; }