/* Basic reset & layout */
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.6; }
.container { width: min(1100px, 92%); margin: 0 auto; }

.site-header { border-bottom: 1px solid #eee; padding: 12px 0; }
.brand .site-title { font-weight: 700; text-decoration: none; color: #111; }
.primary-nav .menu, .footer-nav .menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; }
.primary-nav a, .footer-nav a { text-decoration: none; color: #111; }
.primary-nav a:hover { text-decoration: underline; }

.site-main { padding: 24px 0; }
.post-title { margin: 0 0 8px; }
.post { padding: 16px 0; border-bottom: 1px solid #f0f0f0; }
.hero { background: #fafafa; padding: 48px 0; border-bottom: 1px solid #eee; }

.site-footer { border-top: 1px solid #eee; padding: 24px 0; color: #666; font-size: 14px; }