/* Reference-led exam and review layouts, scoped to the mock module. */
@media(max-width:760px){.bei-mock .bei-test-shell .bei-exam-body footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
.bei-mock{--exam-accent:#ef3656;--exam-blue:#1672ec;--exam-muted:#f5f5f8;--exam-border:#e8e9ef;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.bei-mock .bei-instruction-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:22px 0;margin:16px 0;border-top:1px solid var(--exam-border);border-bottom:1px solid var(--exam-border);max-width:640px}.bei-instruction-metrics>div{display:grid;gap:8px}.bei-mock .bei-instruction-metrics strong{background:#edeef3;border-radius:12px;text-align:center;padding:6px 14px;max-width:150px}.bei-mock .bei-instruction-metrics span{font-size:.85em}.bei-mock .bei-instruction-list{padding-left:23px;margin:12px 0 24px;max-width:1000px;line-height:1.8;list-style:decimal}.bei-mock .bei-instructions>h2{font-weight:700}.bei-mock .bei-instruction-start{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:22px;margin-top:22px;border-top:1px solid var(--exam-border)}.bei-mock .bei-instruction-start>span{margin-right:auto}.bei-mock .bei-instruction-pattern summary{cursor:pointer}
.bei-mock .bei-test-shell{height:100dvh;display:flex;flex-direction:column;background:white;overflow:hidden}.bei-mock .bei-test-shell>header{position:relative;display:flex;align-items:center;gap:14px;flex-shrink:0;padding:12px 22px;border-bottom:1px solid var(--exam-border);background:#fff}.bei-mock .bei-test-shell>header>div{flex:1;min-width:0}.bei-mock .bei-test-shell>header h1{font-size:1.15em;margin:0;font-weight:600}.bei-mock .bei-test-shell>header [data-section]{font-size:1.15em;color:#20242b}.bei-mock .bei-test-shell>header .bei-eyebrow{font-size:.7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}.bei-mock .bei-test-shell>header [data-timer]{font-size:.84em;color:var(--exam-accent);display:block}.bei-mock .bei-test-shell>header button{border:0;background:#fff;padding:8px;font-size:1.3em;flex-shrink:0}.bei-mock .bei-test-shell>header .bei-break-button{background:var(--exam-accent);border-radius:9px;color:white;font-weight:700;font-size:1.2em;width:39px;height:39px;padding:0}.bei-mock .bei-save-line{padding:3px 22px;background:#fafbfe;display:flex;gap:12px;align-items:center;min-height:25px;font-size:.76em;flex-shrink:0}.bei-mock .bei-save-line [data-sync]{min-height:0}.bei-mock .bei-sections{background:white;flex-shrink:0;padding:6px 22px;gap:8px;max-height:85px;overflow:auto}.bei-mock .bei-sections button{border:0;border-bottom:2px solid var(--exam-accent);border-radius:0;padding:7px 10px}.bei-mock .bei-sections button:disabled{border-color:transparent}.bei-mock .bei-exam-body{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 300px;overflow:hidden}.bei-mock .bei-exam-body main{min-height:0;overflow:hidden;display:flex;flex-direction:column}.bei-mock .bei-reading{min-height:0;overflow:auto;flex:1;align-items:stretch}.bei-mock .bei-reading aside{max-height:none;min-height:0;overflow:auto;background:#fafbfe}.bei-mock .bei-reading article{padding:18px 24px 30px;overflow:auto}.bei-mock .bei-question-type{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;font-size:.85em}.bei-mock .bei-question-type>span{background:var(--exam-muted);border-radius:8px;padding:4px 9px}.bei-mock .bei-question-type button{border:0;background:transparent;padding:2px 4px;white-space:nowrap}.bei-mock .bei-question-type button[aria-pressed=true]{color:var(--exam-accent)}.bei-mock .bei-question-type button span{font-size:1.5em;vertical-align:middle;margin-left:6px}.bei-mock .bei-question-heading{display:flex;align-items:center;gap:10px;margin:12px 0}.bei-mock .bei-question-number{display:inline-grid;place-items:center;min-width:34px;height:32px;padding:2px 9px;background:#edeef3;border-radius:11px;flex-shrink:0}.bei-mock .bei-mark-positive,.bei-mock .bei-mark-negative{padding:3px 12px;border-radius:10px;font-size:.85em;white-space:nowrap}.bei-mock .bei-mark-positive{background:#def6ed;color:#118e68;margin-left:auto}.bei-mock .bei-mark-negative{background:#fff0f2;color:#e63556}.bei-mock .bei-question-instructions{margin:12px 0 24px}.bei-mock [data-question] h3{font-size:1em;font-weight:600;margin:20px 0 8px}.bei-mock [data-question] h2{font-size:1.08em;line-height:1.6;font-weight:500;margin:22px 0 28px}.bei-mock .bei-options{gap:12px}.bei-mock .bei-options label{display:flex;align-items:center;gap:15px;background:var(--exam-muted);border:2px solid transparent;border-radius:12px;padding:16px;min-height:64px}.bei-mock .bei-options label:has(input:checked){background:#fff0f3;border:2px solid var(--exam-accent)}.bei-mock .bei-options input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;opacity:0;margin:0}.bei-mock .bei-options label:has(input:focus-visible){outline:3px solid #e5a000;outline-offset:3px}.bei-mock .bei-option-letter{display:inline-grid;place-items:center;min-width:31px;width:31px;height:31px;border-radius:50%;background:white;color:#45464b;flex-shrink:0}.bei-mock .bei-options label:has(input:checked) .bei-option-letter{background:var(--exam-accent);color:#fff}.bei-mock .bei-exam-body footer{position:relative;display:flex;align-items:center;gap:15px;background:white;padding:14px 22px;border:1px solid var(--exam-border);border-radius:16px 16px 0 0;flex-shrink:0}.bei-mock .bei-response-actions{display:flex;gap:10px;flex:1}.bei-mock [data-report-question]{color:var(--exam-accent)}.bei-mock .bei-exam-body footer [data-next]{margin-left:auto;min-width:180px;background:var(--exam-accent);border-color:var(--exam-accent);color:white}.bei-mock .bei-grid-panel{overflow:auto;background:#fff;padding:18px;position:relative;min-height:0}.bei-mock .bei-grid-panel>summary{font-size:.9em;color:#333}.bei-mock .bei-palette-close,.bei-mock .bei-palette-backdrop{display:none}.bei-mock .bei-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.bei-mock .bei-palette button{border-radius:11px;min-height:45px;border:1px solid #ccd0d6}.bei-mock .bei-palette .s0{background:white;color:#55595f}.bei-mock .bei-palette .s1{background:#cfd2d2;color:#fff}.bei-mock .bei-palette .s2{background:#3284f3;color:#fff}.bei-mock .bei-palette .s3{background:#ffe09c;color:#674a13}.bei-mock .bei-palette .s4{background:#ffe09c;color:#1768cf;border:2px solid #3284f3}.bei-mock .bei-palette .current{outline:2px solid #19a76c;outline-offset:2px}.bei-mock .bei-grid-panel [data-submit]{background:var(--exam-blue);color:#fff;border:0;min-height:48px}.bei-mock .bei-legend{font-size:.72em;line-height:1.5}.bei-mock dialog{border:0;border-radius:20px;padding:25px;max-height:90dvh;overflow:auto;background:#fff;color:#23262c}.bei-mock dialog header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.bei-mock dialog header h2{margin:0;font-weight:700}.bei-mock dialog header button{border:0;background:white;font-size:1.7em;padding:0 5px}.bei-mock dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.bei-mock .bei-submit-dialog{max-width:650px}.bei-mock .bei-submit-dialog table{min-width:360px}.bei-mock .bei-submit-dialog [data-summary-save]{font-size:.86em;color:#506985}.bei-mock .bei-sheet{width:min(640px,95%)}.bei-mock .bei-sheet label{display:block;margin:14px 0}.bei-mock .bei-sheet select{display:block;width:100%;margin-top:8px}.bei-mock .bei-report-dialog fieldset{border:0;padding:0;margin:0}.bei-mock .bei-report-dialog fieldset label{display:flex;gap:12px;align-items:center;margin:15px 0}.bei-mock .bei-report-dialog textarea{display:block;width:100%;background:var(--exam-muted);border:1px solid var(--exam-border);padding:15px;border-radius:12px;margin-top:10px;font:inherit}.bei-mock .bei-report-dialog [type=submit]{background:var(--exam-accent);border-color:var(--exam-accent)}
.bei-mock .bei-result-card{border:1px solid var(--exam-border);border-radius:20px;background:#fff;padding:26px;margin:26px 0}.bei-mock .bei-result-card>h2{font-size:1.2em;margin:0 0 20px;font-weight:700}.bei-mock .bei-result-tabs{display:flex;gap:10px;overflow:auto;border-bottom:1px solid var(--exam-border);padding-bottom:12px;margin:0 0 22px}.bei-mock .bei-result-tabs button{white-space:nowrap;padding:8px 14px;border:0;background:#f6f7fa}.bei-mock .bei-result-tabs .active{background:#e8f4ff;color:#126ddd;border-bottom:2px solid var(--exam-accent)}.bei-mock .bei-summary-screen .bei-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:16px}.bei-mock .bei-summary-screen .bei-stats>div{border:0;border-radius:15px;background:#f5fbf7;padding:20px}.bei-mock .bei-summary-screen .bei-stats>div:nth-child(2){background:#f9f5ff}.bei-mock .bei-summary-screen .bei-stats>div:nth-child(3){background:#f2f7ff}.bei-mock .bei-summary-screen .bei-stats strong{font-size:1.65em}.bei-mock .bei-small,.bei-mock .bei-attempt-date{font-size:.8em;color:#68727e;line-height:1.65}.bei-mock .bei-standing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.bei-mock .bei-standing>div{display:grid;gap:10px;padding:22px;background:#f9f7fc;border-radius:15px}.bei-mock .bei-standing strong{font-size:1.35em}.bei-mock .bei-standing span{font-size:.8em}.bei-mock .bei-rating{text-align:center}.bei-mock .bei-rating button{border:0;background:transparent;font-size:2.5em;color:#efb42b;line-height:1.1;padding:6px 10px}.bei-mock .bei-distribution{height:13px;background:#edeef3;display:flex;overflow:hidden;border-radius:20px;margin:20px 0}.bei-mock .bei-distribution .correct{background:#1ab57a}.bei-mock .bei-distribution .incorrect{background:#f3395d}.bei-mock .bei-distribution .unanswered{background:#d5d8df}.bei-mock .bei-distribution-counts{display:flex;gap:25px;flex-wrap:wrap}.bei-mock .bei-comparison{display:flex;gap:40px;align-items:flex-end;justify-content:space-around;padding:20px 20px 0;border-bottom:1px solid #dadde6}.bei-mock .bei-comparison>div{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;max-width:180px}.bei-mock .bei-bar-track{height:220px;width:100%;display:flex;justify-content:center;align-items:flex-end;background:repeating-linear-gradient(to top,#eceef3 0,#eceef3 1px,transparent 1px,transparent 55px)}.bei-mock .bei-bar{background:#1672ec;width:26px;min-height:0;border-radius:5px 5px 0 0}.bei-mock .bei-bar.negative{background:#ed4265}.bei-mock .bei-comparison span{font-size:.85em}.bei-mock [data-rank-score]{display:block;width:100%;margin:20px 0;accent-color:var(--exam-blue)}.bei-mock .bei-leaderboard{padding:0;margin:0;list-style:none}.bei-mock .bei-leaderboard li{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--exam-border);padding:18px 0}.bei-mock .bei-leaderboard strong{margin-left:auto;font-size:.9em;white-space:nowrap}.bei-mock .bei-rank{border-radius:50%;background:#eff1f6;min-width:32px;height:32px;display:inline-grid;place-items:center}.bei-mock .bei-your-standing{padding:18px;background:#e8f5ff;border-radius:12px;margin-top:12px}.bei-mock .bei-result-actions{position:sticky;bottom:0;background:white;padding:16px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--exam-border);border-radius:14px}.bei-mock .bei-result-actions [data-view-solutions]{background:var(--exam-blue);border-color:var(--exam-blue);min-width:200px}
.bei-mock:has(.bei-review-shell){position:fixed;inset:0;z-index:1000000;margin:0;max-width:none;border:0;border-radius:0;background:white;overflow:hidden}body:has(.bei-review-shell){overflow:hidden}.bei-mock .bei-review-shell{height:100dvh;display:flex;flex-direction:column;background:white}.bei-mock .bei-review-shell>header,.bei-mock .bei-review-shell>nav{display:flex;align-items:center;gap:15px;padding:14px 24px;border-bottom:1px solid var(--exam-border);flex-shrink:0}.bei-mock .bei-review-shell>header h1{font-size:1.1em;flex:1;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bei-mock .bei-review-shell>header>button{border:0}.bei-mock .bei-review-shell>nav>strong{flex:1}.bei-mock .bei-retry-toggle{display:flex;gap:8px;align-items:center;font-size:.85em;white-space:nowrap}.bei-mock .bei-review-filter{padding:10px 24px;display:flex;align-items:center;gap:20px;flex-shrink:0}.bei-mock .bei-review-filter>span{font-size:.8em;color:#68727e}.bei-mock [data-review-question]{padding:20px max(24px,calc((100% - 1100px)/2));overflow:auto;flex:1;min-height:0}.bei-mock .bei-review-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8em;color:#63717f}.bei-mock .bei-review-meta>span{background:#f5f6f9;border-radius:8px;padding:6px 10px}.bei-mock .bei-review-meta>span:last-child{background:#f2fcf7;color:#168354}.bei-mock [data-bookmark]{margin-left:auto;font-size:1.8em;border:0;background:white;padding:0 8px;color:#52627a}.bei-mock [data-bookmark][aria-pressed=true]{color:#efb42b}.bei-mock [data-review-question] h2{font-size:1.1em;margin:25px 0;line-height:1.6}.bei-mock [data-review-question] img{max-width:100%;max-height:50vh}.bei-mock .bei-answer-status{font-size:.9em}.bei-mock .bei-answer-status.unanswered,.bei-mock .bei-answer-status.incorrect{color:var(--exam-accent)}.bei-mock .bei-review-options{display:grid;gap:13px;margin:24px 0}.bei-mock .bei-review-options>button{display:flex;gap:16px;align-items:center;text-align:left;padding:18px;border:2px solid transparent;background:#f5f5f8;border-radius:13px;opacity:1;color:#20242b}.bei-mock .bei-review-options>button>span:nth-child(2){flex:1}.bei-mock .bei-review-options>button>b{font-size:.75em;font-weight:600;white-space:nowrap}.bei-mock .bei-review-options .correct{background:#dbf5eb;color:#08754f}.bei-mock .bei-review-options .correct .bei-option-letter{background:#16b47c;color:white}.bei-mock .bei-review-options .incorrect{background:#fff0f2;color:#b72843}.bei-mock .bei-review-options .selected:not(.correct):not(.incorrect){border-color:var(--exam-blue);background:#e8f4ff}.bei-mock .bei-solution-explanation{padding:15px 0;border:0;background:transparent}.bei-mock .bei-solution-explanation>summary{color:var(--exam-blue);cursor:pointer;font-weight:600;display:block}.bei-mock .bei-review-shell>footer{display:flex;justify-content:center;gap:14px;padding:16px 24px;border-top:1px solid var(--exam-border);background:white;flex-shrink:0}.bei-mock .bei-review-shell>footer>button{min-width:120px}.bei-mock .bei-review-shell>footer [data-review-report]{color:var(--exam-accent)}.bei-mock .bei-review-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:25px 0 40px}.bei-mock .bei-review-grid button{min-height:50px;border-radius:11px;font-weight:600}.bei-mock .bei-review-grid .correct{background:#1ab57a;color:#fff}.bei-mock .bei-review-grid .incorrect{background:#ef3656;color:#fff}.bei-mock .bei-review-grid .unanswered{background:#cfd2d2;color:#fff}.bei-mock .bei-review-grid .current{outline:2px solid #179e6c;outline-offset:3px}
@media(max-width:900px){.bei-mock .bei-exam-body{grid-template-columns:minmax(0,1fr) 245px}.bei-mock .bei-reading{display:block}.bei-mock .bei-reading aside{width:100%;max-height:28vh}.bei-mock .bei-standing>div{padding:14px}}
@media(max-width:760px){.bei-mock .bei-test-shell>header{padding:10px 14px;gap:10px}.bei-mock .bei-test-shell>header .bei-eyebrow{max-width:52vw}.bei-mock .bei-test-shell>header [data-section]{font-size:1em}.bei-mock .bei-save-line{padding:2px 14px;font-size:.7em}.bei-mock .bei-sections{padding:3px 12px;font-size:.75em;max-height:45px}.bei-mock .bei-exam-body{display:flex;flex-direction:column;overflow:hidden}.bei-mock .bei-exam-body main{flex:1;min-height:0}.bei-mock .bei-reading article{padding:12px 15px 20px;overflow:visible}.bei-mock .bei-question-type{font-size:.77em;margin-bottom:15px}.bei-mock .bei-question-heading{gap:8px}.bei-mock .bei-mark-positive,.bei-mock .bei-mark-negative{padding:3px 9px;font-size:.8em}.bei-mock .bei-options label{min-height:55px;padding:12px;gap:12px}.bei-mock .bei-options{gap:10px}.bei-mock [data-question] h2{font-size:1em;margin:18px 0 20px}.bei-mock .bei-exam-body footer{display:flex;flex-direction:column;padding:12px 15px;gap:10px;border-width:2px 1px 0}.bei-mock .bei-response-actions{display:flex;width:100%;gap:10px}.bei-mock .bei-response-actions>button{flex:1;font-size:.85em;padding:9px}.bei-mock .bei-exam-body footer [data-next]{width:100%;margin:0;min-height:44px;font-size:1em}.bei-mock .bei-grid-panel{display:none}.bei-mock.bei-palette-open .bei-grid-panel{display:flex;flex-direction:column;position:fixed;inset:20dvh 0 0;z-index:21;padding:22px 15px 16px;border:0;border-radius:24px 24px 0 0;background:white;overflow:auto}.bei-mock.bei-palette-open .bei-grid-panel>summary{display:block;color:var(--exam-accent);padding:20px 5px 18px;border-bottom:2px solid var(--exam-accent);pointer-events:none}.bei-mock.bei-palette-open .bei-palette-close{display:block;position:absolute;right:16px;top:10px;background:white;border:0;font-size:1.8em;padding:0 8px}.bei-mock.bei-palette-open .bei-palette-backdrop{display:block;position:fixed;inset:0;z-index:20;background:#0009;border:0;border-radius:0}.bei-mock .bei-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:8px}.bei-mock .bei-palette button{min-height:42px;padding:4px}.bei-mock .bei-grid-panel .bei-legend{margin-top:auto;padding-top:25px;display:flex;flex-wrap:wrap;gap:8px;font-size:.65em}.bei-mock .bei-grid-panel [data-submit]{flex-shrink:0;margin-top:12px}.bei-mock dialog.bei-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;min-height:40dvh;border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom))}.bei-mock dialog.bei-submit-dialog{padding:22px 18px;width:calc(100% - 30px);max-width:none;border-radius:20px}.bei-mock .bei-submit-dialog table{min-width:320px;font-size:.8em}.bei-mock .bei-instruction-metrics{gap:12px}.bei-mock .bei-instruction-metrics span{font-size:.72em}.bei-mock .bei-instruction-start{gap:10px}.bei-mock .bei-instruction-start>span{width:100%}.bei-mock .bei-instruction-start [data-start]{flex:1;background:var(--exam-accent);border-color:var(--exam-accent)}.bei-mock .bei-instruction-list{font-size:.9em}.bei-mock .bei-result-card{padding:18px 15px;margin:20px 0;border-radius:18px}.bei-mock .bei-summary-screen{padding:18px 14px}.bei-mock .bei-summary-screen>h1{font-size:1.3em}.bei-mock .bei-summary-screen .bei-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bei-mock .bei-summary-screen .bei-stats>div{padding:15px 12px}.bei-mock .bei-summary-screen .bei-stats strong{font-size:1.25em;white-space:normal}.bei-mock .bei-standing{gap:8px}.bei-mock .bei-standing>div{padding:16px 8px}.bei-mock .bei-standing strong{font-size:1em;overflow-wrap:anywhere}.bei-mock .bei-standing span{font-size:.7em}.bei-mock .bei-rating button{font-size:2em;padding:4px 8px}.bei-mock .bei-comparison{gap:16px;padding:12px 0 0}.bei-mock .bei-bar-track{height:170px}.bei-mock .bei-bar{width:19px}.bei-mock .bei-leaderboard li{gap:10px;font-size:.85em}.bei-mock .bei-leaderboard strong{font-size:.8em}.bei-mock .bei-result-actions{gap:8px;padding:12px 8px;flex-wrap:wrap}.bei-mock .bei-result-actions [data-view-solutions]{width:100%;min-width:0;order:-1}.bei-mock .bei-result-actions>button{flex:1;font-size:.8em;padding:10px 7px}.bei-mock .bei-review-shell>header,.bei-mock .bei-review-shell>nav{padding:12px 15px;gap:8px}.bei-mock .bei-review-shell>header h1{font-size:.9em}.bei-mock .bei-retry-toggle{font-size:.7em}.bei-mock .bei-review-shell>nav{font-size:.83em}.bei-mock .bei-review-shell>nav button,.bei-mock .bei-review-shell>nav select{padding:7px;font-size:.85em}.bei-mock .bei-review-filter{padding:8px 15px;gap:10px;font-size:.8em}.bei-mock .bei-review-filter select{padding:5px 8px}.bei-mock [data-review-question]{padding:15px}.bei-mock .bei-review-meta{font-size:.72em;gap:8px}.bei-mock .bei-review-options>button{padding:13px;gap:10px;min-height:56px}.bei-mock .bei-review-options>button>b{font-size:.65em}.bei-mock .bei-review-shell>footer{gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}.bei-mock .bei-review-shell>footer>button{min-width:0;flex:1;font-size:.78em;padding:9px 5px}.bei-mock .bei-review-grid{gap:12px}.bei-mock .bei-review-grid button{min-height:43px}}
