/* Mock test controls use the shared, responsive question reader. */
.tre-mock-page [hidden]{display:none!important}
.tre-mock-toolbar{position:sticky;top:var(--tre-header-height,70px);z-index:25;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:9px 0;margin:0 0 12px;background:var(--ds-bg);border-bottom:1px solid var(--ds-border);font-size:.82rem}
.tre-mock-clock{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ds-text-muted)}
.tre-mock-clock strong{font-size:1rem;color:var(--ds-heading);margin-left:4px}
.tre-mock-toolbar #tre-mock-answered{margin-right:auto;color:var(--ds-text-muted);white-space:nowrap}
.tre-mock-toolbar button,.tre-mock-dialog button{min-height:38px;border:1px solid var(--ds-border);border-radius:6px;padding:7px 11px;background:var(--ds-surface);color:var(--ds-text);font:inherit;font-size:.82rem;cursor:pointer}
.tre-mock-page .tre-mock-primary{background:var(--ds-primary);color:var(--ds-on-primary,#fff);border-color:var(--ds-primary);font-weight:650}
.tre-mock-page .tre-paper-side{top:calc(var(--tre-header-height,70px) + var(--tre-toolbar-height,56px) + 14px);max-height:calc(100dvh - var(--tre-header-height,70px) - var(--tre-toolbar-height,56px) - 28px)}
.tre-mock-page .tre-original-q,.tre-mock-result{scroll-margin-top:calc(var(--tre-header-height,70px) + var(--tre-toolbar-height,56px) + var(--tre-jump-offset,0px) + 18px)}
.tre-mock-page .tre-original-choice.is-selected{border-color:var(--ds-primary);background:var(--ds-primary-soft);box-shadow:inset 3px 0 var(--ds-primary)}
.tre-mock-page .tre-original-n.is-answered{border-color:var(--ds-primary);background:var(--ds-primary-soft);color:var(--ds-primary-strong)}
.tre-mock-page .tre-original-n{position:relative}
.tre-mock-page .tre-original-n.is-marked:after{content:"";position:absolute;right:3px;top:3px;width:6px;height:6px;border-radius:50%;background:var(--ds-warning,#a86900)}
.tre-mock-page .tre-original-n.is-skipped{background:var(--ds-surface-soft);color:var(--ds-text-muted)}
.tre-mock-page .tre-question-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}
.tre-mock-clear,.tre-mock-mark{font:inherit;font-size:.8rem;border:0;background:none;color:var(--ds-primary-strong);cursor:pointer;padding:4px 0;min-height:32px}
.tre-mock-clear:disabled{color:var(--ds-text-muted);cursor:default}
.tre-mock-mark[aria-pressed="true"]{font-weight:700}
.tre-mock-clock .is-urgent{color:var(--ds-danger)}
.tre-mock-result{border:1px solid var(--ds-border);border-radius:10px;padding:20px;margin-bottom:20px;background:var(--ds-surface)}
body[data-ds="2031"] .tre-mock-result h2{font-size:1.18rem;margin:0 0 8px;max-width:none}
body[data-ds="2031"] .tre-mock-result p{font-size:.88rem;line-height:1.75;margin:9px 0}
.tre-mock-marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}
.tre-mock-marks>div{padding:12px 15px;border-radius:7px;background:var(--ds-surface-soft);min-width:0}
.tre-mock-marks span,.tre-mock-marks small{display:block;color:var(--ds-text-muted);font-size:.78rem;line-height:1.7}
.tre-mock-marks strong{display:block;font-size:1.6rem;line-height:1.6;color:var(--ds-primary-strong)}
.tre-mock-dialog{width:min(440px,calc(100% - 32px));padding:22px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-surface);color:var(--ds-text);box-sizing:border-box}
.tre-mock-dialog::backdrop{background:#0009}
body[data-ds="2031"] .tre-mock-dialog h2{font-size:1.15rem;margin:0 0 10px;max-width:none}
body[data-ds="2031"] .tre-mock-dialog p{font-size:.95rem;line-height:1.8}
.tre-mock-dialog>div{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.tre-mock-next{display:inline-block;margin-top:18px;color:var(--ds-primary-strong);font-weight:650}
.tre-mock-save-warning{color:var(--ds-danger);font-size:.85rem;line-height:1.75}
@media(max-width:860px){.tre-mock-page .tre-paper-side{top:calc(var(--tre-header-height,60px) + var(--tre-toolbar-height,56px));max-height:none}.tre-mock-toolbar{margin-bottom:5px}.tre-mock-page .tre-shell{--tre-jump-offset:53px}}
@media(max-width:420px){.tre-mock-toolbar{gap:8px}.tre-mock-toolbar button{padding:6px 9px}.tre-mock-marks{gap:8px}.tre-mock-marks>div{padding:10px}.tre-mock-result{padding:15px}}