/* The warm-up and the Coach's Challenge (stage 2, plan B, task 7). Linked
   from index.html; only this screen's own rules go here. The question views,
   SWING (.swing) and the coach card (.coach) are styles.css's, shared with
   the at-bat. */

.wu { display: grid; gap: .9rem; }
.wu:focus { outline: none; }
.wu-count { margin: 0; font-family: var(--display); font-size: 12px; letter-spacing: .14em; color: var(--muted); }
.wu[data-kind="challenge"] .wu-count { color: var(--gold); }
.wu-q { display: grid; gap: .75rem; }
.wu-controls { display: grid; }
.wu-coach { margin: 0; }
.wu-home { justify-self: start; margin-top: .4rem; padding: .5rem .9rem; font-size: .9rem; }

/* loading, a closed Challenge, and both ends */
.wu-msg { text-align: center; }
.wu-title { font-family: var(--display); font-weight: 400; font-size: 2rem; margin: .25rem 0 0; }
.wu-line { margin: 0; font-size: 1.1rem; }
.wu-wait { color: var(--warn); font-size: 1rem; }
.wu-paid { margin: 0; font-family: var(--display); letter-spacing: .06em; color: var(--gold); font-size: 1.15rem; }
.wu-row { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .4rem; }
.wu-row > button { flex: 1 1 10rem; }
.wu-readit { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.wu-readit > button { flex: 0 1 auto; }
.wu-read:empty { display: none; }
.wu-read { text-align: left; background: #1b1e19; border-left: 4px solid var(--blue); border-radius: 6px; padding: .7rem .9rem; }
.wu-eyebrow { margin: 0 0 .4rem; font-family: var(--display); font-size: 11px; letter-spacing: .14em; color: var(--muted); text-transform: uppercase; }
.wu-para { margin: 0; line-height: 1.5; }

@media (max-width: 440px) {
  main:has(> .wu) { padding-inline: 8px; }
  .wu { padding: 16px 12px; }
  .wu-title { font-size: 1.6rem; }
}