/* =====================================
   TSC Activity Engine v1.0
   Multiple Choice Design
===================================== */


.tsc-mc-card{

    background:#ffffff;

    border-radius:25px;

    padding:30px;

    margin:30px 0;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

    max-width:700px;

}


/* Question */

.tsc-mc-card h3{

    font-size:24px;

    color:#12355B;

    margin-bottom:25px;

}


/* Answers */

.tsc-mc-options{

    display:flex;

    flex-direction:column;

    gap:15px;

}



.tsc-mc-options button{

    background:#F8FAFC;

    border:2px solid #E2E8F0;

    border-radius:15px;

    padding:16px 20px;

    font-size:17px;

    text-align:left;

    cursor:pointer;

    transition:all .25s ease;

}



.tsc-mc-options button:hover{

    border-color:#F26B38;

    background:#FFF7F2;

    transform:translateX(5px);

}


/* Feedback */

.tsc-mc-feedback{

    margin-top:25px;

    padding:18px;

    border-radius:15px;

    font-size:17px;

    font-weight:600;

}


.tsc-mc-feedback.correct{

    background:#E8F7EE;

    color:#15803D;

}


.tsc-mc-feedback.wrong{

    background:#FEECEC;

    color:#B91C1C;

}



/* Mobile */

@media(max-width:768px){

    .tsc-mc-card{

        padding:20px;

    }


    .tsc-mc-card h3{

        font-size:20px;

    }


}

.tsc-mc-options button.correct-answer{

    background:#E8F7EE;

    border-color:#22C55E;

    color:#15803D;

}


.tsc-mc-options button.locked{

    opacity:0.6;

    cursor:not-allowed;

}


.tsc-mc-options button.correct-answer::before{

    content:"✓ ";

}