/* Blog pages specific styles */
body.blog-page {
    background: #f5f5f5;
}

.blog-page .container {
    max-width: 900px;
    padding: 2rem;
}

.blog-page header {
    position: relative;
    padding: 1.5rem 0;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.blog-page nav {
    max-width: 900px;
    padding: 0 2rem;
}

.blog-page .logo {
    font-weight: 300;
    color: #333;
}

.blog-page h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 300;
    color: #333;
}