/* iq screen styles — Math IQ: the weekly test, the score, the season */
.miq-wait { margin-top: 30px; }
.miq-hint { margin: 14px auto 10px; width: fit-content; max-width: 100%; text-align: center; font-size: 1.05rem; font-weight: 800; color: var(--chalk);
  background: var(--navy-deep); border: 3px solid var(--navy-line); border-radius: var(--r-pill); padding: 6px 16px; }
.miq-next { margin-top: 2px; }
.miq .ab.is-picked { transform: translateY(3px) scale(1.03); box-shadow: 0 0 0 6px var(--chalk), 0 3px 0 var(--cd); }
.miq .ans:has(.is-picked) .ab:not(.is-picked) { opacity: 0.7; }

/* the score card */
.result .miq-num { color: var(--red); text-shadow: 0 5px 0 var(--paper-2); font-size: 4.6rem; margin: 6px 0 2px; }
html[data-grade="1"] .result .miq-num { font-size: 5.2rem; }
.miq-review { margin: 0 0 18px; }
.miq-marks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.miq-mark { display: flex; gap: 10px; align-items: flex-start; background: var(--paper); color: var(--ink); border-radius: var(--r-md); padding: 12px; box-shadow: 0 4px 0 var(--wood-deep); }
.miq-mk { flex: 0 0 34px; width: 34px; height: 34px; } .miq-mk svg { width: 100%; height: 100%; display: block; }
.miq-mark p { margin: 0 0 4px; line-height: 1.3; }
.miq-mq { font-size: 1rem; font-weight: 900; }
.miq-ma { font-size: 1rem; font-weight: 800; color: var(--ink-soft); } .miq-ma b { color: var(--ink); }
.miq-mw { font-size: 0.95rem; font-weight: 800; background: var(--paper-2); border-radius: var(--r-sm); padding: 6px 10px; }
html[data-grade="1"] .miq-mq, html[data-grade="1"] .miq-ma { font-size: 1.1rem; }

/* the season */
.miq-title { margin-bottom: 4px; }
.miq-change { text-align: center; margin: 2px 0 14px; font-size: 1.05rem; font-weight: 900; color: var(--wood-line); }
.miq-card { background: var(--navy-deep); border: 3px solid var(--navy-line); border-radius: var(--r-lg); padding: 12px 12px 10px; margin: 0 0 14px; }
.miq-card-h { font-size: 0.85rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue); margin: 0 0 8px; text-align: center; }
.miq-track { justify-content: space-between; margin: 0 0 6px; }
.miq-track i { flex: 1 1 0; min-width: 26px; height: 38px; font-weight: 900; }
.miq-track i.miq-test { border-radius: 50%; }
.miq-track i.miq-test:not(.past):not(.now) { border-color: var(--grape); }
.miq-week { margin: 0; text-align: center; font-size: 1rem; font-weight: 800; color: var(--chalk); }
.miq-week b { color: var(--yellow); }
.miq-chart { display: grid; place-items: center; }
.miq-climb { width: 100%; height: auto; display: block; }
.miq-none { margin: 10px 0; color: var(--wood-line); font-weight: 800; }
.miq-league { text-align: center; background: var(--paper); color: var(--ink); border-radius: var(--r-pill); padding: 10px 16px; font-size: 1rem; font-weight: 800; margin: 0 0 16px; }