/* Example 15: Navigation and Index Sources */
body { font-family: sans-serif; max-width: 800px; margin: 2rem auto; padding: 0 1rem; }
header, footer { border-bottom: 1px solid #ccc; padding: 0.75rem 0; color: #666; }
footer { border-top: 1px solid #ccc; border-bottom: none; margin-top: 2rem; }
nav.post-nav {
    display: flex; justify-content: space-between; align-items: center;
    margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #eee;
}
nav.post-nav a { color: #0066cc; text-decoration: none; }
nav.post-nav a:empty { visibility: hidden; }
.post-meta { margin-top: 1rem; padding: 0.75rem; background: #f5f5f5; font-size: 0.9em; }
.post-listing { display: grid; gap: 1.25rem; margin-top: 1rem; }
.post-card { border: 1px solid #eee; padding: 1rem; border-radius: 4px; }
.post-card h2 { margin: 0 0 0.5rem 0; }
.post-card a { color: #0066cc; text-decoration: none; }
.meta { color: #666; font-size: 0.85em; margin-top: 0.5rem; }