/* Keep guide typography and spacing local to this module. */
#payments-field-guide{max-width:980px;color:#253435;line-height:1.75}
#payments-field-guide h2{font-size:25px;line-height:1.3;margin:10px 0 18px;color:#005f61}
#payments-field-guide p{max-width:78ch;margin:12px 0}
#payments-field-guide section{padding:32px 0;border-top:1px solid #dce5e5}
#payments-field-guide .guide-intro{padding:8px 0 28px}
#payments-field-guide .guide-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#526768}
/* Code remains selectable text; long commands wrap on narrow screens. */
#payments-field-guide pre{background:#fff;border:1px solid #dce5e5;border-radius:8px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0;font-size:14px;line-height:1.75;color:#253435}
#payments-field-guide code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
#payments-field-guide p code,#payments-field-guide dt code,#payments-field-guide dd code{color:#005f61}
/* Short takeaways help scanning without replacing the explanation. */
#payments-field-guide .guide-takeaway{padding:16px 20px;background:#fff;border-left:4px solid #005f61;max-width:none}
#payments-field-guide .guide-story,#payments-field-guide .guide-task{padding-left:26px}
#payments-field-guide li{padding-left:8px;margin:18px 0}
#payments-field-guide .guide-story span{display:block}
#payments-field-guide .guide-parts{display:grid;grid-template-columns:minmax(140px,auto) minmax(0,1fr);gap:14px 24px;margin:20px 0}
#payments-field-guide dt{font-weight:600}
#payments-field-guide dd{margin:0}
@media(max-width:680px){#payments-field-guide .guide-parts{grid-template-columns:1fr;gap:6px}#payments-field-guide dd{margin-bottom:14px}#payments-field-guide pre{padding:14px}#payments-field-guide h2{font-size:22px}}