.medx-review-layout{
    display:flex;
    gap:24px;
    align-items:flex-start;
}

.medx-review-main{
    flex:1;
    min-width:0;
}

.medx-review-sidebar-wrap{
    width:240px;
    flex-shrink:0;
}

.medx-review-sidebar{
    width:100%;
    background:#fff;
    border:1px solid #dcdcdc;
    border-radius:8px;
    padding:18px;
    position:sticky;
    top:20px;
    box-sizing:border-box;
}

.medx-review-sidebar h3{
    margin:0 0 14px;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
}

.medx-question-nav{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    margin-bottom:16px;
}

.medx-question-btn{
    width:100%;
    aspect-ratio:1/1;
    min-height:32px;
    max-height:36px;
    padding:0;
    border:1px solid #d1d5db;
    border-radius:6px;
    background:#f8fafc;
    color:#374151;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    box-sizing:border-box;
    transition:.2s;
}

.medx-question-btn:hover{
    background:#e5e7eb;
}

.medx-question-btn.correct{
    background:#22c55e;
    border-color:#22c55e;
    color:#fff;
}

.medx-question-btn.incorrect{
    background:#ef4444;
    border-color:#ef4444;
    color:#fff;
}

.medx-question-btn.active{
    outline:2px solid #2563eb;
    outline-offset:2px;
}

.medx-pagination{
    display:flex;
    gap:8px;
}

.medx-pagination button{
    flex:1;
    height:34px;
    border:none;
    border-radius:6px;
    background:#2563eb;
    color:#fff;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    transition:.2s;
}

.medx-pagination button:hover{
    background:#1d4ed8;
}