body { max-width: 40rem; margin: 2rem auto; padding: 0 1rem; font: 17px/1.6 Georgia, serif; color: #2b2b2b; background: #fbfaf7; }
header { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid #ddd; padding-bottom: .5rem; }
.title { font-size: 1.3rem; color: #2b2b2b; text-decoration: none; }
nav a { margin-left: 1rem; color: #5a6b6a; }
a { color: #3d5d5b; }
.lede { color: #555; }
.notes { list-style: none; padding: 0; }
.notes li { display: flex; justify-content: space-between; padding: .4rem 0; border-bottom: 1px dotted #ddd; }
.notes span { color: #888; font-size: .9rem; }
footer { margin-top: 3rem; color: #999; font-size: .85rem; }