/* Membership palette is independent of the trust score and verification badges. */
body[data-subscription]{--page-accent:#2563eb;--page-tint:#eff6ff;--page-border:#bfdbfe;--page-background:#f3f6fb}
body[data-subscription="inactive"],body[data-subscription="expired"]{--page-accent:#64748b;--page-tint:#f1f5f9;--page-border:#cbd5e1;--page-background:#f3f4f6;background:var(--page-background)}
body[data-subscription="active"]{background:var(--page-background)}
body[data-subscription="active"] .main-layout .card{border-color:var(--page-border)}
body[data-subscription="active"] .shop-hero{background:linear-gradient(135deg,#f8fbff,var(--page-tint));border-color:var(--page-border)}
body[data-subscription="active"] .shop-eyebrow,body[data-subscription="active"] .shop-actions a{background:var(--page-accent)}
body[data-subscription="inactive"] .main-layout,body[data-subscription="expired"] .main-layout{filter:grayscale(1)}
.subscription-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;border-right:5px solid var(--page-accent);background:var(--page-tint)}
.subscription-banner strong{color:var(--page-accent)}.subscription-banner p{font-size:13px;color:#64748b;margin:6px 0 0}
.subscription-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--page-accent);margin-left:8px}
.subscription-button{display:inline-block;flex-shrink:0;border-radius:12px;padding:10px 16px;background:var(--page-accent);color:white;text-decoration:none;font-weight:700;font-size:14px}
.subscription-button:focus-visible{outline:3px solid var(--page-accent);outline-offset:4px}
@media(max-width:640px){.subscription-banner{flex-direction:column;align-items:stretch}.subscription-button{text-align:center}}