/* Membership: Patreon tiers side by side. Data comes from includes/patreon_tiers.php. */
.mb-jump{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px;}
.mb-jump a{display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--line-2); font-weight: 700; font-size: .9rem; color: var(--cream); text-decoration: none;}
.mb-jump a:hover{border-color: var(--rose);}
.mb-page{scroll-margin-top: 96px;}
.mb-page-head{display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; margin-bottom: 14px;}
.mb-page-head > div{flex: 1 1 320px; min-width: 0;}
.mb-page-head h2{font-size: clamp(2rem, 3.6vw, 3.2rem); letter-spacing: -.03em;}
.mb-avatar{flex: none; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--night), 0 0 0 4px rgba(255, 138, 180, .55);}
.mb-meta{margin-top: 6px; font-weight: 700; color: var(--mist);}
.mb-offer{display: flex; align-items: center; gap: 12px; margin: 0 0 22px; padding: 12px 18px; border-radius: 18px; border: 1px solid var(--gold-dim); background: rgba(255, 154, 31, .1); color: var(--mist); font-weight: 600;}
.mb-offer .icon{flex: none; width: 22px; height: 22px; color: var(--gold);}
.mb-offer strong{color: var(--cream);}
.mb-tiers{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none;}
.mb-tiers-1{grid-template-columns: minmax(0, 520px);}
.mb-tier{position: relative; display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 12px; padding: 26px 22px 22px; border-radius: 26px; border: 1px solid var(--line); background: linear-gradient(180deg, rgba(50, 26, 61, .82), rgba(21, 11, 26, .86));}
.mb-tier.is-featured{border-color: rgba(255, 79, 139, .6); box-shadow: 0 30px 70px -40px rgba(255, 46, 126, .9);}
.mb-badge{position: absolute; top: -11px; left: 22px;}
.mb-tier h3{font: 800 1.5rem/1.1 var(--display); letter-spacing: -.02em; color: var(--cream);}
.mb-price{display: flex; align-items: baseline; gap: 8px; margin: 0;}
.mb-price strong{font: 800 2.6rem/1 var(--display); letter-spacing: -.03em; background: linear-gradient(100deg, var(--rose-2) 0%, var(--hot) 45%, var(--gold) 110%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.mb-price span{font-size: .86rem; font-weight: 700; color: var(--dim);}
.mb-summary{margin: 0; font-weight: 600; line-height: 1.45; color: var(--mist);}
.mb-perks{display: grid; align-content: start; gap: 10px; margin: 4px 0 6px; padding: 14px 0 0; border-top: 1px solid var(--line); list-style: none;}
.mb-perks li{display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; font-size: .92rem; line-height: 1.4; color: var(--cream);}
.mb-perks .icon{width: 18px; height: 18px; margin-top: 1px; color: var(--rose-2);}
.mb-tier .btn{padding: 0 10px; font-size: .88rem; white-space: nowrap;}
.mb-tier .btn .icon{flex: none;}
.mb-limited .link-arrow{margin-top: 6px; white-space: nowrap;}
.mb-limited{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 16px 0 0; padding: 0; list-style: none;}
.mb-limited li{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; border-radius: 22px; border: 1px dashed var(--line-2); background: rgba(21, 11, 26, .6);}
.mb-limited h3{margin-top: 8px; font: 800 1.2rem/1.15 var(--display); color: var(--cream);}
.mb-limited p{margin: 6px 0 0; font-size: .88rem; line-height: 1.45; color: var(--mist);}
.mb-limited .mb-price{flex: none; flex-direction: column; align-items: flex-end; gap: 2px;}
.mb-limited .mb-price strong{font-size: 1.7rem;}
.mb-note{margin: 16px 0 0; max-width: 78ch; font-size: .82rem; line-height: 1.5; color: var(--dim);}
.mb-next-panel{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 28px;}
.mb-next-panel h2{font-size: 1.8rem;}
.mb-next-panel p{margin: 8px 0 0; max-width: 56ch; color: var(--mist);}
.mb-next-links{display: flex; flex-wrap: wrap; gap: 10px;}
.mb-rows-solo{display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); align-items: start; gap: 16px;}
.mb-rows-solo .mb-tiers-1{grid-template-columns: minmax(0, 1fr);}
.mb-rows-solo .mb-limited{grid-template-columns: minmax(0, 1fr); margin-top: 0;}
@media (max-width: 1180px){
.mb-tiers{grid-template-columns: repeat(2, minmax(0, 1fr));}
.mb-tiers-1{grid-template-columns: minmax(0, 520px);}
}
@media (max-width: 760px){
.mb-rows-solo{grid-template-columns: minmax(0, 1fr);}
.mb-tiers, .mb-tiers-1, .mb-limited{grid-template-columns: minmax(0, 1fr);}
.mb-tier{padding: 24px 18px 18px;}
.mb-page-head .btn{width: 100%;}
.mb-limited li{flex-direction: column; align-items: flex-start;}
.mb-limited .mb-price{flex-direction: row; align-items: baseline;}
.mb-next-links .btn{flex: 1 1 100%;}
}