/* light theme: page layer for membership */
@media (prefers-color-scheme: light) {
/* from <style 0> */
:root { --mb-ink: #1d1d1f; --mb-dim: #4b4b4b; --mb-faint: #838383; --mb-line: rgba(11,13,18,0.103); --mb-line2: rgba(11,13,18,0.196); --mb-panel: #ffffff; --mb-panel2: #ffffff; --mb-cy: #086d95; --mb-no: #c20011; }
body { background: #f4f6f8; }
html .mb-h1:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .mb-vials img:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 18px 34px rgba(16,24,40,0.12)); }
html .mb-calchd h2:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .mb-slider label b:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .mb-slider input[type=range]:where(:not(.hero *):not(.hero))::-webkit-slider-runnable-track { background: rgba(11,13,18,0.161); }
html .mb-slider input[type=range]::-moz-range-track:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.161); }
html .mb-slider input[type=range]:where(:not(.hero *):not(.hero))::-webkit-slider-thumb { border: 3px solid rgba(11,13,18,0.012); box-shadow: 0 2px 10px rgba(16,24,40,0.12); }
html .mb-slider input[type=range]::-moz-range-thumb:where(:not(.hero *):not(.hero)) { border: 3px solid rgba(11,13,18,0.012); box-shadow: 0 2px 10px rgba(16,24,40,0.12); }
html .mb-spend b:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .mb-tier.best:where(:not(.hero *):not(.hero)) { box-shadow: 0 0 0 1px rgba(94,196,232,0.135); }
html .mb-tname:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .mb-cost b:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .mb-worth:where(:not(.hero *):not(.hero)) { background: #ffffff; }
html .mb-mh:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .mb-x:hover:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
@media (max-width:900px) {
html .mb-vials img.keep:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 10px 18px rgba(16,24,40,0.12)) !important; }
}
/* from <style 2> */
html .mb-hc.a:where(:not(.hero *):not(.hero)) { border-color: rgba(41,214,151,0.2); }
html .mb-hc.b:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.2); }
html .mb-hc.c:where(:not(.hero *):not(.hero)) { border-color: rgba(67,5,250,0.2); }
html .mb-hc.c .k:where(:not(.hero *):not(.hero)) { color: #3203bf; }
/* --- hand fixes for membership --- */
/* ---- membership: hand fixes (group: browse) ---- */

/* Page palette: faint text was #838383 (~3.8:1 on white), the "go" green stayed neon, lines a touch heavy */
html:root { --mb-ink: var(--text); --mb-dim: var(--text-2); --mb-faint: var(--text-3);
  --mb-line: var(--line); --mb-line2: var(--line-strong); --mb-go: #0d7347; --mb-no: #c20011; }
html body { color: var(--text); }

/* Panels: white cards, hairline + soft shadow */
html .mb-calc, html .mb-tier, html .mb-fine { background: #ffffff !important; border-color: var(--line) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .mb-tier.best { border-color: var(--accent-ink) !important; box-shadow: 0 0 0 1px var(--accent-ink), 0 10px 30px rgba(8,109,149,0.10) !important; }
html .mb-worth { background: #ffffff !important; border-color: var(--line) !important; }

/* Cyan fills stay cyan with dark ink (they had turned into accent-ink fills with black labels, ~3.6:1) */
html .mb-cycle button.on { background: var(--accent) !important; border-color: var(--accent) !important; color: #04121a !important; }
html .mb-cycle button:not(.on) { background: #ffffff !important; border-color: var(--line-strong) !important; color: var(--text-2) !important; }
html .mb-cycle button:not(.on):hover { border-color: var(--text-2) !important; color: var(--text) !important; }
html .mb-flag:not(.ghost) { background: var(--accent) !important; color: #04121a !important; }
html .mb-flag.ghost { color: var(--text-3) !important; border-color: var(--line-strong) !important; }
html .mb-cta:not(.ghost) { background: var(--accent) !important; color: #04121a !important; }
html .mb-cta:not(.ghost):hover { filter: brightness(0.97) !important; }
html .mb-cta.ghost { background: #ffffff !important; border-color: var(--line-strong) !important; color: var(--text-3) !important; }

/* Sliders: ink-teal thumb with a white ring on a light track */
html .mb-slider input[type=range] { accent-color: var(--accent-ink); }
html .mb-slider input[type=range]::-webkit-slider-thumb { background: var(--accent-ink) !important; border-color: #ffffff !important; box-shadow: 0 2px 8px rgba(16,24,40,0.22) !important; }
html .mb-slider input[type=range]::-moz-range-thumb { background: var(--accent-ink) !important; border-color: #ffffff !important; box-shadow: 0 2px 8px rgba(16,24,40,0.22) !important; }
html .mb-slider input[type=range]::-webkit-slider-runnable-track { background: rgba(11,13,18,0.12) !important; }
html .mb-slider input[type=range]::-moz-range-track { background: rgba(11,13,18,0.12) !important; }
html .mb-slider input[type=range]:focus-visible::-webkit-slider-thumb { outline-color: var(--accent-ink) !important; }

/* "How it works" cards: white base under the tint (the ambient vials showed through a grey-tinted slab) */
html .mb-hc { box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .mb-hc.a { background: linear-gradient(rgba(52,211,153,0.08), rgba(52,211,153,0.08)), #ffffff !important; border-color: rgba(13,115,71,0.20) !important; }
html .mb-hc.b { background: linear-gradient(rgba(94,196,232,0.09), rgba(94,196,232,0.09)), #ffffff !important; border-color: rgba(8,109,149,0.20) !important; }
html .mb-hc.c { background: linear-gradient(rgba(167,139,250,0.09), rgba(167,139,250,0.09)), #ffffff !important; border-color: rgba(91,63,214,0.20) !important; }
html .mb-hc.c .k { color: #5b3fd6 !important; }

/* Email sheet */
html .mb-veil { background: rgba(11,13,18,0.45) !important; }
html .mb-modal { background: #ffffff !important; border-color: var(--line) !important; box-shadow: 0 24px 60px rgba(16,24,40,0.18); }
html .mb-in { background: #ffffff !important; border-color: var(--line-strong) !important; color: var(--text) !important; }
html .mb-msg { color: var(--accent-ink) !important; }

}