.blog-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.blog-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    width: 100%;
}

.blog {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    width: 100%;
}

.blog-title {
    font-weight: 700;
    text-align: start;
    color: #0D0D0D;
    font-size: 1.3rem;
}

.blog-subtitle {
    font-weight: 400;
    text-align: start;
    color: #5D5D5D;
    font-size: 1rem;
}

.blog-date {
    font-weight: 500;
    text-align: start;
    color: #5D5D5D;
    font-size: 1rem;
}

.blog-section-divider {
    width: 100%;
    height: 1px;
    background: #E5E7EB;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .blog-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
        width: 100%;
    }

    .blog-image {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1020px) {
    .blog-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        width: 100%;
    }

    .blog-image {
        width: 100%;
    }
}