/* ============================================================================ * Heliomath NAV — the transparent-header nav "pill" (Login / Learning Plans …). * * THE SINGLE SOURCE OF TRUTH for the little translucent link-buttons that sit in * the top-right of every Heliomath page with a dark, transparent header: the * learning-differences page and the whole account-access flow (login, signup, * password-reset, 2FA, trial/payment funnel). Previously this pill was defined * twice — once in heliomath_learning_differences.css and once in * heliomath_account_access.css — with identical declarations but divergent RESULTS * (see "why self-contained" below). Consolidated here so there is exactly one. * * NOTE: the account-access pages NO LONGER load this file — their nav is now the regular * nav minus its background (heliomath_header.css + `.header--clear` in heliomath_components). * The descriptions of the auth wiring below are historical; only the dark-HERO pages * (learning-differences, about, plans) still use this pill. * * LOADING (controlled): loaded ONLY on those dark-header pages, never on the home * page (whose light hero uses a different, dark-ink nav treatment). Wired in: * - external_base.html — with the account-access CSS (login/signup + funnel) * - alpha_base.html — with the account-access CSS (reset + funnel), which * ALSO pulls Poppins there (alpha_base has no foundation) * - the learning-differences page — via its extra_head * Load it AFTER grokkoli_public.css where that legacy file is present (the LD * page): the first selector matches grokkoli_public's transparent-nav pill * specificity, so source order breaks the tie in our favour. * * TWO SELECTORS, ONE RULE: both base templates now add `.transparent` to the auth *