/* XAVER transactional "letter" — premailer-rails inlines this at delivery.
   Isolated from mailers/email.css so newsletters are unaffected. */
.email body {
  margin: 0;
  padding: 0;
  background-color: #EDF1F7;
  color: #241F21;
  font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.email .canvas { width: 100%; background-color: #EDF1F7; }
.email .wrapper { width: 100%; max-width: 600px; margin: 0 auto; padding: 24px; }
.email .card {
  background-color: #FFFFFF;
  border: 1px solid rgba(36, 31, 33, 0.10);
  border-radius: 14px;
  overflow: hidden;
}
.email .card-body { padding: 32px; }
.email .logo { display: block; height: auto; border: 0; }

.email h1, .email h2, .email h3 {
  font-family: "Funnel Display", "Segoe UI", system-ui, Arial, sans-serif;
  font-weight: 700; letter-spacing: -0.02em; color: #241F21; line-height: 1.1; margin: 0 0 14px;
}
.email h1 { font-size: 24px; }
.email p { font-size: 16px; line-height: 1.6; color: #241F21; margin: 0 0 14px; }
.email a { color: #241F21; }

.email .sig { font-size: 16px; color: #241F21; margin: 0 0 2px; }
.email .sig-role { font-size: 12px; color: #8A8490; margin: 0; }

.email .footer { padding: 16px 32px 28px; border-top: 1px solid rgba(36, 31, 33, 0.08); }
.email .footer p { font-size: 12px; color: #9A96A0; line-height: 1.5; margin: 0; }

.email .preheader {
  display: none !important; visibility: hidden; opacity: 0; color: transparent;
  height: 0; width: 0; max-height: 0; max-width: 0; overflow: hidden; mso-hide: all;
}