/* Reaction Time Test — its own styles (the shared ones are core/tools.css). Scoped .chqt-rt*. */
.chqt-rt-pad { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 210px; border-radius: 14px; border: 2px solid var(--chqt-line); background: var(--chqt-cream); color: var(--chqt-ink); text-align: center; padding: 18px; cursor: pointer; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; transition: background-color .08s linear; }
.chqt-rt-pad:focus-visible { outline: 3px solid var(--chqt-accent); outline-offset: 2px; }
.chqt-rt-pad__title { font-size: 26px; font-weight: 700; line-height: 1.15; }
.chqt-rt-pad__sub { font-size: 15px; opacity: .8; }
.chqt-rt-pad[data-state="wait"] { background: #b23b32; border-color: #8f2f27; color: #fff; cursor: default; }
.chqt-rt-pad[data-state="go"] { background: #0E7C66; border-color: #0A5B4B; color: #fff; }
.chqt-rt-pad[data-state="early"] { background: #f6e2c9; border-color: #d9b483; }
.chqt-rt-pad[data-state="round"], .chqt-rt-pad[data-state="done"] { background: #fff; }
.chqt-rt-pips { display: flex; gap: 8px; list-style: none; margin: 12px 0 0; padding: 0; }
.chqt-rt-pips li { flex: 1 1 0; min-width: 0; border: 1px solid var(--chqt-line); border-radius: 8px; background: #fff; padding: 6px 2px; text-align: center; font-size: 14px; color: var(--chqt-muted); }
.chqt-rt-pips li[data-done="1"] { color: var(--chqt-ink); font-weight: 700; border-color: var(--chqt-accent); }
.chqt-rt-actions { margin-top: 14px; }
.chqt-rt-wrap { background: #fff; border: 1px solid var(--chqt-line); border-radius: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 14px; }
.chqt-rt-table { border-collapse: collapse; width: 100%; font-size: 15px; line-height: 1.3; color: var(--chqt-ink); }
.chqt-rt-table caption { text-align: left; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); padding: 10px 10px 4px; }
.chqt-rt-table th, .chqt-rt-table td { padding: 7px 8px; border-top: 1px solid var(--chqt-line); text-align: right; }
.chqt-rt-table thead th { font-size: 13px; color: var(--chqt-muted); font-weight: 700; border-top: 0; }
.chqt-rt-table th:first-child, .chqt-rt-table thead th:first-child { text-align: left; }
.chqt-rt-table tr[data-band="you"] td, .chqt-rt-table tr[data-band="you"] th { background: #eaf3f0; font-weight: 700; }
.chqt-rt-h3 { font-size: 16px; margin: 18px 0 8px; }
.chqt-rt-history { list-style: none; margin: 0; padding: 0; font-size: 15px; }
.chqt-rt-history li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px solid var(--chqt-line); }
.chqt-rt-history li span:last-child { color: var(--chqt-muted); text-align: right; }
.chqt-rt-clear { margin-top: 10px; }
.chqt-rt-med { margin-top: 14px; }
.chqt-opt { font-weight: 400; color: var(--chqt-muted); }
@media (max-width: 420px) { .chqt-rt-pad { min-height: 180px; } .chqt-rt-pad__title { font-size: 22px; } .chqt-rt-pips li { font-size: 13px; } }