:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.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}.app-shell{grid-template-columns:minmax(240px,320px) minmax(0,1fr);min-height:100vh;display:grid}.side-panel{color:#f7fafb;background:#172026;align-content:space-between;gap:32px;padding:40px 32px;display:grid}.side-panel h1,.page-heading h2{letter-spacing:0;margin:0;line-height:1.05}.side-panel h1{font-size:38px}.summary{color:#c6d1d6;margin:18px 0 0;line-height:1.6}.eyebrow{color:#0f8b8d;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:700}.side-panel .eyebrow{color:#5eead4}.stats{gap:12px;margin:0;display:grid}.stats div{border-top:1px solid #ffffff2e;justify-content:space-between;padding-top:12px;display:flex}.stats dt{color:#c6d1d6}.stats dd{margin:0;font-weight:800}.quiz-surface{align-content:start;gap:24px;padding:56px;display:grid}.page-heading{max-width:780px}.page-heading h2{font-size:34px}.page-heading p:last-child{color:#4e5b61;margin:14px 0 0;font-size:18px;line-height:1.55}.stimulus{background:#fff;border:1px solid #dce3e6;border-radius:8px;max-width:820px;padding:20px}.stimulus p{margin:0;line-height:1.6}.stimulus img,.option img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%;display:block}.option-grid,.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px;display:grid}.option{color:#172026;cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd6da;border-radius:8px;align-items:center;gap:12px;min-height:88px;padding:18px;display:grid}.option:hover,.option:focus-visible{border-color:#0f8b8d;outline:none}.option.selected{background:#e8fbf7;border-color:#0f8b8d;box-shadow:inset 0 0 0 1px #0f8b8d}.option span{font-weight:700;line-height:1.35}.criterion{color:#4e5b61;margin:0 0 12px}.match-board{grid-template-columns:max-content minmax(260px,300px);align-items:start;gap:18px;max-width:920px;display:grid}.match-column{align-content:start;gap:12px;display:grid}.match-bank.empty{display:none}.match-column h3{color:#4e5b61;letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px}.match-list,.match-options{gap:12px;display:grid}.match-options{grid-template-columns:repeat(2,minmax(0,1fr))}.match-row{grid-template-columns:150px 150px 38px;align-items:stretch;gap:10px;display:grid}.match-prompt,.match-slot,.match-option{color:#172026;background:#fff;border:1px solid #cbd6da;border-radius:8px;align-items:center;gap:10px;min-height:0;padding:6px;display:flex;overflow:hidden}.match-prompt,.match-slot{aspect-ratio:1}.match-prompt span,.match-assigned,.match-option span{font-weight:700;line-height:1.35}.match-slot{cursor:pointer;outline:none;justify-content:space-between}.match-prompt img,.match-option img,.match-assigned img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.match-assigned{width:100%;height:100%;display:block;overflow:hidden}.match-row.ready .match-slot{border-style:dashed}.match-row.over .match-slot,.match-slot:focus-visible{border-color:#0f8b8d;box-shadow:inset 0 0 0 1px #0f8b8d}.match-row.filled .match-slot{background:#e8fbf7;border-color:#0f8b8d}.match-option{aspect-ratio:1;cursor:grab;text-align:left;touch-action:none;justify-content:flex-start;width:100%;min-height:0}.match-option:active{cursor:grabbing}.match-option:hover,.match-option:focus-visible{border-color:#0f8b8d;outline:none}.match-option.matched{color:#4e5b61;background:#f0f5f6}.match-option.pending{border-color:#0f8b8d;box-shadow:inset 0 0 0 1px #0f8b8d}.match-option.dragging{opacity:.45}.match-option.overlay{aspect-ratio:1;cursor:grabbing;opacity:.96;max-width:132px;height:132px;box-shadow:0 12px 30px #1720262e}.match-clear{color:#4e5b61;cursor:pointer;background:#fff;border:1px solid #cbd6da;border-radius:8px;align-self:stretch;min-width:38px;font-weight:800}.match-clear:disabled{color:#c6d1d6;cursor:not-allowed}.feedback-row{justify-content:space-between;align-items:center;gap:18px;max-width:820px;display:flex}.feedback{color:#4e5b61;gap:4px;min-height:48px;display:grid}.feedback strong{color:#172026}.nav-actions{gap:10px;display:flex}.nav-actions button{color:#172026;cursor:pointer;background:#fff;border:1px solid #cbd6da;border-radius:8px;min-width:104px;padding:11px 16px}.nav-actions button:disabled{color:#8a989e;cursor:not-allowed}.nav-actions .primary{color:#fff;background:#0f8b8d;border-color:#0f8b8d}.unsupported{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;gap:6px;max-width:820px;padding:18px;display:grid}@media (width<=820px){.app-shell{grid-template-columns:1fr}.side-panel{padding:28px 22px}.side-panel h1{font-size:30px}.quiz-surface{padding:28px 22px}.page-heading h2{font-size:28px}.option-grid,.compare-grid,.feedback-row{grid-template-columns:1fr}.match-board{grid-template-columns:1fr;gap:14px;max-width:none}.match-bank{order:-1}.match-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.match-list{gap:8px}.match-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;gap:8px}.match-prompt,.match-slot{aspect-ratio:1;min-height:0}.match-clear{min-width:34px}.feedback-row{align-items:stretch;display:grid}.nav-actions{justify-content:stretch}.nav-actions button{width:100%}}