footer>div{flex-wrap:wrap;row-gap:10px}.membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.membership-grid .panel{margin:0}.membership-grid h2{font-size:18px;margin:14px 0 10px}.membership-grid p,.membership-join>p{color:var(--muted);line-height:1.7;font-size:14px}.membership-join>p{margin-top:12px}.membership-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:20px}@media(max-width:700px){.membership-grid{grid-template-columns:1fr;gap:14px}}

.member-locked-action{position:relative;display:inline-flex;cursor:not-allowed;border-radius:8px}
.member-locked-action .button:disabled{pointer-events:none;cursor:not-allowed;opacity:.65}
.member-locked-action:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.member-access-tooltip{position:absolute;right:0;bottom:calc(100% + 10px);width:230px;max-width:calc(100vw - 60px);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px;line-height:1.5;box-shadow:0 6px 24px #0002;opacity:0;visibility:hidden;pointer-events:none;z-index:2}
.member-locked-action:hover .member-access-tooltip,.member-locked-action:focus-within .member-access-tooltip{opacity:1;visibility:visible}
@media(hover:none){.member-locked-action{flex-direction:column;align-items:flex-start;gap:8px}.member-access-tooltip{position:static;opacity:1;visibility:visible;width:auto;max-width:100%;padding:0;border:0;background:none;box-shadow:none;color:var(--muted)}}
.panel.member-cta-locked{overflow:visible;position:relative;z-index:1}