.container {
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

main {
    min-height: calc(100vh - 350px);
}

.about-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
}

.vehicle-detail-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 4rem;
}

.dashboard-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: flex-start;
}

.blog-grid,
.fleet-grid,
.feature-grid,
.service-grid {
    display: grid;
    gap: 2rem;
}

.blog-grid,
.fleet-grid {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}

.feature-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
}

.service-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.post-layout {
    max-width: 800px;
    margin: 2rem auto;
}

.auth-layout {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 1.5rem;
    min-height: 80vh;
}

.author-layout {
    max-width: 900px;
    margin: 4rem auto;
}