/*
 * Module: wrapper
 *
 * Outer 600px canvas. The page surround color (#6B6B6B) sits OUTSIDE
 * the canvas — visible only in clients that render the body background
 * around the centered email table.
 */

.fm-wrapper {
  width: 100%;
  max-width: var(--fm-width);
  margin: 0 auto;
  background: var(--fm-color-canvas-bg);
  table-layout: fixed;
}

.fm-wrapper-cell {
  width: 100%;
  max-width: var(--fm-width);
  padding: 0;
  vertical-align: top;
}

@media screen and (max-width: 600px) {
  .fm-wrapper,
  .fm-wrapper > tbody,
  .fm-wrapper > tbody > tr,
  .fm-wrapper-cell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}