body { margin: 0; background: #f3f2f1; color: #201f1e; font: 15px/1.5 "Segoe UI", system-ui, sans-serif; }
.banner { background: #a4262c; color: #fff; text-align: center; padding: 6px; font-weight: 600; }
main { max-width: 720px; margin: 24px auto; padding: 0 16px; }
.card { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
h1 { font-size: 22px; margin: 0 0 16px; }
.q { margin: 22px 0; }
.q [data-automation-id="questionTitle"] { display: block; font-weight: 600; margin-bottom: 6px; }
.star { color: #a4262c; }
.note { color: #c50f1f; font-size: 12px; font-weight: 400; }
input[type=text] { width: 100%; box-sizing: border-box; padding: 8px; border: 1px solid #8a8886; border-radius: 4px; font: inherit; }
[data-automation-id="choiceItem"] { margin: 4px 0; }
.err { color: #a4262c; font-size: 13px; }
button { background: #0f6cbd; color: #fff; border: 0; border-radius: 4px; padding: 10px 24px; font: inherit; cursor: pointer; }