body {
  max-width: 42rem;
  margin: 3rem auto;
  padding: 0 1rem;
  font: 15px/1.6 Georgia, "Times New Roman", serif;
  color: #2a2a2a;
  background: #f7f5f0;
}
header { margin-bottom: 2rem; }
h1 { font-size: 1.5rem; margin: 0 0 0.2rem; letter-spacing: -0.01em; }
nav { font-size: 0.85rem; color: #888; }
nav a { color: #555; text-decoration: none; margin-right: 1rem; }
nav a:hover { text-decoration: underline; }
.grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 1.5rem 0; }
.card { border: 1px solid #e0ddd5; padding: 0.9rem; background: #fffefb; }
.card h3 { margin: 0 0 0.3rem; font-size: 0.95rem; }
.card p { margin: 0; font-size: 0.85rem; color: #666; }
footer { margin-top: 3rem; border-top: 1px solid #e5e2da; padding-top: 0.8rem; color: #999; font-size: 0.8rem; }
a { color: #6b4f2a; }