/* DreamDraft Pro membership box on /pro/ and in account settings. Buttons use the shared button styles. */
.pro-membership{margin:18px 0;padding:18px 20px;border:1px solid var(--line,#bdcbd8);border-radius:6px;background:var(--paper,#faf7ee);color:var(--ink,#142b43)}
.pro-membership:empty{display:none}
.pro-membership p{margin:0 0 12px}
.pro-membership p:last-child{margin-bottom:0}
.pro-membership-title{margin:0 0 8px;font-size:18px}
.pro-membership-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 10px}
.pro-plan{flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;text-align:left}
.pro-plan-name{font-size:17px;font-weight:750}
.pro-plan-price{font-size:14px;font-weight:600}
.pro-membership-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pro-membership-note{font-size:14px;color:var(--muted,#496078)}
.pro-membership-notice{padding:10px 12px;border:1px solid #e8b58f;border-radius:4px;background:#fff3e6}
.pro-membership-confirm{margin-top:12px;padding:14px;border:1px solid var(--line,#bdcbd8);border-radius:4px;background:#fffdf5}
.pro-membership[aria-busy] button{cursor:progress}
.account-pro{margin-top:18px}
@media(max-width:560px){.pro-membership{padding:16px}.pro-membership-plans{grid-template-columns:1fr}.pro-membership-actions>*{flex:1 1 100%}}
/* Release 153: the sign-up box leads /pro/ and the Clubhouse band sells Pro; a thin holofoil strip marks both. */
.pro-signup,.clubhouse-pro{position:relative;overflow:hidden;padding-top:24px}
.pro-signup::before,.clubhouse-pro[data-pro-state="none"]::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff8a5c,#ffd36e 22%,#86e3c8 44%,#7fb4ff 64%,#c9a0ff 82%,#ff8a5c)}
.pro-signup{margin:22px 0 4px}
.pro-plan.button-orange{min-height:68px;justify-content:center}
.pro-plan .pro-plan-name{font-size:19px}
.clubhouse-pro{margin:0;padding:18px 22px;border-color:#aab7c7}
.clubhouse-pro[data-pro-state="none"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:16px 32px;padding:26px 24px 22px}
.clubhouse-pro .pro-membership-title{margin:0 0 6px;font:400 30px/1.05 Anton,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:#142b43}
.clubhouse-pro .pro-membership-pitch p{margin:0 0 10px;font-size:16px;line-height:1.5;max-width:52ch}
.clubhouse-pro .pro-membership-plans{margin:0 0 8px}
.clubhouse-pro .pro-membership-buy .pro-membership-note{margin:0}
.clubhouse-pro .pro-membership-status{margin:0;font-size:16px}
.pro-membership a:not(.button){color:#14406b;text-decoration:underline;text-underline-offset:3px}
.pro-membership a:not(.button):hover{text-decoration-thickness:2px}
.pro-membership a.button,.pro-membership a.button:hover{text-decoration:none;color:inherit}
.pro-membership a.pro-plan{color:#142b43}
.pro-membership a:focus-visible,.pro-membership .button:focus-visible{outline:3px solid #176aab;outline-offset:3px}
@media(max-width:820px){.clubhouse-pro[data-pro-state="none"]{grid-template-columns:minmax(0,1fr)}}