/* Content Wrapper Component Styles */

.content-wrapper {
    width: 100%;
}

/* Width variations */
.content-wrapper--width-full {
    max-width: 100%;
}

.content-wrapper--width-two-thirds {
    max-width: 66.666667%; /* 2/3 width */
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .content-wrapper--width-two-thirds {
        max-width: 100%;
    }
}

/* Alignment variations */
.content-wrapper--align-left {
    text-align: left;
}

.content-wrapper--align-center {
    text-align: center;
}

/* Ensure two-thirds width is centered when alignment is center */
.content-wrapper--align-center.content-wrapper--width-two-thirds {
    margin-left: auto;
    margin-right: auto;
}