/* Layout fixes to ensure consistent margins across all pages */

/* Reset section widths */
section {
    width: 100%;
}

/* Blog post specific elements */
.breadcrumb,
.article-header,
.article-hero,
.article-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
}

.related-articles {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
}

/* All sections without containers get constrained width */
section:not(.hero):not(.proof):not(.tech-specs):not(.cta-section):not(.final-cta):not(.related-articles) {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
}

/* Full-width sections with background colors */
.proof,
.tech-specs,
.cta-section,
.final-cta {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Ensure containers within full-width sections are constrained */
.proof-container,
.specs-container,
.cta-container,
.steps-container,
.paradox-container,
.use-cases-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .breadcrumb,
    .article-header,
    .article-hero,
    .article-content,
    .related-articles,
    section:not(.hero) {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .proof-container,
    .specs-container,
    .cta-container,
    .steps-container {
        padding: 0 2rem;
    }
}