:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f6ee;--text:#173c36;--surface:#fffef9;--border:#aebdb0;--muted:#526a55;--status:#e8ede7;--choice:#edf1e9;--primary:#173c36;--on-primary:#fff;--disabled:#dce2db;--on-disabled:#627264;--success:#e6f4e7;--success-border:#278147;--failure:#fff0eb;--failure-border:#b34737;--focus:#956b13;--meta:#edf0e7;--browser-color:#173c36}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#181d20;--text:#e7eee9;--surface:#232b30;--border:#697c72;--muted:#b1c3b8;--status:#29362f;--choice:#33423a;--primary:#9ccfaf;--on-primary:#14281c;--disabled:#343e39;--on-disabled:#99aaa0;--success:#203e2c;--success-border:#70cf91;--failure:#48292b;--failure-border:#f28f88;--focus:#e9c46a;--meta:#324139;--browser-color:#181d20}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#181d20;--text:#e7eee9;--surface:#232b30;--border:#697c72;--muted:#b1c3b8;--status:#29362f;--choice:#33423a;--primary:#9ccfaf;--on-primary:#14281c;--disabled:#343e39;--on-disabled:#99aaa0;--success:#203e2c;--success-border:#70cf91;--failure:#48292b;--failure-border:#f28f88;--focus:#e9c46a;--meta:#324139;--browser-color:#181d20}}*{box-sizing:border-box}html{background:var(--page);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,select{font:inherit}button,summary,select{cursor:pointer}button{min-height:48px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:860px;margin:auto;padding:24px;display:flex}.brand{color:inherit;letter-spacing:-1px;font-size:27px;font-weight:850;text-decoration:none}.brand span{letter-spacing:2px;margin-top:4px;font-size:11px;font-weight:600;display:block}.quiet{color:inherit;background:0 0;border:0;padding:8px;font-size:14px;text-decoration:underline}.status{background:var(--status);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;max-width:812px;margin:0 auto;padding:12px 20px;font-size:13px;display:flex}main{max-width:860px;margin:24px auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:8px;padding:32px}h1{letter-spacing:-1.4px;margin:12px 0 24px;font-size:clamp(30px,6vw,48px);line-height:1.12}.question-title{letter-spacing:-.6px;font-size:clamp(25px,4.5vw,34px);line-height:1.3}p,li{font-size:17px;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-size:12px;font-weight:750}.intro{padding-left:22px}.intro li{margin:12px 0}.primary,.secondary{border-radius:6px;width:100%;margin-top:14px;padding:16px 20px;font-weight:700;display:block}.primary{background:var(--primary);color:var(--on-primary);border:2px solid var(--primary)}.primary:disabled{background:var(--disabled);border-color:var(--disabled);color:var(--on-disabled);cursor:default}.secondary{border:1px solid var(--border);color:var(--text);background:0 0}.demo{background:#fff0c7;border-radius:6px;padding:12px 16px;font-size:14px}details{margin-top:18px}summary{min-height:44px;padding:10px 0;font-weight:700}fieldset{border:0;margin:22px 0;padding:0}.option{border:1px solid var(--border);border-radius:5px;align-items:center;gap:14px;min-height:60px;margin:12px 0;padding:17px;font-size:18px;display:flex}.option:has(input:checked:not(:disabled)){border-color:var(--text);background:var(--choice)}.option input{width:23px;height:23px;accent-color:var(--primary);flex-shrink:0}.option small{margin-top:6px;font-size:13px;display:block}.option.valid{border-color:var(--success-border);background:var(--success)}.option.invalid{border-color:var(--failure-border);background:var(--failure)}.question-meta{flex-wrap:wrap;gap:8px;display:flex}.question-meta span{background:var(--meta);border-radius:4px;padding:6px 10px;font-size:12px}.pair{grid-template-columns:1fr 1.5fr;align-items:center;gap:12px;margin:15px 0;font-size:18px;display:grid}.pair select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--text);border-radius:6px;padding:8px}.result{border-radius:6px;margin:18px 0;padding:18px}.result h2{margin:0;font-size:23px}.success{background:var(--success);border-left:5px solid var(--success-border)}.failure{background:var(--failure);border-left:5px solid var(--failure-border)}.result li{font-size:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}td,th{text-align:left;border:1px solid var(--border);padding:12px}figure{margin:18px 0}.image-button{border:1px solid var(--border);background:var(--page);width:100%;color:var(--text);border-radius:6px;padding:0;overflow:hidden}.image-button img{object-fit:contain;width:100%;max-height:260px;display:block}.image-button span{padding:10px;font-size:13px;display:block}figcaption{color:var(--muted);margin-top:7px;font-size:13px}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;width:95vw;max-width:1100px;padding:16px}dialog::backdrop{background:#080e0bbf}.zoom-scroll{max-height:75vh;overflow:auto}.zoom-scroll img{width:100%;min-width:640px;display:block}footer{text-align:center;color:var(--muted);padding:12px 20px 32px;font-size:12px;line-height:1.8}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=520px){header{padding:20px 16px}.brand{font-size:24px}.status{margin:0 16px}main{margin-top:16px;padding:0 12px}.card{border-radius:8px;padding:22px 18px}.pair{grid-template-columns:1fr}.quiet{font-size:12px}}.option.missed{border-color:var(--success-border);background:var(--success)}.pair.valid{border:1px solid var(--success-border);background:var(--success);border-radius:6px;padding:10px}.pair.invalid{border:1px solid var(--failure-border);background:var(--failure);border-radius:6px;padding:10px}.pair small{margin-top:6px;font-size:13px;display:block}#correct-answer{margin:16px 0}.option span,.pair span{overflow-wrap:anywhere;min-width:0}.result,.question-title{overflow-wrap:anywhere}.image-button img,.zoom-scroll img{background:#fff}.header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface);max-width:100%;min-height:48px;color:var(--text);border-radius:5px;padding:8px 12px;font-size:13px}.correction{border-left:3px solid var(--focus);margin:16px 0;padding-left:12px}.correction summary{font-size:14px}.correction p{font-size:15px}