/* MemarClick Exam UX 1.3.3 — visual/UX layer only */
.mcex-wrap{max-width:1240px;margin:38px auto;padding:0 18px}
.mcex-exam-shell{background:#fff!important;border:1px solid #e4e2dc!important;border-radius:28px!important;padding:0!important;box-shadow:0 18px 55px rgba(24,33,38,.08)!important;overflow:hidden}
.mcex-exam-header{padding:24px 28px 18px!important;background:linear-gradient(135deg,#172125,#273237)!important;color:#fff!important}
.mcex-exam-header b{display:block;font-size:18px;line-height:1.7;letter-spacing:-.3px}
.mcex-count{color:#b8c0c3!important;font-size:11px!important;margin-top:3px}
.mcex-timer{min-width:112px;text-align:center;background:#fff;color:#172125!important;border-radius:13px;padding:8px 12px;box-shadow:0 8px 20px rgba(0,0,0,.16);font-variant-numeric:tabular-nums}
.mcex-progress{height:5px!important;margin:0!important;background:#e9e7e1!important;border-radius:0!important}.mcex-progress span{background:#b66e38!important}
.mcex-exam-layout{grid-template-columns:205px minmax(0,1fr)!important;gap:0!important}
.mcex-navigator{margin:22px 0 22px 0!important;border:0!important;border-left:1px solid #eceae5!important;border-radius:0!important;padding:0 20px!important;top:92px!important;background:#fff}
.mcex-navigator>b{font-size:13px}.mcex-navigator>div{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin-top:14px!important}
.mcex-nav-item{height:38px;border:1px solid #deddd7!important;background:#faf9f6!important;border-radius:10px!important;padding:0!important;font-weight:700;color:#606a6e;transition:.18s}
.mcex-nav-item:hover{transform:translateY(-1px);border-color:#c6a27f!important}.mcex-nav-item.current{outline:2px solid #b66e38!important;outline-offset:1px;background:#fff!important;color:#172125}.mcex-nav-item.answered{background:#edf5ef!important;border-color:#b9d2bf!important;color:#315a3d}.mcex-nav-item.review{box-shadow:inset 0 -3px 0 #e49a31!important}
.mcex-navigator p{font-size:10px!important;color:#737d80;margin:8px 0!important}.mcex-questions{padding:32px 34px 28px!important;min-width:0}
.mcex-question{animation:mcFade .16s ease}.mcex-q-number{display:inline-flex!important;align-items:center;background:#f1ebe4;color:#9a5e32!important;border-radius:9px;padding:6px 10px;margin-bottom:16px!important;font-size:11px!important;font-weight:800}
.mcex-q-text{font-size:19px!important;line-height:2!important;font-weight:600;color:#1c272b;margin-bottom:23px!important}.mcex-q-text img{display:block;max-height:330px;width:auto;max-width:100%;object-fit:contain;border-radius:14px;margin:18px auto;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.mcex-options{gap:10px!important}.mcex-options label{position:relative;align-items:center!important;gap:12px!important;border:1px solid #dfded8!important;border-radius:14px!important;padding:15px 16px!important;background:#fff;min-height:58px;transition:.16s}.mcex-options label:hover{background:#faf7f3!important;border-color:#cdb49b!important;transform:translateX(-2px)}.mcex-options label:has(input:checked){border-color:#b66e38!important;background:#fbf4ee!important;box-shadow:0 7px 20px rgba(182,110,56,.10)}.mcex-options input{accent-color:#b66e38;width:17px;height:17px;flex:none}.mcex-options label>span{font-size:14px;line-height:1.9}.mcex-options label img{max-height:150px;width:auto;max-width:100%;object-fit:contain;border-radius:9px}
.mcex-review{border:1px solid #deddd7!important;background:#fff!important;color:#6d7477;border-radius:11px!important;padding:9px 13px!important;font-family:inherit!important;font-size:11px;margin-top:15px!important}.mcex-review.marked{background:#fff6e8!important;border-color:#e6bd82!important;color:#925c22}
.mcex-exam-footer{margin:0!important;padding:17px 28px 23px!important;border-top:1px solid #eceae5;justify-content:space-between!important;align-items:center}.mcex-exam-footer .mcex-btn{min-height:44px!important;padding:0 18px!important;border-radius:11px!important;font-family:inherit!important;font-weight:700!important}.mcex-exam-footer #mcex-prev{background:#f2f1ed!important;color:#273237!important}.mcex-exam-footer #mcex-next{background:#172125!important;color:#fff!important}.mcex-exam-footer #mcex-submit{background:#a84236!important;color:#fff!important;margin-right:auto}.mcex-exam-footer button:disabled{opacity:.42;cursor:not-allowed;transform:none!important}
#mcex-save-message{min-height:24px;padding:0 28px 12px;color:#718077;font-size:10px;text-align:center}.mc-ux-progress-text{font-size:10px;color:#8a9294;margin-right:8px;font-weight:600}.mc-ux-unanswered{font-size:11px;color:#8b5b25;background:#fff7e9;border:1px solid #eed4aa;border-radius:10px;padding:7px 10px;margin-bottom:12px;display:none}.mc-ux-unanswered.is-visible{display:block}
@keyframes mcFade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:800px){.mcex-wrap{margin:20px auto;padding:0 10px}.mcex-exam-header{padding:18px 16px 15px!important}.mcex-exam-header b{font-size:15px}.mcex-timer{min-width:94px;font-size:20px!important}.mcex-exam-layout{display:block!important}.mcex-navigator{position:static!important;margin:0!important;padding:11px 12px!important;border-left:0!important;border-bottom:1px solid #eceae5!important}.mcex-navigator>b,.mcex-navigator>p{display:none}.mcex-navigator>div{display:flex!important;overflow-x:auto;gap:7px!important;padding:3px 2px 7px;scrollbar-width:thin}.mcex-nav-item{flex:0 0 38px!important}.mcex-questions{padding:23px 15px 18px!important}.mcex-q-text{font-size:16px!important}.mcex-options label{padding:13px!important;min-height:54px}.mcex-options label>span{font-size:13px}.mcex-exam-footer{padding:13px 15px 17px!important;flex-wrap:wrap;gap:7px!important}.mcex-exam-footer .mcex-btn{flex:1;min-width:95px}.mcex-exam-footer #mcex-submit{order:3;flex-basis:100%;margin-right:0}.mc-ux-progress-text{display:block;margin:5px 0 0;text-align:left}}
@media(max-width:430px){.mcex-exam-header{gap:10px}.mcex-timer{min-width:84px;font-size:18px!important;padding:7px 8px}.mcex-q-text{font-size:15px!important}.mcex-exam-footer .mcex-btn{font-size:11px!important;padding:0 10px!important}}