/* Fix content positioning */
.content-container {
    flex-grow: 1;
    padding-left: 6rem;
    padding-top: 2.5rem;
    transition: padding-left 0.5s ease;
    width: 100%;
    overflow-y: auto;
    height: 100dvh;
}

/* When sidebar is open, adjust content padding */
body:has(.sidebar.open) .content-container {
    padding-left: 19rem;
    /* Match open sidebar width */
}

/* Alternative selector if :has is not supported */
.sidebar.open~.content-container {
    padding-left: 19rem;
}

/* Remove any conflicting margins */
.content-container {
    margin-left: 0 !important;
}

.content-title {
    font-size: var(--content-title-font-size);
    font-weight: var(--content-title-font-weight);
    color: var(--content-title-color);
}