:root{--fg:#222;--mut:#666;--line:#e2ddd4;--acc:#7a5c34;--bg:#fbf9f5}
*{box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.5;color:var(--fg);
background:var(--bg);margin:0;padding:0 1rem}
.wrap{max-width:820px;margin:0 auto;padding:2rem 0 4rem}
h1{font-size:1.7rem;margin:.2rem 0 .3rem;color:var(--acc)}
h2{font-size:1.2rem;margin:2rem 0 .4rem;border-bottom:2px solid var(--line);padding-bottom:.2rem}
.lead{color:var(--mut);margin:.2rem 0 1.2rem}
ul{margin:.3rem 0 1rem;padding-left:1.2rem}
li{margin:.15rem 0}
li .pg{color:var(--mut);font-size:.92em}
nav.bar{font-size:.95rem;margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}
nav.bar a{color:var(--acc);text-decoration:none}
nav.bar a:hover{text-decoration:underline}
.years{columns:5;column-gap:1rem;font-size:1.05rem;margin:1rem 0 2rem}
.years a{display:block;padding:.15rem 0;color:var(--acc);text-decoration:none}
.years a:hover{text-decoration:underline}
.foot{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--mut);font-size:.9rem}
.pager{display:flex;justify-content:space-between;margin:2rem 0 0;font-size:.95rem}
.pager a{color:var(--acc);text-decoration:none}
@media(max-width:600px){.years{columns:3}}