/* Measured against the live official English Reading practice, 2026-09-29. */
.exam-page{background:#e9ecf0;height:calc(100vh - 4px);padding:2px;border:1px solid transparent;border-bottom:3px solid transparent;box-sizing:border-box}
.exam-page:has(.map-item-root:focus){border-color:#003766;box-shadow:0 0 8px rgba(0,0,0,.12),0 8px 8px rgba(0,0,0,.24)}
.exam-toolbar{height:50px;min-height:50px;width:970px;max-width:100%;margin:0 auto 8px;align-items:flex-start;border-bottom:2px solid #1e8eb8}
.exam-toolbar .tool-button .map-icon{display:none}
.exam-toolbar .tool-button{padding:0;min-height:0;flex-shrink:0;height:36px;box-sizing:content-box;color:#000}
.exam-toolbar .tool-button:hover:enabled{background-color:#fff}
.exam-content.map-rendered-content{padding:0;border:1px solid transparent;border-bottom:3px solid transparent;box-sizing:border-box;font:14px OpenSans,Verdana,Geneva,sans-serif}
.exam-footer{padding:8px 0;border:1px solid transparent;border-bottom:3px solid #1e8eb8;min-height:60px;background:#fff}
.exam-footer-inner{height:40px;min-height:40px;padding:0;gap:0}
.exam-meta{flex:1;gap:0;justify-content:space-evenly;font:400 16px "Open Sans",Arial,sans-serif;color:#626264}
.exam-meta .question-number{font:700 16px "Open Sans",Arial,sans-serif;color:#005783}
.exam-footer .reset-button{font:600 14px/16px "Open Sans",Arial,sans-serif;letter-spacing:1.5px;color:#004b88}
.exam-footer .next-button{height:40px;width:116px;background:#33c8db;border-radius:3px;color:#161616}
.exam-footer .next-button:disabled{background:#dedee0;color:#626264}
@media(max-width:980px){.exam-toolbar,.exam-content,.exam-footer-inner{width:100%;max-width:970px}.exam-meta{font-size:14px;gap:12px}.exam-meta .question-number{font-size:14px}}
dialog.exam-reset-dialog{width:520px;max-width:calc(100vw - 32px);top:calc((100vh - 220px)/4);bottom:auto;margin:0 auto;padding:0;border:1px solid #c5c5c5;border-radius:0;box-shadow:0 2px 5px #0005;font:16px "Open Sans",Arial,sans-serif}
dialog.exam-reset-dialog::backdrop{background:rgba(0,0,0,.7)}
.exam-reset-dialog .dialog-header{height:60px;background:#eeeef0;padding:6.4px 16px;border:0;display:flex;align-items:center}
.exam-reset-dialog .dialog-header h2{font:700 20px/28px "Open Sans",Arial,sans-serif;letter-spacing:1.5px;margin:0;color:#161616}
.exam-reset-dialog .dialog-header button{position:absolute;width:1px;height:1px;padding:0;clip:rect(1px,1px,1px,1px);overflow:hidden}
.exam-reset-dialog .dialog-body{padding:32px 16px 0}
.exam-reset-dialog .dialog-body p{font:300 20px/28px "Open Sans",Arial,sans-serif;margin:0;color:#414142}
.exam-reset-dialog .dialog-actions{padding:32px 16px 24px;border:0;display:flex;justify-content:flex-start;gap:20px}
.exam-reset-dialog .dialog-actions button{height:40px;padding:0 16px;font:400 14px/16px "Open Sans",Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;border:1px solid #333;border-radius:3px;background:#e8f2f6;color:#313537}
.exam-reset-dialog .dialog-actions button.primary{display:flex;align-items:center;gap:5px;background:#0872b9;color:#fff;border:0}
.exam-reset-dialog .dialog-actions button.primary .map-icon{font-size:20px;letter-spacing:0}