/* One reading path, with room to see the whole email beside the shopper. */
.guide-email-walkthrough.guide-reading.article-layout { width:min(1360px,calc(100% - 64px)); grid-template-columns:minmax(0,1080px) 190px; gap:48px; }
.guide-email-walkthrough.guide-reading .article { max-width:none; width:100%; }
.guide-email-walkthrough.guide-reading .gr-header { max-width:780px; }
.guide-email-walkthrough.guide-reading .article > .gr-section,
.guide-email-walkthrough.guide-reading .gr-footer { max-width:780px; }
.guide-email-walkthrough .article .ew-example { --ew-ink:#193e4d; --ew-muted:#536b76; --ew-line:#d9e4e8; max-width:none; margin:40px 0 48px; padding:30px 0 0; border-top:2px solid #264b58; scroll-margin-top:20px; }
.guide-email-walkthrough .article .ew-example:focus { outline:none; }
.guide-email-walkthrough .article .ew-heading { margin-bottom:23px; }
.guide-email-walkthrough .article .ew-heading .ew-eyebrow { margin:0 0 9px; color:#397585; font-size:11px; font-weight:850; letter-spacing:.1em; }
.guide-email-walkthrough.article-branded .ew-heading h2 { margin:0 0 10px; font-size:30px; line-height:1.22; letter-spacing:-.025em; color:var(--ew-ink); }
.guide-email-walkthrough .article .ew-heading > p:last-child { margin:0; font-size:16px; line-height:1.65; color:var(--ew-muted); }
.guide-email-walkthrough .article .ew-cases { display:flex; gap:7px; padding:5px; margin-bottom:26px; background:#eef4f6; border:1px solid var(--ew-line); border-radius:9px; }
.guide-email-walkthrough .article .ew-cases button { flex:1; min-height:46px; padding:10px 14px; border:1px solid transparent; border-radius:5px; background:transparent; color:#526b77; font-family:inherit; font-size:14px; line-height:1.35; font-weight:800; cursor:pointer; }
.guide-email-walkthrough .article .ew-cases button[aria-pressed=true] { background:#fff; color:#155674; border-color:#c8dce5; box-shadow:0 2px 3px #143c4d0a; }
.guide-email-walkthrough .article .ew-cases button:hover { color:#076d9e; }
.guide-email-walkthrough .article .ew-layout { display:grid; grid-template-columns:minmax(240px,.9fr) minmax(0,1.65fr); gap:28px; align-items:start; }
.guide-email-walkthrough .article .ew-context { min-width:0; }
.guide-email-walkthrough .article .ew-step { padding:0 0 25px; margin-bottom:25px; border-bottom:1px solid var(--ew-line); }
.guide-email-walkthrough .article .ew-step-label { display:flex; align-items:center; gap:9px; margin:0 0 20px; font-size:11px; line-height:1.4; letter-spacing:.05em; font-weight:850; color:#506d7a; }
.guide-email-walkthrough .article .ew-step-label > span { display:grid; place-items:center; width:23px; height:23px; border:1px solid #c7d9e1; border-radius:50%; color:#387386; font-size:11px; }
.guide-email-walkthrough .article .ew-person { display:flex; gap:12px; align-items:center; margin-bottom:21px; }
.guide-email-walkthrough .article .ew-avatar { display:grid; place-items:center; flex:0 0 39px; height:39px; border-radius:50%; background:#e5edf0; color:#375c6b; font-size:12px; font-weight:850; }
.guide-email-walkthrough.article-branded .ew-person h3 { margin:0 0 4px; font-size:20px; line-height:1.3; letter-spacing:-.02em; }
.guide-email-walkthrough .article .ew-person p { margin:0; color:var(--ew-muted); font-size:13px; line-height:1.5; }
.guide-email-walkthrough .article .ew-activity { list-style:none; margin:0 0 22px 7px; padding:0; }
.guide-email-walkthrough .article .ew-activity li { position:relative; padding:0 0 15px 21px; border-left:1px solid #d5e1e6; color:#426171; font-size:13px; line-height:1.6; }
.guide-email-walkthrough .article .ew-activity li:last-child { padding-bottom:0; border-color:transparent; }
.guide-email-walkthrough .article .ew-activity li::before { content:''; position:absolute; left:-4px; top:6px; width:7px; height:7px; border-radius:50%; background:#80a5b4; box-shadow:0 0 0 4px #fff; }
.guide-email-walkthrough .article .ew-facts { margin:0; padding-top:4px; }
.guide-email-walkthrough .article .ew-facts > div { display:grid; grid-template-columns:78px 1fr; gap:9px; margin-top:9px; font-size:12px; line-height:1.6; }
.guide-email-walkthrough .article .ew-facts dt { color:#728591; }
.guide-email-walkthrough .article .ew-facts dd { margin:0; color:#405d6c; font-weight:650; }
.guide-email-walkthrough .article .ew-tag { margin:0 0 9px; font-size:10px; line-height:1.5; letter-spacing:.065em; font-weight:850; color:#44805f; }
.guide-email-walkthrough.article-branded .ew-decision h3 { margin:0 0 12px; font-size:23px; line-height:1.25; letter-spacing:-.02em; color:var(--ew-ink); }
.guide-email-walkthrough .article .ew-decision > p:not(.ew-step-label,.ew-tag) { margin:0; font-size:14px; line-height:1.75; color:var(--ew-muted); }
.guide-email-walkthrough .article .ew-ready { display:flex; align-items:center; gap:7px; margin-top:18px; color:#2a7d9d; font-size:12px; line-height:1.5; font-weight:800; }
.guide-email-walkthrough .article .ew-ready img { width:14px; height:17px; }
.guide-email-walkthrough .article .ew-replay button { padding:0; min-height:40px; border:0; background:transparent; color:#267b9d; font-family:inherit; font-size:13px; font-weight:850; cursor:pointer; }
.guide-email-walkthrough .article .ew-replay p { margin:8px 0 0; color:#68818d; font-size:12px; line-height:1.65; }
.guide-email-walkthrough .article .ew-email { min-width:0; border:1px solid #d2dedc; border-radius:8px; background:#fff; overflow:clip; }
.guide-email-walkthrough .article .ew-email-tools { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; background:#f3f6f3; border-bottom:1px solid #dde6de; }
.guide-email-walkthrough .article .ew-email-tools > span { color:#567462; font-size:10px; line-height:1.4; letter-spacing:.05em; font-weight:850; }
.guide-email-walkthrough .article .ew-email-tools button { min-height:36px; padding:7px 10px; border:1px solid #cbded1; border-radius:5px; background:#fff; color:#365d44; font-family:inherit; font-size:12px; line-height:1.4; font-weight:850; cursor:pointer; }
.guide-email-walkthrough .article .ew-download-status { margin:0; padding:9px 16px; color:#3b6950; font-size:12px; line-height:1.6; background:#f6faf5; }
.guide-email-walkthrough .article .ew-download-status:empty { display:none; }
.guide-email-walkthrough .article .ew-inbox { padding:21px 22px; border-bottom:1px solid #e2e6de; }
.guide-email-walkthrough.article-branded .ew-inbox h3 { margin:0 0 12px; font-family:inherit; font-size:17px; line-height:1.4; letter-spacing:-.01em; color:#243c45; }
.guide-email-walkthrough .article .ew-inbox p { display:flex; gap:9px; margin:0; color:#76817d; font-size:12px; line-height:1.5; }
.guide-email-walkthrough .article .ew-inbox strong { color:#4a6658; }
.guide-email-walkthrough .article .ew-email-frame { display:block; width:100%; height:1200px; max-height:none; border:0; background:#eeece4; }
.guide-email-walkthrough .article .ew-note { display:flex; align-items:start; justify-content:space-between; gap:26px; margin-top:24px; padding:19px 0; border-bottom:1px solid var(--ew-line); }
.guide-email-walkthrough .article .ew-note p { max-width:64ch; margin:0; color:#6a7c85; font-size:12px; line-height:1.75; }
.guide-email-walkthrough .article .ew-note strong { color:#3e5a68; }
.guide-email-walkthrough .article .ew-note a { flex:0 0 180px; color:#287c9c; font-size:12px; line-height:1.65; font-weight:800; }
.guide-email-walkthrough .article .ew-example :is(button,a):focus-visible { outline:3px solid #1a9cd8; outline-offset:4px; }
.guide-email-walkthrough .article .ew-example button:disabled { cursor:default; opacity:.6; }
.guide-email-walkthrough [data-engine-playing=true][data-engine-stage="1"] .ew-shopper .ew-step-label > span,
.guide-email-walkthrough [data-engine-playing=true][data-engine-stage="2"] .ew-decision .ew-step-label > span { background:#dff3fd; border-color:#1f99cd; color:#12638e; box-shadow:0 0 0 4px #e8f6fc; }
@media (max-width:1150px) {
  .guide-email-walkthrough.guide-reading.article-layout { width:min(1000px,calc(100% - 48px)); grid-template-columns:minmax(0,1fr); gap:0; }
  .guide-email-walkthrough.guide-reading .gr-contents { display:none; }
}
@media (max-width:700px) {
  .guide-email-walkthrough.guide-reading.article-layout { width:calc(100% - 36px); }
  .guide-email-walkthrough .article .ew-example { margin:30px 0 34px; padding-top:23px; }
  .guide-email-walkthrough.article-branded .ew-heading h2 { font-size:26px; }
  .guide-email-walkthrough .article .ew-heading > p:last-child { font-size:15px; }
  .guide-email-walkthrough .article .ew-cases { gap:3px; margin-bottom:24px; }
  .guide-email-walkthrough .article .ew-cases button { padding:10px 5px; font-size:12px; }
  .guide-email-walkthrough .article .ew-layout { grid-template-columns:minmax(0,1fr); gap:25px; }
  .guide-email-walkthrough .article .ew-context { display:grid; grid-template-columns:1fr; }
  .guide-email-walkthrough .article .ew-step { padding-bottom:21px; margin-bottom:21px; }
  .guide-email-walkthrough .article .ew-step-label { margin-bottom:15px; }
  .guide-email-walkthrough .article .ew-activity { margin-bottom:14px; }
  .guide-email-walkthrough .article .ew-facts { display:none; }
  .guide-email-walkthrough .article .ew-decision { border:0; margin:0; padding:0; }
  .guide-email-walkthrough.article-branded .ew-decision h3 { font-size:22px; }
  .guide-email-walkthrough .article .ew-replay { margin-top:9px; }
  .guide-email-walkthrough .article .ew-replay p { margin-top:2px; }
  .guide-email-walkthrough .article .ew-email-tools { padding:10px 12px; }
  .guide-email-walkthrough .article .ew-inbox { padding:18px; }
  .guide-email-walkthrough .article .ew-note { display:block; }
  .guide-email-walkthrough .article .ew-note a { display:inline-flex; margin-top:11px; min-height:36px; align-items:center; }
}
@media (prefers-reduced-motion:reduce) { .guide-email-walkthrough .article .ew-example * { animation:none!important; transition:none!important; } }