:root {
    --primary: #2d5a4a;
    --secondary: #f5f0eb;
    --text: #333;
    --max-width: 1200px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--text); line-height: 1.6; }
header { background: var(--primary); padding: 1rem; }
header nav { max-width: var(--max-width); margin: 0 auto; display: flex; gap: 2rem; }
header a { color: white; text-decoration: none; }
main { max-width: var(--max-width); margin: 0 auto; padding: 2rem; }
.hero { text-align: center; padding: 4rem 0; background: var(--secondary); margin: -2rem -2rem 2rem; padding: 4rem 2rem; }
.hero h1 { font-size: 2.5rem; margin-bottom: 1rem; }
article { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #eee; }
article h1, article h2, article h3 { margin-bottom: 1rem; }
footer { background: #333; color: white; text-align: center; padding: 2rem; margin-top: 4rem; }
footer a { color: #fff; }