/* ==========================================================================
   Just Electrolyte — canonical wordmark component  (single source of truth)
   --------------------------------------------------------------------------
   This is the ONE definition of the wordmark for every web surface.
   Do not re-implement the wordmark anywhere else (no bespoke .logo / .brand
   span sets, no per-site sizing forks). Include this file, use the markup in
   brand/wordmark-usage.md, and scale per placement with --je-wm-size only.

   Locked proportions (brand-guide.md §4–§5):
     JUST         weight 500, tracking +0.32em, cap height = 0.4 x ELECTROLYTE
     ELECTROLYTE  weight 900, tracking -0.02em  (defines lockup width)
     Rule         2px Freshwater #A9D2E8, full ELECTROLYTE width, hard-left,
                  ~0.24em gap below ELECTROLYTE — part of the official mark (§5)
     Tagline      weight 400, "Just Hydration" exact (brand-guide.md §1.2)
   Color is currentColor: set color on the parent. Inverse = Paper on Ink.
   ========================================================================== */

.je-wordmark{display:inline-block;line-height:1;text-decoration:none;color:var(--je-ink,#0A0A0A);font-family:var(--je-font-sans,"Inter","Helvetica Neue",Helvetica,Arial,sans-serif);font-size:var(--je-wm-size,1.375rem)}
.je-wordmark__just{display:block;font-size:0.4em;font-weight:500;letter-spacing:0.32em;text-transform:uppercase;margin-bottom:0.18em}
.je-wordmark__name{display:block;font-size:1em;font-weight:900;letter-spacing:-0.02em;text-transform:uppercase}
.je-wordmark__rule{display:block;height:2px;background:linear-gradient(to right,#A9D2E8 0%,#E9F4FB 50%,#A9D2E8 100%);margin-top:0.24em}
.je-wordmark__tagline{display:block;font-size:0.32em;font-weight:400;letter-spacing:0;text-transform:none;margin-top:0.4em}
.je-wordmark--inverse{color:var(--je-paper,#FFFFFF)}
.je-wordmark--inverse .je-wordmark__rule{background:linear-gradient(to right,#A9D2E8 0%,#E9F4FB 50%,#A9D2E8 100%)}
.je-wordmark--compact .je-wordmark__just{display:none}