/* ═══ RESOLVE BRAND v5: ONE MARK, KIT 20c (2026-10-25) ══════════════════════
   One mark for every Resolve property: the R cut out of a flat sage disc, with
   a sage brush ring and a pearl. No more R/S, R/R or R/ai, no more icon "sets".
   The files are byte-identical copies of the kit, in assets/brand/v5/ (a
   folder whose paths never existed, so no cache can hand back old bytes).
   v4 (kit 17c-1) is retired; a new mark goes in a NEW folder, never over these.

   The bar keeps its name text ("resolve sports") and the family menu as they
   were. Only the picture changed.

   ⚠️ Rules that touch the bar are `.bar.bar-v2 …`, same reason as bar3.css:
   two classes beat each page's own one-class rules whatever the order.
   ══════════════════════════════════════════════════════════════════════════ */

/* The mark is two <img>s and the theme picks one: the sage disc
   (resolve-mark-dark.svg) on the dark page, the plum disc
   (resolve-mark-light.svg) once theme.js sets html[data-theme="light"].
   Dark is the default with NO attribute (the first-paint script only ever
   adds it for a stored light choice), so "not light" means dark.

   Only ever HIDE the wrong one. The visible one keeps the display its context
   gives it (block in the bar, a flex item in the admin header).
   ⛔ Keep `!important`: bar3.css sets `.bar.bar-v2 .door img { display:block }`
   at the same specificity as these, so without it only the load order would
   stand between the bar and BOTH marks painting. */
html:not([data-theme="light"]) .rr-mark.rr-mark-lt { display: none !important; }
html[data-theme="light"] .rr-mark.rr-mark-dk { display: none !important; }

.rr-mark { flex: none; }

/* The bar mark is 34px at every width, as before. This (0,3,0) also beats
   bar3.css's `.door img { height:30px; width:auto }` and its 26px phone rule. */
.bar.bar-v2 .door .rr-mark { width: 34px; height: 34px; }

/* The wordmark. "resolve" is tracked open; the product word is the only italic
   on the site, and it is italic because it is part of the logo. Colours stay
   the bar's own: the name steps back, the product word carries the accent. */
.bar.bar-v2 .door .nm .q { letter-spacing: .06em; }
.bar.bar-v2 .door .nm .s { font-style: italic; letter-spacing: .02em; padding-right: .06em; }