
.membership-entry{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0 8px;padding:20px 24px;background:#eee8fb;border:1px solid #d5c6f5;border-radius:20px}
.membership-entry p{flex-basis:100%;margin:2px 0 0;font-size:13px;color:#655b77}
.membership-plan{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:28px;background:#fff;border:1px solid #e4e0d8;border-radius:22px;margin:24px 0}
.membership-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.membership-actions button{white-space:normal}
.membership-order{background:#fff;border:1px solid #dfd6ed;border-radius:18px;padding:24px;margin:24px 0;overflow-wrap:anywhere}
.member-order{padding:18px 0;border-bottom:1px solid #e4e0d8}
#membership .eyebrow{margin-top:25px}
#membership p{line-height:1.7}
#membershipOrder a{display:inline-block;text-decoration:none;margin:0 10px 10px 0}
@media(max-width:700px){.membership-entry{padding:16px;align-items:stretch}.membership-entry>button{flex:1 1 100%}.membership-plan{grid-template-columns:1fr;padding:20px;gap:8px}.membership-actions{flex-direction:column}.membership-order{padding:18px}#membership h1{font-size:32px}}

#membership .back-button{width:auto;min-height:36px;padding:6px 12px;white-space:nowrap;margin-bottom:18px;}
