body { margin: 0; font: 17px/1.6 Georgia, "Times New Roman", serif; color: #222; background: #faf8f4; }
header, main, footer { max-width: 680px; margin: 0 auto; padding: 0 20px; }
header { display: flex; justify-content: space-between; align-items: baseline; padding-top: 28px; padding-bottom: 12px; border-bottom: 1px solid #e4dfd6; }
.brand { font-size: 22px; color: #222; text-decoration: none; }
nav a { margin-left: 18px; color: #6b5f4f; text-decoration: none; font-size: 15px; }
nav a:hover { text-decoration: underline; }
article { margin: 36px 0; }
h1 { font-size: 26px; line-height: 1.3; margin: 4px 0 12px; font-weight: normal; }
.date { color: #8a7f70; font-size: 14px; margin: 0; letter-spacing: .03em; }
.archive { list-style: none; padding: 0; }
.archive li { padding: 8px 0; border-bottom: 1px dotted #ddd5c8; }
.archive span { display: inline-block; width: 90px; color: #8a7f70; font-size: 14px; }
footer { color: #8a7f70; font-size: 13px; padding-top: 24px; padding-bottom: 40px; border-top: 1px solid #e4dfd6; margin-top: 40px; }