/* Scoped styles: native dialog sits above the trainer's sticky controls. */
button.question-help-button{display:inline-flex;align-items:center;gap:9px;min-height:46px;margin:0 0 18px;padding:10px 14px;border:1px solid #8dbbb4;border-radius:12px;background:#eff9f6;color:#195e57;font:650 15px/1.4 system-ui,-apple-system,sans-serif;cursor:pointer;text-align:left;white-space:normal}
.question-help-button .qh-badge{font-size:11px;letter-spacing:.05em;background:#226e65;color:#fff;border-radius:5px;padding:3px 5px;flex:none}
.qh-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 40px));height:min(900px,90dvh);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #d1e0dc;border-radius:22px;background:#fff;color:#153a44;font:16px/1.6 system-ui,-apple-system,sans-serif;box-shadow:0 24px 100px #082d4550;overflow:hidden;color-scheme:light}
.qh-dialog::backdrop{background:#08252bcc;backdrop-filter:blur(3px)}
.qh-dialog *{box-sizing:border-box}
.qh-dialog .qh-shell{height:100%;display:flex;flex-direction:column;min-height:0}
.qh-dialog .qh-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:18px 24px;border-bottom:1px solid #dce7e3;background:#f0f7f4}
.qh-dialog .qh-eyebrow{display:block;font-size:12px;color:#536f70;line-height:1.4}
.qh-dialog h2{margin:4px 0 0;font-size:22px;line-height:1.3;color:#153a44;letter-spacing:normal}
.qh-dialog h3{font-size:17px;line-height:1.4;margin:24px 0 10px;color:#153a44;letter-spacing:normal}
.qh-dialog p{margin:12px 0;overflow-wrap:anywhere}
.qh-dialog button{font:650 15px/1.4 system-ui,-apple-system,sans-serif;cursor:pointer;min-height:46px;border:1px solid #bbd5cd;border-radius:10px;padding:10px 14px;background:#fff;color:#195e57;white-space:normal}
.qh-dialog .qh-close{flex:none}
.qh-dialog .qh-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 28px 24px;scrollbar-gutter:stable}
.qh-dialog .qh-format{font-size:13px;font-weight:650;color:#536f70;margin:16px 0 8px}
.qh-dialog .qh-question{font-size:21px;font-weight:700;line-height:1.5;margin:8px 0 18px}
.qh-dialog details{border:1px solid #d3e2dd;border-radius:12px;margin:16px 0;padding:12px 16px;scroll-margin:12px}
.qh-dialog summary{font-weight:650;cursor:pointer;min-height:28px;line-height:1.6;overflow-wrap:anywhere}
.qh-dialog .qh-original{font-size:14px;color:#536f70}
.qh-dialog .qh-terms,.qh-dialog .qh-correct{list-style:none;margin:0;padding:0}
.qh-dialog .qh-terms li{padding:12px 0;border-bottom:1px solid #e0eae5}
.qh-dialog .qh-terms li span,.qh-dialog .qh-correct li span{display:block;overflow-wrap:anywhere}
.qh-dialog .qh-en{color:#536f70;font-size:14px;margin-bottom:4px;line-height:1.5}
.qh-dialog .qh-hint{background:#fff9ed;border-color:#e7d8b6}
.qh-dialog .qh-answer{margin-top:22px}
.qh-dialog #qhReveal{width:100%;background:#eef7f3;text-align:left}
.qh-dialog .qh-correct li{border-left:3px solid #2b7569;padding:10px 14px;margin:10px 0;background:#f1f8f5}
.qh-dialog .qh-correct li span[lang=en]{font-size:14px;color:#536f70;margin-bottom:4px}
.qh-dialog .qh-memory{padding:16px 18px;background:#eaf4ef;border-radius:12px;margin:20px 0}
.qh-dialog .qh-memory h3{margin:0 0 8px}.qh-dialog .qh-memory p{margin:0}
.qh-dialog a{color:#195e57;text-underline-offset:3px}
.qh-dialog .qh-footnote{font-size:13px;color:#536f70;margin-top:22px}
.qh-dialog .qh-bottom{flex:none;padding:12px 24px;border-top:1px solid #dce7e3;background:#f7faf8}
.qh-dialog .qh-return{width:100%;background:#226e65;color:#fff;border-color:#226e65}
.qh-dialog [hidden]{display:none!important}
.qh-dialog :is(button,summary,a):focus-visible,button.question-help-button:focus-visible{outline:3px solid #bc7626;outline-offset:3px}
@media(max-width:600px){
 .qh-dialog{width:100%;height:100dvh;margin:0;inset:0;border:0;border-radius:0}
 .qh-dialog .qh-header{padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:10px}
 .qh-dialog h2{font-size:19px}.qh-dialog .qh-eyebrow{font-size:11px}
 .qh-dialog .qh-close{font-size:14px;padding:10px;min-width:96px}
 .qh-dialog .qh-content{padding:6px max(18px,env(safe-area-inset-right)) 24px max(18px,env(safe-area-inset-left));scrollbar-gutter:auto}
 .qh-dialog .qh-question{font-size:20px}
 .qh-dialog .qh-bottom{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
 .qh-dialog .qh-return{min-height:48px}
}
@media(max-height:420px){.qh-dialog .qh-header{padding-top:8px;padding-bottom:8px}.qh-dialog .qh-bottom{padding-top:6px;padding-bottom:6px}}