.email-guide h2:not(:where(.site-page-title)) { color:#24485a; font-size:2rem; padding:0; line-height:1.25; }
.email-guide h3 { color:#24485a; font-size:1.2rem; line-height:1.4; margin:1.5rem 0 .5rem; }
.email-guide p,.email-guide li { font-size:1.05rem; line-height:1.75; }
.email-guide .guide-copy a,.guide-contents a,.guide-related a { color:#2560cc; text-decoration:underline; text-underline-offset:3px; }
.email-guide a:focus-visible { outline:3px solid #2560cc; outline-offset:5px; }
.guide-contents { max-width:1100px; margin:2.5rem auto; padding:2rem; border-radius:1rem; background:#f4fbfe; }
.guide-contents ol { display:grid; grid-template-columns:1fr 1fr; gap:.6rem 2rem; padding-left:1.4rem; margin:1rem 0; list-style:none; }
.guide-section { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; gap:3rem; max-width:1200px; margin:auto; padding:3rem 2rem; border-bottom:1px solid #e2edf3; scroll-margin-top:110px; }
.guide-section figure { margin:0; }
.guide-section img { width:100%; height:auto; display:block; max-height:460px; object-fit:contain; }
.guide-note { padding:1rem; background:#f4fbfe; border-left:3px solid #2560cc; }
.guide-tools,.guide-checklist,.guide-related { max-width:1200px; margin:auto; padding:3rem 2rem; scroll-margin-top:110px; }
.guide-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; margin-top:2rem; }
.guide-tool-grid article { background:#f4fbfe; border-radius:1rem; padding:1.5rem; }
.guide-tool-grid img { width:100%; height:180px; object-fit:contain; }
.guide-checklist { background:#f4fbfe; border-radius:1rem; }
.guide-checklist ul { padding-left:1.5rem; }
.guide-checklist li { margin:.7rem 0; }
.guide-related { display:flex; flex-wrap:wrap; gap:1rem 2rem; }
.guide-related h2:not(:where(.site-page-title)) { flex-basis:100%; }
.guide-cta-image { display:block; width:min(100%,640px); height:auto; margin:0 auto 1.5rem; }
@media(max-width:760px) { .email-guide h2:not(:where(.site-page-title)) { font-size:1.6rem; } .guide-contents { margin:1.5rem 1rem; padding:1.25rem; } .guide-contents ol,.guide-section,.guide-tool-grid { grid-template-columns:1fr; } .guide-section { padding:2rem 1.25rem; gap:1.5rem; } .guide-section img { max-height:320px; } .guide-tools,.guide-checklist,.guide-related { padding:2rem 1.25rem; } .guide-checklist { margin:0 1rem; } }

/* Contents menu */
.email-guide .guide-contents { box-sizing:border-box; background:linear-gradient(135deg,#f4fbfe,#edf6fb); border:1px solid #dceaf2; border-radius:1.5rem; padding:2.25rem; box-shadow:0 12px 32px rgba(36,72,90,.05); }
.email-guide .guide-contents h2:not(:where(.site-page-title)) { margin:0 0 1.25rem; font-size:1.65rem; }
.email-guide .guide-contents ol { padding:0; margin:0 0 1.4rem; gap:.7rem; }
.email-guide .guide-contents li { margin:0; min-width:0; }
.email-guide .guide-contents ol a { display:flex; align-items:center; justify-content:space-between; gap:1rem; box-sizing:border-box; min-height:64px; height:100%; padding:.9rem 1.1rem; background:#fff; border:1px solid #e0ebf2; border-radius:.8rem; color:#24485a; text-decoration:none; font-size:.95rem; font-weight:600; line-height:1.5; transition:background .18s,border-color .18s,box-shadow .18s; }
.email-guide .guide-contents ol a::after { content:"›"; flex:none; font-size:1.5rem; line-height:1; color:#fe585b; }
.email-guide .guide-contents ol a:hover { background:#fafdff; border-color:#a9c8dc; box-shadow:0 3px 10px rgba(36,72,90,.07); }
.email-guide .guide-contents > a { display:inline-flex; align-items:center; padding:.55rem .9rem; border-radius:2rem; background:#e0edf5; color:#24485a; text-decoration:none; font-size:.9rem; font-weight:600; line-height:1.5; }
.email-guide .guide-contents > a:hover { background:#d2e5f1; }
@media(max-width:760px) { .email-guide .guide-contents { padding:1.25rem; border-radius:1rem; } .email-guide .guide-contents h2:not(:where(.site-page-title)) { font-size:1.4rem; } .email-guide .guide-contents ol a { min-height:58px; padding:.8rem .9rem; } .email-guide .guide-contents > a { margin:.25rem 0; } }
@media(prefers-reduced-motion:reduce) { .email-guide .guide-contents ol a { transition:none; } }

/* Guide navigation, feature links and pre-send checklist */
#guide-contents { scroll-margin-top:100px; }
.guide-return { margin-top:1.5rem; }
.guide-section > .guide-return { grid-column:1 / -1; margin-top:0; }
.email-guide .guide-back { display:inline-flex; align-items:center; gap:.6rem; padding:.65rem 1rem; border:1px solid #dceaf2; border-radius:2rem; background:#fff; color:#24485a; font-size:.85rem; font-weight:600; text-decoration:none; line-height:1.5; }
.email-guide .guide-back:hover { background:#edf6fb; border-color:#9bbcd0; }
.guide-back svg { width:20px; height:20px; stroke:#fe585b; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.email-guide .guide-tool-grid article { padding:0; display:flex; }
.email-guide .guide-tool-link { display:flex; flex-direction:column; width:100%; box-sizing:border-box; padding:1.5rem; border:1px solid transparent; border-radius:1rem; color:inherit; text-decoration:none; }
.email-guide .guide-tool-link:hover { border-color:#a9c8dc; background:#edf6fb; }
.guide-tool-more { margin-top:auto; padding-top:.75rem; color:#2560cc; font-size:.9rem; font-weight:700; }
.email-guide .guide-checklist ul { list-style:none; padding:0; margin:1.5rem 0 0; display:grid; gap:.75rem; }
.email-guide .guide-checklist li { display:flex; align-items:flex-start; gap:1rem; margin:0; padding:1rem 1.25rem; border:1px solid #e0ebf2; border-radius:.8rem; background:#fff; }
.guide-check-icon { display:flex; align-items:center; justify-content:center; flex:none; width:38px; height:38px; border-radius:50%; background:#edf6fb; }
.guide-check-icon svg { width:21px; height:21px; fill:none; stroke:#2560cc; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:760px) { .email-guide .guide-checklist li { gap:.75rem; padding:1rem; } .guide-check-icon { width:32px; height:32px; } }

/* Related reading cards */
.email-guide .guide-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.email-guide .guide-related h2:not(:where(.site-page-title)) { grid-column:1 / -1; margin:0 0 .5rem; }
.email-guide .guide-related > a { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:88px; box-sizing:border-box; padding:1.25rem 1.4rem; border:1px solid #dceaf2; border-radius:1rem; background:linear-gradient(135deg,#f4fbfe,#edf6fb); color:#24485a; text-decoration:none; font-size:1rem; font-weight:650; line-height:1.5; box-shadow:0 4px 14px rgba(36,72,90,.04); transition:border-color .18s,box-shadow .18s,background .18s; }
.email-guide .guide-related > a::after { content:"↗"; display:flex; align-items:center; justify-content:center; flex:none; width:34px; height:34px; border-radius:50%; background:#fff; color:#fe585b; font-size:1.35rem; }
.email-guide .guide-related > a:hover { border-color:#a9c8dc; background:#e7f3fa; box-shadow:0 6px 18px rgba(36,72,90,.09); }
.email-guide .guide-related > .guide-return { grid-column:1 / -1; margin-top:.5rem; }
@media(max-width:1000px) { .email-guide .guide-related { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .email-guide .guide-related { grid-template-columns:1fr; } .email-guide .guide-related > a { min-height:76px; padding:1rem 1.2rem; } }
@media(prefers-reduced-motion:reduce) { .email-guide .guide-related > a { transition:none; } }

/* Supporting examples balance the longer permission and privacy section. */
.guide-image-stack{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:2.5rem;min-width:0}
.guide-image-stack figcaption{font-size:.85rem;line-height:1.6;color:#456171;text-align:center;margin-top:.8rem}
@media(max-width:760px){.guide-image-stack{gap:2rem}}