/* Verbatim <style> block from design/email-digest.html. Do not edit by hand; re-extract instead. */
/* ---- Viewer chrome (browser only, not part of the email) ---- */
.viewer-bar { position: sticky; top: 0; z-index: var(--z-nav); background: var(--bg); border-bottom: 1px solid var(--border); }
.viewer-bar__inner { max-width: 960px; margin: 0 auto; padding: 0 var(--sp-4); height: var(--topbar-h); display: flex; align-items: center; gap: var(--sp-3); }
.viewer-bar__title { font-size: var(--fs-14); font-weight: var(--fw-semibold); }
.viewer-bar__actions { margin-left: auto; display: flex; align-items: center; gap: var(--sp-2); }
.viewer { max-width: 960px; margin: 0 auto; padding: var(--sp-6) var(--sp-4) var(--sp-16); }
.envelope { max-width: 664px; margin: 0 auto var(--sp-4); display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 6px var(--sp-3); font-size: var(--fs-13); padding: var(--sp-4); background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); }
.envelope dt { color: var(--muted); }
.envelope dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.envelope .mono { font-size: var(--fs-12); }
.viewer-note { max-width: 664px; margin: 0 auto var(--sp-6); font-size: var(--fs-13); color: var(--muted); display: flex; gap: var(--sp-2); }
.viewer-note .icon { flex: none; margin-top: 2px; }
.canvas { max-width: 664px; margin: 0 auto; border-radius: var(--r-card); overflow: hidden; border: 1px solid var(--border); }
@media (max-width: 767.98px) {
  .viewer-bar__title { display: none; }
  .viewer { padding: var(--sp-4) var(--sp-2) var(--sp-12); }
  .envelope { grid-template-columns: 56px minmax(0, 1fr); }
  .viewer-bar .btn { min-height: 44px; }
}

/* ---- Email client styles (progressive; everything critical is inline) ---- */
@media only screen and (max-width: 620px) {
  .email .px { padding-left: 18px !important; padding-right: 18px !important; }
  .email .hide-sm { display: none !important; }
  .email .h1 { font-size: 20px !important; line-height: 26px !important; }
}