#options { display: grid; gap: 12px; }
#options .choice { justify-content: flex-start; text-align: left; gap: 14px; padding: 18px 14px; }
#options .choice span { min-width: 0; overflow-x: auto; padding: 6px 2px; }
#formula { overflow-x: auto; padding: 16px 4px; text-align: center; font-size: 1.25rem; }
#answer { width: 130px; max-width: 100%; margin: 8px; padding: 12px; border: 1px solid var(--border); border-radius: 10px; font: inherit; }
.score, #instruction, #math-status { color: var(--muted); }
.choice.answer-correct { border-color: var(--green); background: rgba(115,204,128,.18); }
.choice.answer-wrong { border-color: var(--red); background: rgba(214,69,69,.12); }
.correction, .completion { margin-top: 18px; padding: 18px; border: 1px solid var(--border); border-radius: 16px; }
.correction h3, .completion h3 { margin-top: 0; }
#details { padding-left: 22px; }
#details li { margin: 14px 0; }
#prompt { font-weight: 700; }