/* Loads after keyboard-test.css, which provides the shared page, hero, metric and FAQ styles. */
.mt-zone { cursor:crosshair; user-select:none; -webkit-user-select:none; }
.mt-grid { display:grid; grid-template-columns:minmax(200px,300px) 1fr; gap:32px; align-items:center; }
.mt-mouse { display:block; width:100%; max-width:260px; height:auto; margin:auto; }
.mt-part { fill:#1a2635; stroke:#3c4b60; stroke-width:2; transition:fill .12s; }
.mt-part.tested { fill:#173c35; stroke:#397969; }
.mt-part.pressed { fill:var(--accent); stroke:var(--accent); }
.mt-part.flagged { fill:#facc15; stroke:#facc15; }
.mt-mouse text { fill:#c3cedb; font:12px 'Share Tech Mono',monospace; pointer-events:none; }
.mt-checks { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; padding:0; list-style:none; }
.mt-checks li { display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:52px; padding:10px 14px; border:1px solid #3c4b60; border-radius:6px; background:#1a2635; color:#c3cedb; font-size:13px; }
.mt-checks li.tested { border-color:#397969; background:#173c35; color:#8be8d2; }
.mt-checks b { font:600 15px 'Share Tech Mono',monospace; white-space:nowrap; }
.mt-verdict p { margin:0 0 10px; }
.mt-history:empty::after { content:'Clicks, wheel turns and movement results will appear here.'; }
.mt-table-wrap { overflow-x:auto; margin:18px 0; }
.mt-table { width:100%; min-width:560px; border-collapse:collapse; font-size:14px; }
.mt-table th,.mt-table td { padding:12px 14px; border-bottom:1px solid var(--line); color:var(--muted); line-height:1.6; text-align:left; vertical-align:top; }
.mt-table th { color:var(--text); font:600 13px Oxanium,sans-serif; }
@media(max-width:760px) { .mt-grid { grid-template-columns:1fr; gap:18px; } .mt-mouse { max-width:170px; } }
@media(max-width:420px) { .mt-checks { grid-template-columns:1fr; } .mt-checks li { min-height:44px; } }