:root { --card-radius: 1rem; }
body { font-size: 16px; }
.card { border: 0; border-radius: var(--card-radius); box-shadow: 0 8px 28px rgba(15,23,42,.07); }
.case-card { max-width: 920px; margin: 0 auto; }
.badge-soft { background: #eef2ff; color: #3730a3; }
.answer-box { font-size: 1.25rem; letter-spacing: .04em; }
.feedback { border-radius: .75rem; padding: 1rem; }
.feedback.correct { background: #dcfce7; color: #14532d; }
.feedback.wrong { background: #fee2e2; color: #7f1d1d; }
.feedback.neutral { background: #e0f2fe; color: #075985; }
.table td, .table th { vertical-align: middle; }
.small-muted { color: #64748b; font-size: .925rem; }
.required::after { content: " *"; color: #dc2626; }
pre.setup { background: #0f172a; color: #e2e8f0; padding: 1rem; border-radius: .75rem; overflow:auto; }