/* Memory, Attention & Stroop Test Set — its own styles (the shared ones are core/tools.css). Scoped .chqt-mt*. */
.chqt-mt-tabs button { flex: 1 1 0; min-width: 0; }
.chqt-mt-stage { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 250px; border-radius: 14px; border: 2px solid var(--chqt-line); background: #0F1714; color: #fff; text-align: center; padding: 16px; }
.chqt-mt-big { margin: 0; font-size: 56px; line-height: 1.1; font-weight: 800; letter-spacing: .04em; min-height: 62px; font-variant-numeric: tabular-nums; }
.chqt-mt-sub { margin: 0; font-size: 15px; opacity: .85; }
.chqt-mt-squares { display: grid; grid-template-columns: repeat(3, 64px); gap: 10px; }
.chqt-mt-sq { width: 64px; height: 64px; border-radius: 12px; border: 2px solid #3d4a45; background: #1f2b27; cursor: pointer; font-size: 16px; -webkit-tap-highlight-color: transparent; }
.chqt-mt-sq[data-lit="1"] { background: #F2C94C; border-color: #F2C94C; }
.chqt-mt-sq:disabled { cursor: default; }
.chqt-mt-colours { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; max-width: 340px; }
.chqt-mt-colours button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 12px; border: 1.5px solid #3d4a45; background: #fff; color: #0F1714; font-size: 17px; font-weight: 600; cursor: pointer; }
.chqt-mt-sw { width: 16px; height: 16px; border-radius: 50%; display: inline-block; }
.chqt-mt-sw--red { background: #D64545; }
.chqt-mt-sw--green { background: #2E9E4F; }
.chqt-mt-sw--blue { background: #3B73D9; }
.chqt-mt-sw--yellow { background: #E8B400; }
.chqt-mt-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.chqt-mt-start { align-self: flex-start; }
.chqt-mt-h3 { font-size: 16px; margin: 14px 0 8px; }
.chqt-mt-history { list-style: none; margin: 0 0 8px; padding: 0; font-size: 15px; }
.chqt-mt-history li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px solid var(--chqt-line); }
.chqt-mt-history li span:last-child { color: var(--chqt-muted); text-align: right; }
.chqt-mt-med { margin-top: 6px; }
@media (max-width: 420px) { .chqt-mt-big { font-size: 46px; } .chqt-mt-squares { grid-template-columns: repeat(3, 58px); } .chqt-mt-sq { width: 58px; height: 58px; } }