.member-follow-gate { display: grid; gap: 12px; margin: 0 0 16px; padding: 16px; border: 1px solid #c8ddd7; background: #eef8f5; }
.member-follow-gate-copy { display: grid; gap: 5px; }
.member-follow-gate-copy strong { color: #075b4b; font-size: 17px; }
.member-follow-gate-copy p { margin: 0; color: #546c65; font-size: 13px; line-height: 1.65; }
.member-follow-gate-qr { justify-self: center; display: grid; gap: 7px; width: min(220px,100%); padding: 12px; text-align: center; background: #fff; }
.member-follow-gate-qr[hidden] { display: none; }
.member-follow-gate-qr img { display: block; width: 100%; height: auto; }
.member-follow-gate-qr span { color: #52665f; font-size: 12px; }
.member-follow-gate button, .member-follow-gate-auth { min-height: 44px; border: 1px solid #0b705d; color: #0b705d; background: #fff; font: inherit; font-weight: 800; }
.member-follow-gate-auth { display: grid; place-items: center; padding: 0 14px; text-decoration: none; }
.member-follow-gate-auth[hidden] { display: none; }
.member-follow-gate[data-state="followed"] { border-color: #75b8a8; background: #e5f6ef; }
.member-follow-gate[data-state="required"] { border-color: #dfb960; background: #fff8e9; }
.member-follow-gate[data-state="reauth"] { border-color: #dfb960; background: #fff8e9; }
.member-follow-gate[data-state="error"] { border-color: #d79f95; background: #fff2f0; }