:root { color-scheme: light; }
body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; max-width: 40rem; margin: 2.5rem auto; padding: 0 1.25rem; line-height: 1.6; color: #232323; background: #f4f3ef; }
header h1 { font-size: 1.3rem; margin-bottom: 0.25rem; }
nav { font-size: 0.85rem; color: #666; margin-bottom: 2rem; }
nav a { color: #2d4a3e; text-decoration: none; }
nav a:hover { text-decoration: underline; }
article { margin-bottom: 2rem; }
h2 { font-size: 1.05rem; color: #2d4a3e; }
footer { margin-top: 3rem; font-size: 0.78rem; color: #888; border-top: 1px solid #ddd; padding-top: 1rem; }