/* Scoped QA accessibility; no game selectors. */
#qa-open{font-size:13px;margin-top:12px;min-width:48px;min-height:48px}
#qa-dialog{box-sizing:border-box;max-width:540px;width:calc(100% - 28px);max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;font-size:1rem;line-height:1.7;padding:20px;overflow-wrap:anywhere}
#qa-dialog p{line-height:1.8;font-size:1rem}
#qa-dialog h2{font-size:1.4rem}
#qa-dialog textarea{display:block;box-sizing:border-box;width:100%;min-height:144px;margin-top:8px;font:inherit;font-size:max(16px,1rem);background:#fff;color:#172c37;border-radius:6px;padding:10px}
#qa-dialog button{min-height:48px;min-width:48px;font:inherit;padding:10px 14px}
#qa-dialog .dialog-actions{flex-wrap:wrap}
#qa-dialog :focus-visible,#qa-open:focus-visible{outline:3px solid #ffdf80;outline-offset:3px}
#qa-dialog .qa-trap{position:absolute;left:-10000px}
#qa-status{overflow-wrap:anywhere}
@media(max-width:649px){#qa-open{font-size:1rem}}

/* Explicit hidden rule also overrides the textarea display rule above. */
#qa-dialog [hidden]{display:none!important}
#qa-fields{display:grid;gap:14px}
#qa-fields>label{display:block}
#qa-fields>label:has(input){padding:8px 0;line-height:1.7}
#qa-fields input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin:0 8px 0 0}
#qa-fields textarea{margin-top:0;resize:vertical;max-height:40vh}
#qa-summary{margin:0}
#qa-status{margin:16px 0}
#qa-status:empty{display:none}
#qa-dialog .dialog-actions{position:sticky;bottom:-20px;padding:12px 0;margin-top:16px;background:#123e35}
#qa-dialog button:disabled{opacity:.65;cursor:wait}
@media(max-width:649px),(max-height:700px){
 #qa-dialog{padding:16px;scroll-padding:16px}
 #qa-dialog h2{margin:0 0 12px}
 #qa-dialog p{margin-top:12px;margin-bottom:12px}
 #qa-dialog .dialog-actions{bottom:-16px}
 #qa-fields textarea{min-height:112px}
}
