/* RefillGuard on the RxHealing family layer: the theme toggle and dark tokens rg.css never had, plus the RefillGuard-only
   tweaks for the night hero, the example check and the waitlist bookend. Loaded after rg.css and family.css. */
:root[data-theme="dark"]{
 --bg:#070918;--bg-2:#0B0E22;--surface:#10132B;--surface-2:#141834;--raise:rgba(20,24,52,.66);
 --ink:#F2F3FA;--ink-2:#C1C5DE;--muted:#959AB9;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
 --blue-ink:#7FD3F0;--purple-ink:#AE9CF4;--ok:#5FD39A;--ok-wash:rgba(95,211,154,.12);--warn:#F1B65A;--warn-wash:rgba(241,182,90,.12);--bad:#FF8A80;--bad-wash:rgba(255,138,128,.10);
 --sky:rgba(81,189,228,.14);--lav:rgba(119,93,201,.18);--wash:rgba(255,255,255,.05);
 --grad-text:linear-gradient(100deg,#7FD3F0 0%,#B3A1F7 85%);
 --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 50px -28px rgba(0,0,0,.7);
 --shadow-lg:0 1px 0 rgba(255,255,255,.05) inset,0 50px 100px -40px rgba(0,0,0,.8);
 color-scheme:dark}
:root{--btn-bg:#0B0D21;--btn-fg:#fff}
:root[data-theme="dark"]{--btn-bg:#F2F3FA;--btn-fg:#0B0D21}
.pill.p-bad{background:var(--bad-wash);color:var(--bad)}

/* theme toggle (same as rxhealing.com) */
.themer{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--ink-2);cursor:pointer;margin-left:4px;flex:none}
.themer:hover{background:var(--wash);color:var(--ink)}
.themer .moon{display:none}:root[data-theme="dark"] .themer .sun{display:none}:root[data-theme="dark"] .themer .moon{display:block}
.dthemer{display:none}
@media (max-width:560px){header nav>.themer{display:none}.dthemer{display:grid;position:absolute;left:18px;top:18px;margin:0;background:var(--wash)}}

/* dark theme: the few places rg.css hard-codes a light surface or a dark button */
:root[data-theme="dark"] header.top{background:rgba(7,9,24,.72)}
:root[data-theme="dark"] .btn-dark{background:#F2F3FA;color:#0B0D21}
:root[data-theme="dark"] .btn-dark:hover{background:#fff}
:root[data-theme="dark"] .drawer .pane .btn{color:#0B0D21}
:root[data-theme="dark"] .wwb-btn{background:#F2F3FA;color:#0B0D21}
:root[data-theme="dark"] .year,:root[data-theme="dark"] .result{background:#0E1128;border:1px solid var(--line)}
:root[data-theme="dark"] .year{border-width:1px 0}
:root[data-theme="dark"] .wwb-badge{box-shadow:inset 0 0 0 1px var(--line)}
:root[data-theme="dark"] .ex{background:var(--surface-2)}
:root[data-theme="dark"] footer{background:#0B0E22}

/* night hero: patient-card link and legend */
.hx .patient-cta{background:rgba(255,255,255,.05);border-color:var(--line-2);color:var(--ink-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.hx .patient-cta b{color:#fff}
.hx .patient-cta .pc-ic{background:rgba(81,189,228,.18);color:#7FD3F0}
.hx .patient-cta .pc-arrow{color:#7FD3F0}
.hx .hx-mark{max-width:none}
.hx .hx-copy .tag{margin-top:0}

/* the example check, now its own section under the hero */
section.check{padding:120px 0 24px;overflow-x:clip}
section.check .stage{margin-top:48px}

/* How it works: the step player replaces the hopping pills */
#how .fx{margin-top:56px}

/* waitlist bookend: the copy sits on the night panel, the form card keeps the page theme */
section.cx{padding-top:96px}
.cx .wl-why{color:var(--ink-2)}
.cx .wl-fine{color:var(--muted)}
#waitlist.cx .wl-why{color:#C9CDE4}#waitlist.cx .wl-fine{color:#A6ABC9}
@media (max-width:820px){section.check{padding-top:88px}}