/* Good Hope - colour themes. Four palettes switch via <html data-theme="...">. Default = V7 original.
   To lock one theme for launch: set data-theme on <html> and remove js/themes.js (or set SHOW_SWITCHER=false in it). */
:root{--pink:#E83E8C;--teal:#009FBD;--yellow:#FFC857;--blue:#3454D1;--ink:#17143A;--paper:#F8F7FC;--pink-deep:#C2185B;--pink-deeper:#B3124E;--blue-light:#6F88F2;--pink-tint:#FFF0F6;--pink-rgb:232,62,140;--ink-rgb:23,20,58;--yellow-rgb:255,200,87;--paper-rgb:248,247,252;--pink-text:var(--pink);--blue-text:var(--blue)}
html[data-theme="darker"]{--pink:#C2185B;--teal:#007A94;--yellow:#E5A100;--blue:#2A43A8;--ink:#120F2E;--paper:#F2F0F8;--pink-deep:#9C1049;--pink-deeper:#8A0E3F;--blue-light:#5670E0;--pink-tint:#F7E3EC;--pink-rgb:194,24,91;--ink-rgb:18,15,46;--yellow-rgb:229,161,0;--paper-rgb:242,240,248;--pink-text:var(--pink);--blue-text:var(--blue)}
html[data-theme="verydark"]{--pink:#8E0F47;--teal:#00596B;--yellow:#C58A00;--blue:#1B2A78;--ink:#0A0820;--paper:#E9E6F2;--pink-deep:#6E0B36;--pink-deeper:#5E092E;--blue-light:#4A60C8;--pink-tint:#F1DCE7;--pink-rgb:142,15,71;--ink-rgb:10,8,32;--yellow-rgb:197,138,0;--paper-rgb:233,230,242;--pink-text:var(--pink);--blue-text:var(--blue)}
html[data-theme="lighter"]{--pink:#F58DBA;--teal:#6FD0E6;--yellow:#FFE08F;--blue:#8FA4F2;--ink:#17143A;--paper:#FCFBFF;--pink-deep:#C2185B;--pink-deeper:#B3124E;--blue-light:#B3C0F8;--pink-tint:#FFF0F6;--pink-rgb:245,141,186;--ink-rgb:23,20,58;--yellow-rgb:255,224,143;--paper-rgb:252,251,255;--pink-text:#C2185B;--blue-text:#2A43A8}
/* Lighter: dark text on the pastel pink/blue blocks */
html[data-theme="lighter"] .gh .bg-blue,html[data-theme="lighter"] .gh .bg-blue *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh .q,html[data-theme="lighter"] .gh .q *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh .af,html[data-theme="lighter"] .gh .af *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh .shape-r,html[data-theme="lighter"] .gh .shape-r *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh .hA,html[data-theme="lighter"] .gh .hA *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh .bg-pink,html[data-theme="lighter"] .gh .bg-pink *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh [style*="background:var(--blue)"],html[data-theme="lighter"] .gh [style*="background:var(--blue)"] *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh [style*="background:var(--pink)"],html[data-theme="lighter"] .gh [style*="background:var(--pink)"] *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh .wcard[data-c="blue"]:hover,html[data-theme="lighter"] .gh .wcard[data-c="blue"]:hover *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="lighter"] .gh .wcard[data-c="blue"]:focus-within,html[data-theme="lighter"] .gh .wcard[data-c="blue"]:focus-within *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]){color:var(--ink)!important}
html[data-theme="lighter"] .gh .xp-i[data-t="blue"] .xp-n,html[data-theme="lighter"] .gh .xp-i[data-t="blue"] .xp-c,html[data-theme="lighter"] .gh .nl:nth-child(4n+4):hover,html[data-theme="lighter"] .gh .wcard[data-c="blue"]:hover .n{color:var(--ink)}
html[data-theme="lighter"] .gh .more{color:#2A43A8!important}html[data-theme="lighter"] .gh .circ{border-color:var(--ink)}
html[data-theme="lighter"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .scrollhint span.c,html[data-theme="lighter"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .scrollhint span.c *{color:#fff!important}
/* Darker: white text on the deeper pink/teal blocks */
html[data-theme="darker"] .gh .bg-pink,html[data-theme="darker"] .gh .bg-pink *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .bg-teal,html[data-theme="darker"] .gh .bg-teal *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .hA,html[data-theme="darker"] .gh .hA *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh [style*="background:var(--pink)"],html[data-theme="darker"] .gh [style*="background:var(--pink)"] *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh [style*="background:var(--teal)"],html[data-theme="darker"] .gh [style*="background:var(--teal)"] *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .wcard[data-c="pink"]:hover,html[data-theme="darker"] .gh .wcard[data-c="pink"]:hover *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .wcard[data-c="teal"]:hover,html[data-theme="darker"] .gh .wcard[data-c="teal"]:hover *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .wcard[data-c="pink"]:focus-within,html[data-theme="darker"] .gh .wcard[data-c="pink"]:focus-within *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .wcard[data-c="teal"]:focus-within,html[data-theme="darker"] .gh .wcard[data-c="teal"]:focus-within *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .chip:nth-child(3),html[data-theme="darker"] .gh .chip:nth-child(3) *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="darker"] .gh .chip:nth-child(4),html[data-theme="darker"] .gh .chip:nth-child(4) *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]){color:#fff!important}
html[data-theme="darker"] .gh .xp-i[data-t="pink"] .xp-n,html[data-theme="darker"] .gh .xp-i[data-t="pink"] .xp-c,html[data-theme="darker"] .gh .xp-i[data-t="teal"] .xp-n,html[data-theme="darker"] .gh .xp-i[data-t="teal"] .xp-c,html[data-theme="darker"] .gh .cta,html[data-theme="darker"] .gh .nl:nth-child(4n+1):hover,html[data-theme="darker"] .gh .nl:nth-child(4n+2):hover,html[data-theme="darker"] .gh .soc:hover{color:#fff}
html[data-theme="darker"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pcard figcaption,html[data-theme="darker"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pcard figcaption *,html[data-theme="darker"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .gf,html[data-theme="darker"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .gf *:not(button):not(button *):not(.btn-ink){color:var(--ink)!important}
html[data-theme="darker"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pimg,html[data-theme="darker"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pimg *{color:#fff!important}
html[data-theme="darker"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .al-who .ini{color:var(--ink)!important}
/* Very dark: white text on the deeper pink/teal blocks */
html[data-theme="verydark"] .gh .bg-pink,html[data-theme="verydark"] .gh .bg-pink *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .bg-teal,html[data-theme="verydark"] .gh .bg-teal *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .hA,html[data-theme="verydark"] .gh .hA *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh [style*="background:var(--pink)"],html[data-theme="verydark"] .gh [style*="background:var(--pink)"] *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh [style*="background:var(--teal)"],html[data-theme="verydark"] .gh [style*="background:var(--teal)"] *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .wcard[data-c="pink"]:hover,html[data-theme="verydark"] .gh .wcard[data-c="pink"]:hover *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .wcard[data-c="teal"]:hover,html[data-theme="verydark"] .gh .wcard[data-c="teal"]:hover *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .wcard[data-c="pink"]:focus-within,html[data-theme="verydark"] .gh .wcard[data-c="pink"]:focus-within *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .wcard[data-c="teal"]:focus-within,html[data-theme="verydark"] .gh .wcard[data-c="teal"]:focus-within *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .chip:nth-child(3),html[data-theme="verydark"] .gh .chip:nth-child(3) *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]),html[data-theme="verydark"] .gh .chip:nth-child(4),html[data-theme="verydark"] .gh .chip:nth-child(4) *:not(.tag):not(.xp-btn):not(.ini):not(.btn-ink):not([style*="background:var(--ink)"]):not([style*="background:#fff"]){color:#fff!important}
html[data-theme="verydark"] .gh .xp-i[data-t="pink"] .xp-n,html[data-theme="verydark"] .gh .xp-i[data-t="pink"] .xp-c,html[data-theme="verydark"] .gh .xp-i[data-t="teal"] .xp-n,html[data-theme="verydark"] .gh .xp-i[data-t="teal"] .xp-c,html[data-theme="verydark"] .gh .cta,html[data-theme="verydark"] .gh .nl:nth-child(4n+1):hover,html[data-theme="verydark"] .gh .nl:nth-child(4n+2):hover,html[data-theme="verydark"] .gh .soc:hover{color:#fff}
html[data-theme="verydark"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pcard figcaption,html[data-theme="verydark"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pcard figcaption *,html[data-theme="verydark"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .gf,html[data-theme="verydark"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .gf *:not(button):not(button *):not(.btn-ink){color:var(--ink)!important}
html[data-theme="verydark"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pimg,html[data-theme="verydark"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .pimg *{color:#fff!important}
html[data-theme="verydark"] .gh.gh.gh.gh.gh.gh.gh.gh.gh .al-who .ini{color:var(--ink)!important}

/* Theme switcher (review tool) */
.ghtb{position:fixed;left:50%;width:max-content;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 20px);padding:6px 8px;background:#fff;color:#17143A;border:1px solid #e3e1ee;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.18);font:600 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ghtb[hidden]{display:none}
.ghtb b{font-size:14px;font-weight:700;margin-right:2px;white-space:nowrap}
.ghtb .g{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.ghtb button{font:inherit;color:inherit;cursor:pointer}
.ghtb .t{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1.5px solid #e3e1ee;border-radius:10px;background:#fff}
.ghtb .t[aria-pressed="true"]{border-color:#17143A;box-shadow:inset 0 0 0 1px #17143A}
.ghtb .sw{display:flex;gap:2px}.ghtb .sw i{width:11px;height:11px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.25)}
.ghtb .x{width:30px;height:30px;border-radius:50%;border:1.5px solid #e3e1ee;background:#fff;line-height:1;padding:0}
.ghtb button:focus-visible,.ghtbo:focus-visible{outline:3px solid #3454D1;outline-offset:2px}
.ghtbo{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:9999;width:44px;height:44px;border-radius:50%;border:1.5px solid #e3e1ee;background:#fff;color:#17143A;box-shadow:0 8px 30px rgba(0,0,0,.18);cursor:pointer;font-size:20px;padding:0}
.ghtbo[hidden]{display:none}
@media (max-width:760px){.ghtb b{display:none}}
@media (max-width:640px){.ghtb{gap:6px}.ghtb .t{padding:5px 8px;gap:6px}.ghtb .t span.n{font-size:12.5px}.ghtb .sw i{width:9px;height:9px}}
