.test-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .test-mode-choice{display:flex;min-width:0;min-height:104px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:16px;border:1px solid var(--surface-border);border-radius:var(--radius-control);background:var(--surface-panel);color:var(--text-body);text-align:left;font:400 14px/1.45 var(--font-body);cursor:pointer}
.test-mode-choice strong{color:var(--text-strong);font:650 16px/1.3 var(--font-body)}
.test-mode-choice span{color:var(--text-muted);font:400 14px/1.45 var(--font-body)}
.test-mode-choice:hover,.test-mode-choice:focus-visible{border-color:var(--action);outline:none}
.test-mode-choice:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 28%,transparent)}
.test-mode-choice:disabled{cursor:not-allowed;opacity:.62}
.test-mode-choice.test-mode-selected{border-color:var(--action);outline:2px solid var(--action);outline-offset:2px}
.test-mode-choice.test-mode-completed:not([aria-pressed="true"]){border-color:var(--status-success);background:var(--surface-muted)}
.test-mode-choice .test-mode-completion{color:var(--status-success);font-weight:650}
.test-mode-back{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--action,#58b99b);font:600 14px/1.3 system-ui,sans-serif;text-align:left;cursor:pointer}
.secondary.test-mode-back{padding:8px 0;border:0;background:transparent;color:var(--action,#58b99b)}
.test-mode-back:focus-visible{outline:3px solid var(--action,#2f9b78);outline-offset:3px}
.wrap>#gate{max-width:720px;margin-left:auto;margin-right:auto;border-radius:8px;box-shadow:none}
@media(max-width:560px){.test-mode-options{grid-template-columns:minmax(0,1fr)}.test-mode-choice{min-height:80px}}
@media(prefers-reduced-motion:reduce){.test-mode-choice{scroll-behavior:auto}}

.test-mode-choice[aria-pressed="true"]{border-color:var(--action,#28735b);box-shadow:inset 0 0 0 2px var(--action,#28735b);background:var(--surface-selected)}
.preparation-modes{margin:18px 0 24px}.preparation-modes>h2{font-size:18px}.preparation-modes [role="status"]{color:var(--text-muted,var(--muted,#68766f));font-size:13px}

/* Shared mode cards are controls: keep their affordance visible without hover. */
html .test-mode-choice{
 position:relative;padding-right:64px;border:2px solid color-mix(in srgb,var(--action) 55%,var(--surface-border));
 background:color-mix(in srgb,var(--action) 6%,var(--surface-panel));
}
html .test-mode-choice::after{
 content:'›';position:absolute;right:16px;top:50%;transform:translateY(-50%);
 display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
 background:var(--action);color:var(--action-text,var(--surface-panel));font:600 25px/1 var(--font-body);
}
html .test-mode-choice:not(:disabled):hover{
 border-color:var(--action);background:color-mix(in srgb,var(--action) 13%,var(--surface-panel));
}
html .test-mode-choice:focus-visible{outline:3px solid var(--action);outline-offset:4px}
html .test-mode-choice[aria-pressed="true"]{
 border-color:var(--action);background:color-mix(in srgb,var(--action) 15%,var(--surface-panel));
}
html .test-mode-choice[aria-pressed="true"]::after{content:'✓';font-size:18px}
html .test-mode-choice:disabled:not([aria-pressed="true"]){border-color:var(--surface-border);background:var(--surface-panel)}
html .test-mode-choice:disabled:not([aria-pressed="true"])::after{background:var(--surface-muted);color:var(--text-muted)}