/* WTWR_RESULT_STATUS_SHARED_V1 (2026-09-19)

   Single canonical source for result-status (1ST/2ND/3RD/placed/plain)
   colour tokens and classes. Before this file, the same three states were
   defined independently, and divergently, in three places:
     - Register/Login (index.html): .wpr-result / .wpr-finish-item
       -- red #d92938 / green #35da55, 2ND and 3RD both merged into one
       "placed" green/white bucket (no distinction between them).
     - Results page (results.html): .rx-result / .rx-finish-item
       -- same class-naming pattern, but with NO colour rules defined
       anywhere at all (a real gap -- these badges rendered unstyled).
     - Members page (member.html): .wmr-result -- an entirely different
       silver/bronze medal scheme (#c9ced5 / #d7a46a) unrelated to the
       red/green convention used everywhere else, plus a second, separate
       .wtwr-racing-result-badge scheme with yet another red/green pair
       (#e20000 / #05a95b).

   This file replaces all of that with one set of shared classes any
   surface can add to its own badge markup, alongside its own structural
   classes (padding/border-radius/font-size/min-width etc, which
   legitimately differ per surface and are left to each surface's own
   stylesheet). This file owns colour only, and only for the three
   outcome states this brief is actually about -- 1ST/2ND/3RD, plus the
   pre-existing "placed" bucket (any other in-frame finish beyond 3rd,
   e.g. 4th in a big-field each-way race) that already shared 2nd/3rd's
   green/white look and still does. NR/VOID/LOST/plain/unknown states are
   deliberately left exactly as each surface already defines them --
   out of scope for this change, not overlooked.

   Direct instruction (2026-09-19): keep the existing green background
   for 2nd and 3rd -- already the preferred design, unchanged here. Change
   ONLY the 2ND state's text foreground to the project's existing red (the
   same red already used for 1ST) -- white text is retained for 1ST and
   3RD. This requires 2ND and 3RD to be distinguishable from each other
   (previously several surfaces merged them into one "placed" bucket with
   no way to tell them apart) -- see each surface's own JS for the small
   change that now passes the real finish position through instead of
   collapsing it early.
*/
:root{
  --wtwr-rstat-red:#d92938;
  --wtwr-rstat-green:#35da55;
  --wtwr-rstat-white:#fff;
}

/* WTWR_RESULT_STATUS_TYPOGRAPHY_V1 (2026-09-19): direct instruction --
   2ND must have exactly the same bold typography as 1ST/3RD, guaranteed
   from this shared file rather than left as an incidental side-effect of
   each surface's own structural class (.wpr-result/.rx-result/
   .wtwr-racing-result-badge/.wmr-result) happening to apply one
   font-weight to every state alike. That incidental parity already held
   on every surface (verified: 950 everywhere, before this rule existed),
   but it wasn't owned or enforced anywhere -- a future change to any one
   surface's own CSS could have silently made 2ND diverge from 1ST/3RD
   with nothing here to stop it. This rule makes that impossible: it's
   the single place all four states' typography comes from.
   font-family/font-size/line-height/letter-spacing/text-transform use
   inherit deliberately, not a hardcoded value -- each surface's badge is
   a genuinely different size (e.g. 11px Arial on the public/results
   pages vs ~11px Inter on the member page), and forcing one absolute
   value here would silently resize/reflow every surface's layout, which
   was explicitly ruled out. font-weight is the one property given a
   real value (not inherit) and !important, both deliberately: it's the
   actual thing this instruction is about ("bold typography"), and it
   must win over any other rule, present or future, that might otherwise
   single out one state. */
.wtwr-rstat-1st,
.wtwr-rstat-2nd,
.wtwr-rstat-3rd,
.wtwr-rstat-placed{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  font-weight:950!important;
}

.wtwr-rstat-1st{background:var(--wtwr-rstat-red);color:var(--wtwr-rstat-white)}
/* The one deliberately unusual pairing in this file: green background,
   red text -- direct instruction, not an oversight. */
.wtwr-rstat-2nd{background:var(--wtwr-rstat-green);color:var(--wtwr-rstat-red)}
.wtwr-rstat-3rd{background:var(--wtwr-rstat-green);color:var(--wtwr-rstat-white)}
/* Any other in-frame finishing position beyond 3rd -- same green/white as
   3rd, unchanged from the pre-existing "placed" convention; only 2ND was
   asked to change. */
.wtwr-rstat-placed{background:var(--wtwr-rstat-green);color:var(--wtwr-rstat-white)}