/* Shared styles for the Reasoning & Aptitude tests (/tools/quizzes/reasoning-tests/).
 * Consumed by reasoning-core.js output. Mirrors the look of the IQ test but
 * self-contained under the rt- prefix so each reasoning test links only this file. */
:root { --rt-accent: #4f46e5; --rt-accent-2: #7c3aed; }
.rt-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:1rem; }
.rt-timer { font:600 1.05rem/1 'JetBrains Mono',monospace; color:var(--rt-accent-2); }
.rt-note { background:rgba(79,70,229,.06); border:1px solid rgba(79,70,229,.2); border-radius:12px; padding:.9rem 1.1rem; font-size:.9rem; color:var(--text,#14152e); margin:0 0 1.25rem; }
.rt-q { margin:0 0 1rem; }
.rt-cat { float:right; font:600 .7rem/1.4 'JetBrains Mono',monospace; letter-spacing:.5px; text-transform:uppercase; color:var(--rt-accent); background:rgba(79,70,229,.08); border-radius:100px; padding:.15rem .6rem; }
.rt-stem { font:600 1.3rem/1.5 'JetBrains Mono',monospace; letter-spacing:.03em; margin:.6rem 0 1rem; color:var(--text,#14152e); }
.rt-stem-word { font:700 1.35rem/1.5 'Outfit',sans-serif; letter-spacing:.01em; }
.rt-stem-svg, .rt-opts-svg { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
.rt-stem-svg { margin:.6rem 0 1rem; }
.rt-svg { width:64px; height:64px; color:var(--rt-accent-2); flex:0 0 auto; }
.rt-qmark { font:900 2rem/1 'Orbitron',sans-serif; color:var(--muted,#5a5f7a); padding:0 .4rem; }
.rt-opts { display:flex; flex-direction:column; gap:.15rem; }
.rt-opt-text { font:500 1.05rem/1.4 'Outfit',sans-serif; }
.rt-opt-mono .rt-opt-text { font-family:'JetBrains Mono',monospace; }
.rt-opt:hover { background:rgba(79,70,229,.07); }
.rt-opts-svg .rt-opt-svg { border:1px solid var(--border,#cdd1f0); border-radius:12px; padding:.4rem; margin:0; }
.rt-opts-svg .rt-opt-svg:has(input:checked) { border-color:var(--rt-accent); box-shadow:0 0 0 2px rgba(79,70,229,.25); }
.rt-opt-svg input { position:absolute; opacity:0; }
.rt-submit { margin-top:.5rem; }
.rt-scorecard { border:2px solid var(--rt-accent); border-radius:16px; padding:1.75rem; text-align:center; background:var(--surface,#fff); }
.rt-bignum { font:900 3.5rem/1 'Orbitron',sans-serif; }
.rt-bignum span { font-size:1.4rem; color:var(--muted,#5a5f7a); }
.rt-band { font:700 1.35rem/1.3 'Outfit',sans-serif; margin:.4rem 0 .3rem; color:var(--text,#14152e); }
.rt-meta { font-size:.95rem; color:var(--muted,#5a5f7a); }
.rt-catbreak { max-width:360px; margin:1.25rem auto 0; text-align:left; }
.rt-catrow { display:flex; justify-content:space-between; border-bottom:1px solid var(--border,#e5e7eb); padding:.4rem 0; font-size:.9rem; }
.rt-disclaimer { font-size:.85rem; color:var(--muted,#5a5f7a); line-height:1.6; margin:1.25rem auto 0; max-width:480px; }
.rt-share { justify-content:center; }