body { margin: 0; background: #fafafa; color: #111; font-family: system-ui, sans-serif; }
.container { max-width: 40rem; margin: 0 auto; padding: 0 1.5rem; }
.site-header, .site-footer { background: #fff; border-bottom: 1px solid #ececec; }
.site-footer { border-top: 1px solid #ececec; border-bottom: none; margin-top: 3rem; }
.site-header .container, .site-footer .container { display: flex; align-items: center; justify-content: space-between; min-height: 3.5rem; }
.brand { color: #111; text-decoration: none; font-weight: 600; }
.site-nav { display: flex; list-style: none; padding: 0; margin: 0; }
.site-nav li { margin: 0 1rem; }
.site-nav a { color: #dc3545; text-decoration: none; font-size: 1rem; padding: 0.5rem 1rem; border-radius: 5px; transition: background-color 0.3s; }
.site-nav a:hover { background-color: #dc3545; color: white; text-decoration: none; }
.main-content { margin: 4rem auto; }
.main-content p { margin-top: 1rem; color: #555; }