#examRunner{border:1px solid #eee3dc;border-radius:24px;padding:24px;width:min(720px,calc(100% - 24px));max-height:90dvh;overflow:auto;color:#142337;background:#fffaf7;box-sizing:border-box}
#examRunner::backdrop{background:rgba(15,25,45,.6)}
#examRunner .exam-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}
#examRunner h2,#examRunner h3,#examRunner p,#examRunner span{overflow-wrap:anywhere;white-space:pre-wrap}
#examRunner #examClose{background:white;border:1px solid #ddd;border-radius:12px;padding:10px;cursor:pointer}
#examRunner .exam-options{border:0;margin:20px 0;padding:0;display:grid;gap:10px;min-width:0}
#examRunner .exam-option{display:flex;gap:12px;align-items:start;padding:14px;border:1px solid #ddd;border-radius:12px;cursor:pointer;background:white}
#examRunner .exam-option:has(input:checked){border-color:#ff7020;background:#fff0e4}
#examRunner input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#fa7020}
#examRunner .exam-controls{display:flex;justify-content:space-between;gap:12px;margin:20px 0;flex-wrap:wrap}
#examRunner button:disabled{opacity:.5;cursor:wait}
#examRunner .exam-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}
#examRunner .exam-results div{padding:12px;border:1px solid #eadcd0;border-radius:12px;background:white}
#examRunner dd{font-size:24px;font-weight:800;margin:8px 0 0}
#examRunner .exam-question-image{max-width:100%;height:auto}
#examMessage{min-height:24px;margin-top:12px}
@media(max-width:480px){#examRunner{padding:16px}#examRunner .exam-controls button{flex:1}#examRunner h2{font-size:22px}}