.cqas-layout-wrapper{
    display:flex;
    gap:20px;
    padding:20px;
}

.cqas-left-sidebar,
.cqas-right-sidebar{
    width:20%;
    padding:20px;
    border-radius:10px;
    background:#f5f5f5;
}

.cqas-main-content{
    width:60%;
    padding:20px;
    border-radius:10px;
    background:#fff;
}

/* EXAM MODE */
.cqas-layout-exam .cqas-main-content{
    border:2px solid #222;
}

/* MOCK TEST MODE */
.cqas-layout-mock-test .cqas-main-content{
    box-shadow:0 0 20px rgba(0,0,0,0.1);
}

/* DARK MODE */
.cqas-layout-dark{
    background:#111;
    color:#fff;
}

.cqas-layout-dark .cqas-main-content,
.cqas-layout-dark .cqas-left-sidebar,
.cqas-layout-dark .cqas-right-sidebar{
    background:#222;
    color:#fff;
}

/* MINIMAL MODE */
.cqas-layout-minimal .cqas-left-sidebar,
.cqas-layout-minimal .cqas-right-sidebar{
    display:none;
}

.cqas-layout-minimal .cqas-main-content{
    width:100%;
}

/* MOBILE MODE */
@media(max-width:768px){

    .cqas-layout-mobile{
        flex-direction:column;
    }

    .cqas-layout-mobile .cqas-left-sidebar,
    .cqas-layout-mobile .cqas-right-sidebar,
    .cqas-layout-mobile .cqas-main-content{
        width:100%;
    }
}