*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Georgia, serif; color: #222; background: #faf9f7; line-height: 1.7; }
a { color: #c0392b; text-decoration: none; }
a:hover { text-decoration: underline; }
header { border-bottom: 1px solid #e8e0d5; padding: 1rem 2rem; }
nav { display: flex; align-items: center; gap: 2rem; max-width: 860px; margin: 0 auto; }
.logo { font-size: 1.3rem; font-weight: bold; color: #222; }
nav ul { display: flex; gap: 1.5rem; list-style: none; }
nav ul a { color: #555; font-family: sans-serif; font-size: 0.95rem; }
main { max-width: 860px; margin: 3rem auto; padding: 0 2rem; }
.hero { margin-bottom: 3rem; }
.hero h1 { font-size: 2rem; margin-bottom: 0.5rem; }
.hero p { color: #666; font-size: 1.1rem; }
.posts article { border-bottom: 1px solid #e8e0d5; padding: 1.5rem 0; }
.posts article:last-child { border-bottom: none; }
.posts h2 { font-size: 1.3rem; margin-bottom: 0.3rem; }
.posts h2 a { color: #222; }
.meta { color: #999; font-size: 0.85rem; font-family: sans-serif; margin-bottom: 0.7rem; }
h1 { font-size: 1.8rem; margin-bottom: 1rem; }
p { margin-bottom: 1rem; }
footer { text-align: center; padding: 2rem; color: #999; font-size: 0.85rem;
         font-family: sans-serif; border-top: 1px solid #e8e0d5; margin-top: 3rem; }