/* Learner licence mock test (C8) and animated test (C9) shared styles. */
.mt .mt-panel{display:grid;gap:12px;min-height:260px}
.mt h3{margin:0}
.mt .mt-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.mt .mt-mode{display:grid;gap:4px;text-align:left;background:#fff;border:1.5px solid #c9ced6;border-radius:12px;padding:14px 16px;font:inherit;color:inherit;cursor:pointer}
.mt .mt-mode b{font-size:1.05rem}
.mt .mt-mode span{color:var(--aa-muted);font-size:.9rem}
.mt .mt-mode:hover,.mt .mt-mode:focus-visible{border-color:var(--aa-you);background:#f2f6fd}
.mt .mt-main{border-color:var(--aa-you);background:#f2f6fd}
.mt .mt-top{padding-right:40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:.9rem;color:var(--aa-muted);font-weight:600}
.mt .mt-bar{height:6px;background:#e3e6ea;border-radius:3px;overflow:hidden}
.mt .mt-bar i{display:block;height:100%;background:var(--aa-uidai)}
.mt .mt-q{display:flex;gap:16px;align-items:center}
.mt .mt-sign{width:110px;height:110px;flex:0 0 auto}
.mt .mt-prompt{font-size:1.1rem;font-weight:600;margin:0;line-height:1.45}
.mt .mt-prompt:focus{outline:none}
.mt .mt-opts{display:grid;gap:8px}
.mt .mt-opt{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:1.5px solid #c9ced6;border-radius:10px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer;line-height:1.4}
.mt .mt-opt .n{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#eef1f5;font-size:.8rem;font-weight:700;display:grid;place-items:center}
.mt .mt-opt:hover:not(:disabled){border-color:var(--aa-you);background:#f2f6fd}
.mt .mt-opt:disabled{cursor:default}
.mt .mt-opt.right{border-color:var(--aa-uidai);background:#e8f5ee}
.mt .mt-opt.right .n{background:var(--aa-uidai);color:#fff}
.mt .mt-opt.wrong{border-color:#b42318;background:#fdecea}
.mt .mt-opt.wrong .n{background:#b42318;color:#fff}
.mt .mt-why{border-left:4px solid var(--aa-uidai);background:#f5f6f8;padding:10px 14px;border-radius:6px;margin:0}
.mt .mt-why.bad{border-left-color:#b42318}
.mt .mt-src{display:block;font-size:.85rem;color:var(--aa-muted);margin-top:4px}
.mt .mt-after{display:grid;gap:10px;justify-items:start}
.mt .mt-hint{font-size:.85rem;color:var(--aa-muted);margin:0}
.mt .mt-review{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.mt .mt-review li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e3e6ea;padding-bottom:10px}
.mt .mt-review .mt-sign{width:56px;height:56px}
.mt .mt-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.mt .aa-btn-ghost{background:#fff;color:var(--aa-you);border:1.5px solid var(--aa-you)}
.mt .mt-res-h:focus{outline:none}
@media (max-width:600px){.mt .mt-q{flex-direction:column;align-items:flex-start}.mt .mt-sign{width:96px;height:96px}}
.mt .mt-panel > h3:first-child{padding-right:40px}
/* Animated test (C9) */
.sc{display:grid;gap:10px}
.sc .sc-cap{margin:0;font-weight:700;padding-right:40px}
.sc canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;border-radius:12px;background:#86c06c}
.sc .sc-desc{margin:0;color:var(--aa-muted)}
.sc .sc-ui{display:grid;gap:10px;min-height:120px}
.sc .sc-ui p{margin:0}
.sc .sc-wait{color:var(--aa-muted);font-style:italic}
.sc .sc-review{margin:0;padding-left:20px;display:grid;gap:6px}