/* The email viewer's own lines on top of the design's emails.css (#453,
   D-311). emails.css is the design's file with one change: its body rule
   is scoped to body.em-page, since every stylesheet loads on every page.
   What the prototype set with a style attribute, which the content
   security policy refuses, is here, and so is what the app adds: the rail
   is a form that works without script, and each email is a document of
   its own in a frame. */
.em-top .em-version { margin-left: auto; }
.em-rail form { display: contents; }

/* The frame stands where the design's .em-paper does: 600 wide at most,
   390 in the narrow view, on the email's own cream, rounded the same. The
   email draws its own padding and card inside it. The height is the
   email's, set by emails.js; without script it is tall enough to read. */
.em-frame { display: block; width: 100%; max-width: 600px; min-height: 40rem; margin: 0 auto; border: 0; border-radius: 12px; background: #F4F1E8; transition: max-width var(--d-base) var(--ease); }
.em-stage.is-narrow .em-frame { max-width: 390px; }