/**
 * The one-time welcome greeting — public/js/welcome.js.
 *
 * Reuses `.dialog`/`.dialog-title`/`.dialog-body`/`.dialog-actions` wholesale
 * (see app.css) — this is not a different kind of dialog, just a different
 * one-time message, the same relationship `.dialog-ready` has to `.dialog`
 * for the "your video is ready" popup. The only things worth their own rule
 * are centering the single closing button and giving the two-sentence body
 * a little more room to breathe.
 */
.welcome-dialog { text-align: center; }
/*
 * `pre-line` is what turns the `\n\n` in `welcome.body` into paragraphs: the
 * copy is four of them now, and a `<p>` per paragraph would mean an i18n key
 * per paragraph — four more strings to keep aligned across two locales for a
 * message that is written, and edited, as one block of text.
 *
 * Four left-aligned paragraphs, under a centred title: centred prose is
 * readable for two sentences and hard work for twelve, because every line
 * starts in a different place.
 */
.welcome-dialog .dialog-body {
  margin-top: 12px;
  line-height: 1.5;
  white-space: pre-line;
  text-align: left;
}
.welcome-dialog .dialog-actions { justify-content: center; }