.blog-layout {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 4rem;
}

.blog-post {
    margin-bottom: 4rem;
}

.blog-post h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.blog-post .meta {
    color: #555;
    margin-bottom: 1rem;
}

.blog-post a {
    color: var(--color-primary);
    font-weight: 700;
}

.sidebar .widget {
    margin-bottom: 2rem;
}

.sidebar .widget-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.sidebar ul {
    list-style: none;
}

.sidebar ul li {
    margin-bottom: 0.5rem;
}