body { margin: 0; background: #f4f4f0; color: #333; font: 16px/1.6 Georgia, "Times New Roman", serif; }
.wrap { max-width: 680px; margin: 0 auto; padding: 24px 16px 48px; background: #fff; min-height: 100vh; box-sizing: border-box; }
header { border-bottom: 1px solid #ddd; margin-bottom: 24px; }
header a { color: #2f5d3a; text-decoration: none; }
header h1 { margin: 0; font-size: 28px; font-weight: normal; }
header p { margin: 4px 0 12px; color: #777; font-style: italic; }
nav { font-size: 14px; margin-bottom: 12px; }
nav a { color: #2f5d3a; margin-right: 16px; }
h2 { font-weight: normal; color: #2f5d3a; }
.date { color: #888; font-size: 14px; }
ul.posts { list-style: none; padding: 0; }
ul.posts li { margin: 0 0 12px; }
ul.posts a { color: #2f5d3a; }
table { border-collapse: collapse; margin: 12px 0; }
td, th { border: 1px solid #ccc; padding: 4px 12px; text-align: left; }
footer { margin-top: 48px; border-top: 1px solid #ddd; padding-top: 8px; color: #999; font-size: 13px; }