.qod-shell{max-width:850px;margin:55px auto;padding:0 20px 70px}.qod-shell>p{letter-spacing:2px;color:#087f63;font-size:9px;font-weight:900}.qod-shell>h1{margin:8px 0;font:500 44px Georgia,serif}.qod-shell>span{color:#6e867d;font-size:11px}.qod-card{background:#fff;border:1px solid #dce7e2;border-radius:16px;margin-top:30px;padding:25px}.qod-date{color:#718980;text-transform:uppercase;font-size:9px;font-weight:900}.qod-card h2{font:500 27px/1.3 Georgia,serif}.qod-options{gap:10px;margin:20px 0;display:grid}.qod-option{text-align:left;cursor:pointer;color:#173f37;background:#f8faf8;border:1px solid #d9e5e0;border-radius:10px;align-items:center;gap:12px;padding:13px;display:flex}.qod-option strong{background:#fff;border-radius:50%;place-items:center;min-width:30px;height:30px;display:grid}.qod-option.selected{border-color:#087f63}.qod-option.correct{background:#eaf7d5;border-color:#80aa55}.qod-option.wrong{background:#fff0ec;border-color:#d99a86}.qod-submit{color:#fff;background:#087f63;border:0;border-radius:9px;padding:12px 18px;font-weight:800}.qod-submit:disabled{opacity:.5}.qod-result{background:#f2f7f4;border-radius:12px;margin-top:20px;padding:18px}.qod-result.pass{background:#eaf7d5}.notice{background:#fff4dd;border-radius:9px;margin-top:18px;padding:13px;font-size:11px}@media (max-width:560px){.qod-option{min-height:54px;font-size:14px;line-height:1.35}.qod-submit{justify-content:center;align-items:center;min-height:44px;font-size:14px;display:inline-flex}}.qod-shell>p{font-size:12px;line-height:1.4}.qod-shell>span{font-size:14px;line-height:1.55}.qod-date{font-size:12px;line-height:1.4}.qod-result p{font-size:14px;line-height:1.6}.notice{font-size:13px;line-height:1.5}