.response-zone{max-width:690px;margin:18px auto 8px;padding:12px 14px 10px;background:#f8fbff;border:2px solid #d9e9f8;border-radius:14px}.response-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.response-title h3{margin:0;color:#2c3e50}.remaining{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff3cd;color:#7a5600;font-weight:800;border:1px solid #ffe08a}.remaining.complete{background:#e8f5e9;color:#267036;border-color:#a5d6a7}.response-staff{min-height:118px;background:white;border-radius:10px;border:1px solid #dfe7ef}.response-staff svg{display:block;width:100%;height:auto}.staff svg>g:has(>circle),.response-staff svg>g:has(>circle){transform:translateX(80px)}.response-zone .sequence{min-height:42px;margin-top:5px}.answer-slot-number{font-family:'Segoe UI',Arial,sans-serif}@media(max-width:560px){.response-zone{padding:9px 7px}.response-title{align-items:flex-start;flex-direction:column}.remaining{font-size:14px}.response-staff{min-height:88px}}