/* One external gap for every newsletter invitation, after the preceding section. */
:root{--mim-signup-gap:48px}
#main-content>.home-signup,
#main-content>.context-signup,
#main-content>.writer-newsletter,
#main-content>.workshop-updates{margin-top:var(--mim-signup-gap)}
/* Remove trailing section padding that otherwise adds a second, variable gap. */
#main-content>.home-stage:has(+.home-signup),
#main-content>.wonder-quote:has(+.context-signup),
#main-content>.bios:has(+.context-signup),
#main-content>.contact:has(+.context-signup),
#main-content>.shop-collection:has(+.context-signup),
#main-content>.writer-body:has(+.writer-newsletter),
#main-content>.workshop-products:has(+.workshop-updates){margin-bottom:0;padding-bottom:0}
#main-content>.bios:has(+.context-signup)>article>:last-child{margin-bottom:0}
@media(max-width:700px){:root{--mim-signup-gap:32px}}

/* No standalone content divider before a newsletter invitation.
   Keep borders that belong to the signup component itself. */
#main-content>.workshop-products:has(+.workshop-updates)>.workshop-product:last-child,
#main-content>.writer-body:has(+.writer-newsletter) .writer-sections>.writer-section:last-child,
#main-content>.wonder-quote:has(+.context-signup) blockquote{border-bottom:0}