/* The italic of the display face: the product word in the bar is italic, and a
   reader without Didot (Windows, Android) otherwise gets a fake slant. Must stay
   the first rule in this file. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@1,6..96,400&display=swap');

/* Resolve brand v4: the one mark (kit 17c-1, 2026-10-23). Load after styles.css.
   One mark for every Resolve site, replacing the R/R, R/S and R/ai marks. Its
   files live under brand/v4/, paths that never held anything else, so no cache
   can hand a reader the old bytes.

   The bar carries the mark twice, one file per theme (BRAND_MARK in
   api/routes/_chrome.py): the platinum disc for dark, the plum disc for light.
   This site is dark unless <html> carries data-theme="light" (set before first
   paint by the inline script at the top of every page's head, and by theme.js),
   so with no attribute, or no JavaScript, the dark one shows.

   Only ever HIDE the wrong one. Never force a display on the right one, so the
   visible mark keeps what its context gives it (block in the bar, from
   bar-sports.css, which also sizes it). !important is on purpose: the vendored
   bar3.css sets `.bar.bar-v2 .door img { display: block }` and bar-sports.css
   `.bar.bar-v2 .door .rr-mark { display: block }`, both more specific. */
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; }

/* Wordmark: Resolve tracked open, product name in italic. The bar's wordmark
   is styled with the bar, in bar-sports.css (2026-10-22). */