/* ============================================
   HOW I THINK & WORK SECTION - ALIGNMENT FIX
   Match header, pullquote, and body text width to cards
   ============================================ */

/* Section Header - Match card container width */
.marketing-philosophy .section-header {
    max-width: 1200px;
    margin: 0 auto 8px;
    padding: 0 20px;
    text-align: left !important;
}

.marketing-philosophy .section-title {
    text-align: left !important;
}

.marketing-philosophy .section-subtitle {
    text-align: left !important;
}

/* Pull Quote - Match card container width */
.philosophy-pullquote {
    max-width: 1200px !important;
    margin: 16px auto 16px !important;
    padding: 16px 20px 16px 24px !important;
    text-align: left !important;
}

.philosophy-pullquote p {
    text-align: left !important;
}

/* Body Text - Match card container width, constrain internally */
.philosophy-body {
    max-width: 1200px !important;
    margin: 0 auto 24px !important;
    padding: 0 20px !important;
}

.philosophy-body p {
    max-width: 760px;
    text-align: left !important;
}

/* Ensure cards maintain their settings */
.philosophy-principles {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.philosophy-practice-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .marketing-philosophy .section-header {
        padding: 0 20px;
    }
    
    .philosophy-pullquote {
        padding: 16px 20px !important;
    }
    
    .philosophy-body {
        padding: 0 20px !important;
    }
    
    .philosophy-body p {
        max-width: 100%;
    }
}