/* Mail-reader theme only. The delivery template keeps its email-safe colors. */
:root {
  color-scheme: light dark;
  --email-surface: #fff;
  --email-muted: #eee;
  --email-fg: #232323;
  --email-muted-fg: #646b79;
  --email-primary: #c72259;
  --email-primary-background: #d92662;
  --email-inverse: #fff;
  --email-border: rgba(108, 117, 125, 0.24);
}
@media (prefers-color-scheme: dark) {
  :root {
    --email-surface: #1f2335;
    --email-muted: #2f3549;
    --email-fg: #f5f7ff;
    --email-muted-fg: #7b8495;
    --email-primary: #f7708e;
    --email-border: rgba(139, 147, 170, 0.28);
  }
}

html { overflow: hidden; }
body > table > tbody > tr > td { padding: 0 !important; }
body > table table[width="100%"] > tbody > tr:first-child > td {
  padding: 16px 20px !important;
}
body > table table[width="100%"] > tbody > tr:nth-child(2) > td {
  padding: 16px 20px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body > table table[width="100%"] > tbody > tr:last-child > td {
  padding: 12px 20px 16px !important;
  font-size: 11px !important;
}
body p { margin: 0 0 12px; }
td > div[style*="--email-muted"] {
  padding: 14px !important;
  margin: 16px 0 !important;
}
div[style^="text-align: center"] { margin: 20px 0 !important; }
a[style*="--email-primary-background"] {
  font-size: 14px !important;
  padding: 11px 20px !important;
}