@charset "utf-8";
/* Membership: lock screen for members-only features, and the members admin page. Uses the site's colour tokens. */
.mb-slot{margin-block:8px 32px}
.mb-card{display:grid;gap:14px;max-width:42rem;margin:24px auto;padding:28px 24px;border:1px solid var(--gold,#C9A96A);border-radius:22px;background:radial-gradient(120% 90% at 0% 0%,rgba(230,207,156,.12),rgba(230,207,156,0) 60%),var(--surface,#181F4E);color:var(--text,#F4EFE6);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.mb-card p{margin:0}
.mb-top{display:flex;align-items:center;gap:14px}
.mb-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:var(--gold-hi,#E6CF9C);background:linear-gradient(150deg,rgba(122,92,200,.35),rgba(201,169,106,.14));border:1px solid var(--line,rgba(201,169,106,.35))}
.mb-ico svg{width:32px;height:32px}
.mb-eyebrow{margin:0}
.mb-h{margin:0;font:400 clamp(1.6rem,5.4vw,2.2rem)/1.18 var(--serif,Georgia,serif);color:var(--text,#F4EFE6)}
.mb-text{font-size:1.06rem;line-height:1.6;color:var(--mist,#C9C4D8)}
.mb-state{font-size:1.02rem;line-height:1.55}
.mb-state strong{overflow-wrap:anywhere}
.mb-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mb-small,.mb-free{font-size:.92rem;line-height:1.5;color:var(--mist,#C9C4D8)}
.mb-small a,.mb-free a{color:var(--gold-hi,#E6CF9C)}
.mb-free{padding-top:12px;border-top:1px solid var(--line-soft,rgba(255,255,255,.12))}
.mb-link{min-height:44px;padding:0;border:0;background:none;color:var(--gold-hi,#E6CF9C);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mb-in{width:100%;min-height:52px;padding:.7rem .95rem;border:1px solid var(--line-soft,rgba(255,255,255,.2));border-radius:12px;background:var(--bg-2,#10153A);color:var(--text,#F4EFE6);font:inherit}
.mb-in:focus{outline:none;border-color:var(--gold,#C9A96A);box-shadow:0 0 0 3px rgba(230,207,156,.25)}
select.mb-in{appearance:auto}
.mb-err{margin:0;color:#F3A996;font-size:.95rem}
.mb-ok{margin:0;color:var(--ok,#9AD7B0);font-size:.95rem}
.mb-form{display:grid;gap:10px}
.mb-form label{font-weight:600}
.mb-demo{display:grid;gap:10px;padding:16px;border:1px dashed var(--gold,#C9A96A);border-radius:16px;background:rgba(10,14,38,.45)}
.mb-demo p{margin:0;font-size:.95rem;line-height:1.5}
.mb-demo-tag{justify-self:start;padding:.15rem .65rem;border-radius:999px;background:var(--gold,#C9A96A);color:var(--ink,#0A0E26);font-weight:600;font-size:.8rem!important}
.mb-bar{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;max-width:42rem;margin:16px auto 0;padding:10px 16px;border:1px dashed var(--gold,#C9A96A);border-radius:14px;font-size:.92rem;color:var(--mist,#C9C4D8)}
.mb-bar strong{overflow-wrap:anywhere}

/* members admin page */
.mb-admin{display:grid;gap:22px;max-width:52rem;margin-inline:auto}
.mb-panel{display:grid;gap:14px;padding:22px;border:1px solid var(--line-soft,rgba(255,255,255,.14));border-radius:18px;background:var(--surface,#181F4E)}
.mb-panel h2{margin:0;font:400 1.6rem/1.2 var(--serif,Georgia,serif)}
.mb-row2{display:grid;gap:12px}
@media (min-width:640px){.mb-row2{grid-template-columns:2fr 1fr}}
.mb-help{margin:0;font-size:.92rem;line-height:1.5;color:var(--mist,#C9C4D8)}
.mb-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mb-chip{min-height:44px;padding:0 1rem;border:1px solid var(--line,rgba(201,169,106,.35));border-radius:999px;background:transparent;color:var(--text,#F4EFE6);font:500 .95rem var(--sans,system-ui,sans-serif);cursor:pointer}
.mb-chip[aria-pressed=true]{background:var(--gold,#C9A96A);border-color:var(--gold,#C9A96A);color:var(--ink,#0A0E26)}
.mb-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mb-item{display:grid;gap:8px;padding:16px;border:1px solid var(--line-soft,rgba(255,255,255,.14));border-radius:14px;background:rgba(10,14,38,.35)}
.mb-item p{margin:0}
.mb-email{font-weight:600;font-size:1.05rem;overflow-wrap:anywhere}
.mb-meta{font-size:.92rem;color:var(--mist,#C9C4D8)}
.mb-pill{display:inline-block;padding:.1rem .6rem;border-radius:999px;border:1px solid currentColor;font-size:.8rem;font-weight:600;margin-right:6px}
.mb-pill.on{color:var(--ok,#9AD7B0)}
.mb-pill.off{color:#F3A996}
.mb-item .mb-actions .btn{min-height:44px;padding:.5rem 1.1rem;font-size:.95rem}
.mb-count{margin:0;color:var(--mist,#C9C4D8)}
.mb-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mb-steps{display:grid;gap:14px;margin:0;padding-left:1.4rem;line-height:1.6}
.mb-steps li::marker{color:var(--gold-hi,#E6CF9C);font-weight:600}
.mb-bar .mb-link{display:inline-flex;align-items:center}
/* membership subscription (PayPal) */
.pay-box{display:grid;gap:12px;margin-top:8px}
.pay-plans{border:0;margin:0;padding:0;display:grid;gap:8px}
.pay-legend{font-weight:600;margin-bottom:6px}
.pay-plan{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line-soft);border-radius:12px;cursor:pointer}
.pay-plan:has(input:checked){border-color:var(--gold,#c9a96a)}
.pay-plan input{margin-top:4px;accent-color:var(--gold,#c9a96a)}
.pay-plan-t{display:grid;gap:2px}
.pay-buttons{min-height:44px;background:#fff;border-radius:10px;padding:10px}
.pay-buttons:has(.pay-msg),.pay-buttons:has(> p.small){background:none;padding:0}
.pay-thanks{display:grid;gap:8px}
.pay-thanks:focus{outline:none}
/* 11/11 early-bird campaign */
.eb-box{display:grid;gap:12px}
.eb-tag{justify-self:start;margin:0;padding:4px 12px;border-radius:999px;background:var(--gold,#C9A96E);color:#14163a;font-size:.8rem;font-weight:600;letter-spacing:.02em}
.eb-h{margin:0}
.eb-box .actions{display:flex;flex-wrap:wrap;gap:10px}