main{display:block}
.workspace{padding-top:28px}
.session-strip{background:#f7f1e6;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:22px}
.session-strip>div:first-child{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}
.session-strip strong{color:var(--ink);letter-spacing:0}
.choice-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.choice-heading label{font-family:Newsreader,serif;font-size:19px;font-weight:600}.choice-heading span{font-size:9px;letter-spacing:.12em;color:var(--muted);background:var(--cream);padding:5px 8px;border-radius:20px}.choices{display:grid;gap:10px}.choice{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:flex-start;width:100%;padding:14px 15px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#fffdf8;color:var(--ink);font:13px/1.55 Manrope,sans-serif;cursor:pointer;transition:.15s}.choice:hover:not(:disabled){border-color:#9aa9db;background:#f8f9ff;transform:translateY(-1px)}.choice-letter{width:27px;height:27px;border:1px solid #cfc6b7;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:11px}.choice.correct{border-color:#74b695;background:#edf8f0;color:#185b43}.choice.correct .choice-letter{background:#24765c;border-color:#24765c;color:white}.choice.wrong{border-color:#d68d85;background:#fbeeed;color:#873c36}.choice.wrong .choice-letter{background:#b84d45;border-color:#b84d45;color:white}.choice.dimmed{opacity:.58}.choice:disabled{cursor:default}.feedback-body{flex:1}.explanation{margin-top:13px;padding-top:13px;border-top:1px solid #d5dfd5;font-size:12px;line-height:1.65;color:#44524c}.wrong .explanation{border-color:#e5c9c5}.explanation strong{display:block;margin-bottom:4px;color:var(--ink)}.explanation code{font-family:DM Mono,monospace;background:#ffffffa8;border:1px solid #ded8cd;border-radius:5px;padding:1px 4px;color:#32444d}
@media(max-width:800px){.workspace{padding:22px 18px}.heading h1{font-size:31px}.heading{align-items:flex-start}.schema code{display:none}}