/* Keep the existing pause / skip / answer row and add a compact utility row. */
#arena-action-buttons .practice-help-report {display:flex;gap:8px;align-items:center;width:auto;}
#btn-report-question {display:flex;align-items:center;justify-content:center;gap:8px;height:48px;min-height:48px;padding:0 20px;border:0;border-radius:12px;background:#f0eee8;color:#3d4a3f;font-family:inherit;font-size:14px;font-weight:800;line-height:1.5;box-shadow:0 4px 0 #dbdad4;transition:background .15s,transform .15s,box-shadow .15s;cursor:pointer;white-space:nowrap;}
#btn-report-question:hover:not(:disabled) {background:#eae8e2;}
#btn-report-question:active:not(:disabled) {transform:translateY(4px);box-shadow:none;}
#btn-report-question:focus-visible {outline:3px solid #9ad5ae;outline-offset:3px;}
#btn-report-question:disabled {opacity:.5;cursor:not-allowed;}
#btn-report-question .question-report-button-icon {display:block;width:20px;height:20px;flex-shrink:0;}
/* Match the practice popup palette and its Vietnamese font families. */
#modal-question-report {
  position:fixed;inset:0;z-index:80!important;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(20,28,26,.34);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  color:#1b1c19;font-family:"Quicksand","Be Vietnam Pro",Arial,system-ui,sans-serif;
  font-size:14px;font-weight:600;line-height:1.6;-webkit-font-smoothing:antialiased;
}
#modal-question-report[hidden],#modal-question-report [hidden] {display:none!important;}
#modal-question-report *,#modal-question-report *::before,#modal-question-report *::after {box-sizing:border-box;}
#modal-question-report button,#modal-question-report textarea,#modal-question-report input {font-family:inherit;}
.question-report-box {width:min(100%,540px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;background:#f5f7f2;border:1px solid #dfe5dc;border-radius:24px;box-shadow:0 24px 70px rgba(20,28,26,.24);}
.question-report-heading {display:flex;align-items:center;gap:14px;padding:22px 24px 18px;background:#fff;border-bottom:1px solid #e5e9e0;flex-shrink:0;}
.question-report-mark {width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#ffddb4;color:#835500;flex-shrink:0;}
.question-report-heading h2 {font-family:"Be Vietnam Pro","Quicksand",Arial,sans-serif;font-size:21px;line-height:1.5;font-weight:800;letter-spacing:-.4px;margin:2px 0 0;}
.question-report-eyebrow {font-size:10px;font-weight:800;letter-spacing:1.1px;color:#006d37;text-transform:uppercase;}
.question-report-heading [data-close] {margin-left:auto;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #e4e2dd;border-radius:12px;background:#f0eee8;color:#3d4a3f;cursor:pointer;}
.question-report-heading [data-close]:hover {background:#eae8e2;}
.question-report-icon {display:block;width:22px;height:22px;flex-shrink:0;}
.question-report-mark .question-report-icon {width:25px;height:25px;}
.question-report-form {display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.question-report-content {overflow:auto;overscroll-behavior:contain;padding:18px 24px 20px;min-height:0;}
.question-report-note {display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #d7e9dc;border-radius:14px;background:#eaf4ec;color:#315a3e;margin:0 0 18px;font-size:12px;line-height:1.65;}
.question-report-note .question-report-icon {width:18px;height:18px;margin-top:2px;color:#006d37;}
.question-report-note p {margin:0;}
.question-report-note strong {font-weight:800;}
.question-report-box fieldset {border:0;padding:0;margin:0;min-width:0;}
.question-report-box legend {font-size:14px;font-weight:800;margin-bottom:10px;}
.question-report-options {display:grid;gap:9px;}
.question-report-choice {position:relative;display:flex;align-items:center;gap:12px;min-height:65px;padding:11px 13px;border:1px solid #e1e5dc;border-radius:15px;background:white;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;}
.question-report-choice:hover {border-color:#a8c7ad;}
.question-report-choice input {position:absolute;right:15px;width:20px;height:20px;opacity:0;cursor:pointer;margin:0;}
.question-report-option-icon {display:grid;place-items:center;width:37px;height:37px;border-radius:11px;flex-shrink:0;background:#f0eee8;color:#526152;}
.question-report-option-copy {display:flex;flex-direction:column;flex:1;min-width:0;}
.question-report-option-title {font-size:13px;font-weight:800;color:#263b2b;line-height:1.55;}
.question-report-option-description {font-size:11px;color:#738071;line-height:1.5;margin-top:1px;}
.question-report-radio {display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border:2px solid #d8ded4;border-radius:50%;background:#fff;color:#fff;}
.question-report-radio .question-report-icon {width:13px;height:13px;opacity:0;}
.question-report-choice:has(input:checked) {border-color:#27ae60;background:#edf8ef;box-shadow:0 0 0 1px #27ae60;}
.question-report-choice:has(input:checked) .question-report-option-icon {background:#d8efdf;color:#006d37;}
.question-report-choice:has(input:checked) .question-report-radio {background:#006d37;border-color:#006d37;}
.question-report-choice:has(input:checked) .question-report-radio .question-report-icon {opacity:1;}
.question-report-choice:focus-within {outline:3px solid #9ad5ae;outline-offset:3px;}
.question-report-description {display:block;margin-top:16px;}
.question-report-description-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-weight:800;font-size:13px;}
.question-report-description-heading small {font-size:10px;font-weight:600;color:#738071;white-space:nowrap;}
.question-report-box textarea {display:block;width:100%;min-height:90px;padding:11px 13px;border:1px solid #cdd8c9;border-radius:12px;background:#fff;color:#263b2b;font-size:13px;font-weight:600;line-height:1.6;resize:vertical;}
.question-report-box textarea::placeholder {color:#869180;}
.question-report-box textarea:focus {outline:3px solid #d0ead6;border-color:#27ae60;}
.question-report-box [data-error] {color:#ba1a1a;margin:10px 0 0;font-size:12px;}
.question-report-box [data-error]:empty {display:none;}
.question-report-footer {display:flex;align-items:center;gap:10px;padding:15px 24px 20px;border-top:1px solid #e1e6db;background:#fff;flex-shrink:0;}
.question-report-footer button {display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:13px;padding:10px 16px;font-size:13px;font-weight:800;line-height:1.5;cursor:pointer;transition:transform .15s,box-shadow .15s;}
.question-report-footer [data-cancel] {background:#f0eee8;color:#3d4a3f;box-shadow:0 3px 0 #dbdad4;min-width:85px;}
.question-report-footer button[type=submit] {flex:1;background:#27ae60;color:#fff;box-shadow:0 3px 0 #1e8449;}
.question-report-footer button:active {transform:translateY(2px);box-shadow:none;}
.question-report-footer button:focus-visible,.question-report-heading button:focus-visible {outline:3px solid #9ad5ae;outline-offset:3px;}
@media(max-width:480px) {
 #modal-question-report {padding:12px;}
 .question-report-box {max-height:calc(100dvh - 24px);border-radius:22px;}
 .question-report-heading {padding:17px 18px 15px;gap:11px;}
 .question-report-heading h2 {font-size:18px;letter-spacing:-.3px;}
 .question-report-mark {width:43px;height:43px;border-radius:14px;}
 .question-report-eyebrow {font-size:9px;letter-spacing:.8px;}
 .question-report-content {padding:15px 18px 16px;}
 .question-report-note {margin-bottom:14px;padding:10px 12px;}
 .question-report-choice {min-height:61px;padding:10px 11px;gap:10px;}
 .question-report-option-title {font-size:12px;}
 .question-report-option-description {font-size:10px;}
 .question-report-footer {padding:13px 18px max(16px,env(safe-area-inset-bottom));gap:8px;}
 .question-report-footer button {padding:9px 11px;font-size:12px;}
 .question-report-box textarea {font-size:16px;min-height:84px;}
}
@media(prefers-reduced-motion:reduce) {.question-report-choice,.question-report-footer button {transition:none;}}
@media(max-width:767px){
 #arena-action-buttons > .practice-help-report {display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:6px!important;}
 #arena-action-buttons > .practice-help-report button,#arena-action-buttons .practice-help-report #btn-open-support {height:40px!important;min-height:40px!important;width:100%!important;padding:0 8px!important;font-size:13px!important;box-shadow:none!important;}
 #btn-report-question {background:#efeeea;color:#1b1c1a;}
 #btn-report-question .question-report-button-icon {width:17px;height:17px;}
 #arena-action-buttons .practice-help-report button:active:not(:disabled) {transform:translateY(2px)!important;}
 #arena-action-buttons .practice-help-report .material-symbols-outlined {font-size:17px!important;}
}

@media(prefers-reduced-motion:reduce) {#btn-report-question {transition:none;}}