/* Organization Chart Page Styles */

/* Ensure containers don't overflow */
.content-section {
    max-width: 100%;
    overflow: hidden;
}

.text-image-wrapper {
    max-width: 100%;
    overflow: hidden;
    padding: 1rem;
}

.text-content {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

/* Organization Chart Image - Responsive */
.organization-chart-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .text-image-wrapper {
        padding: 0.75rem;
    }
}

@media (max-width: 768px) {
    .text-image-wrapper {
        padding: 0.5rem;
    }

    .text-content {
        padding: 0;
    }

    .organization-chart-img {
        /* Allow horizontal scroll on very small screens if needed */
        max-width: none !important;
        width: auto !important;
        min-width: 100%;
    }
}

@media (max-width: 576px) {
    .text-image-wrapper {
        padding: 0.25rem;
    }
}