:root {
  --ink: #171717;
  --paper: #faf8f3;
  --panel: #ffffff;
  --line: #dedbd3;
  --accent: #16645a;
  --warm: #a83f2a;
  --radius: 8px;
}
body { margin: 0; }
body { font-family: ui-serif, Georgia, Cambria, serif; }
body { color: var(--ink); }
body { background: var(--paper); }
body { line-height: 1.7; }
main { max-width: 820px; }
main { margin: 0 auto; }
main { padding: 3rem 2rem 5rem; }
h1 { font-size: 3rem; }
h1 { line-height: 1; }
h2 { margin-top: 2.4rem; }
h2 { border-top: 1px solid var(--line); }
h2 { padding-top: 1.2rem; }
a { color: var(--accent); }
button { border: 1px solid var(--ink); }
button { background: var(--ink); }
button { color: white; }
button { padding: .72rem 1rem; }
button { margin: .3rem .5rem .3rem 0; }
button { border-radius: var(--radius); }
button { font-family: inherit; }
button { cursor: pointer; }
button:hover { background: var(--accent); }
button:hover { border-color: var(--accent); }
input { padding: .7rem .9rem; }
input { border: 1px solid var(--line); }
input { border-radius: var(--radius); }
input { font-family: inherit; }
input { background: var(--panel); }
input { width: 100%; }
input { max-width: 360px; }
input { margin: 1rem 0; }
ul { border: 1px solid var(--line); }
ul { background: var(--panel); }
ul { padding: 1rem 1rem 1rem 2rem; }
ul { border-radius: var(--radius); }
.person-row { border: 1px solid var(--line); }
.person-row { background: var(--panel); }
.person-row { padding: .65rem 1.1rem; }
.person-row { margin: .5rem 0; }
.person-row { border-radius: var(--radius); }
.person-row { display: flex; }
.person-row { gap: .6rem; }
.person-row { align-items: baseline; }
.person-row { flex-wrap: wrap; }
#paged { border: 1px dashed var(--line); }
#paged { background: var(--panel); }
#paged { padding: .4rem 1.2rem 1.2rem; }
#paged { margin: 1rem 0; }
#paged { border-radius: var(--radius); }