/* Tutorial chrome — ADR-APP-007 Phase B.
   Everything about how a *board* looks comes from ../ui/style.css;
   this file only adds what the tutorial has and the prototype doesn't:
   the step label, the lesson card, wrong-entry highlighting, and the
   next-step button. Same no-fetch discipline: nothing loaded from anywhere. */

.step {
  font-weight: 700;
  font-size: 0.9rem;
  white-space: nowrap;
}

.lesson {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  padding: 0.6rem 0.8rem;
}

.lesson h1 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}

.lesson p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--muted);
}

/* The wrong-cell and onward-strip styles moved to ../ui/style.css in
   Phase C — the shared board view renders them, so the shared sheet owns them. */