/* Front-end Soft UI + Student panel */
.mwe-quiz{display:grid;gap:16px}
.mwe-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:16px;box-shadow:0 10px 20px rgba(0,0,0,.04)}
.mwe-q-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.mwe-q-index{background:#f3f4f6;border-radius:12px;padding:4px 10px;font-weight:600}
.mwe-q-title{margin:0}
.mwe-options{display:grid;gap:8px;margin-top:10px}
.mwe-opt{border:1px solid #e5e7eb;background:#f9fafb;border-radius:14px;padding:10px 12px;text-align:left;cursor:pointer;transition:transform .08s}
.mwe-opt:hover{transform:translateY(-1px)}
.mwe-opt.correct{background:#ecfdf5;border-color:#10b981}
.mwe-opt.wrong{background:#fef2f2;border-color:#ef4444}
.mwe-result{margin-top:12px;border-top:1px dashed #e5e7eb;padding-top:12px}
.mwe-feedback{font-weight:700}
.mwe-paywall{background:#fff7ed;border:1px solid #fdba74;border-radius:14px;padding:16px}
.mwe-btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #111;background:#111;color:#fff;text-decoration:none}
.mwe-video video{max-width:100%;width:100%;height:auto;display:block}
/* Student panel */
.mwe-sp-wrap{max-width:900px;margin:16px auto;display:grid;gap:12px}
.mwe-grid-sp{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.mwe-sp-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:16px;box-shadow:0 10px 20px rgba(0,0,0,.04)}
.mwe-sp-title{font-weight:700;margin-bottom:8px}
@media(max-width:800px){ .mwe-grid-sp{grid-template-columns:1fr} }