.article-signup-layout{display:block}
.article-signup{padding:1.35rem;border:1px solid #e8cdd0;border-radius:1rem;background:#fff7f6;color:#291d20}
.article-signup h2{font-size:1.35rem;line-height:1.3;margin:0 0 .65rem;overflow-wrap:break-word}
.article-signup p{font-size:1rem;line-height:1.55;margin:0 0 1rem}
.article-signup .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1rem;white-space:normal;text-align:center;font-weight:650}
.article-signup .article-signup__reassurance{margin:.65rem 0 0;font-size:.84rem;line-height:1.5;color:#65575b}
.article-signup--sidebar{display:none}
.article-signup--inline{margin:1.7rem 0}
.article-signup--inline .btn{width:100%}
.article-signup--end{margin:2rem 0 0}
.article-signup--listing{margin:1.5rem 0}
.article-signup--listing .btn,.article-signup--end .btn{width:100%}
.article-signup-layout>.archive-reading{min-width:0;width:100%}
@media(min-width:768px){
 .article-signup--listing,.article-signup--end{display:flex;align-items:center;justify-content:space-between;gap:2rem}
 .article-signup--listing .article-signup__copy,.article-signup--end .article-signup__copy{max-width:36rem}
 .article-signup--listing .article-signup__copy p,.article-signup--end .article-signup__copy p{margin:0}
 .article-signup--listing .article-signup__action,.article-signup--end .article-signup__action{flex:0 0 16rem;text-align:center}
}
@media(min-width:992px){
 .article-signup-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.75rem;align-items:start}
 /* Clear the 5.5rem sticky navigation and retain a 1.5rem reading gap. */
 .article-signup--sidebar{display:block;position:sticky;top:7rem}
 .article-signup--sidebar .btn{width:100%}
 .article-signup--inline{display:none}
 .article-signup-layout>.archive-reading{max-width:850px}
}
@media(min-width:1200px){.article-signup-layout{grid-template-columns:minmax(0,1fr) 280px;gap:2rem}}