/**
 * The one-time "your translation is ready" note — public/js/scriptReady.js.
 *
 * Reuses `.dialog`/`.dialog-title`/`.dialog-body`/`.dialog-actions` wholesale
 * (see app.css), the same relationship `.welcome-dialog` has to them. The only
 * thing here that is genuinely its own is the list.
 *
 * A numbered list rather than a paragraph, because the content is three
 * sequential actions and a reader scanning a dialog they did not ask for reads
 * list items and skips prose. `welcome.css` makes the opposite choice for the
 * opposite reason: that copy is four paragraphs of one continuous thought.
 */
.script-ready-dialog { text-align: center; }

.script-ready-dialog .dialog-body {
  margin-top: 12px;
  line-height: 1.5;
  color: var(--fg-secondary);
}

/*
 * Left-aligned under a centred title. Centred prose is readable for two
 * sentences and hard work for more, because every line starts somewhere new —
 * and these three lines are instructions someone is meant to follow, not a
 * greeting they are meant to feel.
 */
.script-ready-steps {
  margin: 16px 0 0;
  padding: 0 0 0 20px;
  text-align: left;
  list-style: decimal;
}

.script-ready-steps li {
  margin: 0 0 10px;
  line-height: 1.5;
}

.script-ready-steps li:last-child { margin-bottom: 0; }

.script-ready-dialog .dialog-actions {
  justify-content: center;
  margin-top: 20px;
}