/* Release 445 (owner and PI: "Manrope matches the logo better"):
   - headlines Manrope Semibold 600; paragraphs and supporting text Manrope Regular 400 (500 for small grey notes, which read thin at 400);
   - odds, probabilities, tables and dashboard labels Inter Regular/Medium with equal-width digits, so columns line up and numbers
     don't shift when prices update. Data areas use Inter throughout (one family per card); their page headline stays Manrope.
   Fonts are self-hosted (SIL Open Font License, from Fontsource), so pages no longer call Google Fonts.
   html:not(#sx445a)...(#sx445e) carries one more step than sx_brand.css (four), so these win without depending on order. */

@font-face { font-family: 'Manrope'; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url(/static/fonts/manrope-latin-var-r445.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-display: swap; font-weight: 200 800;
  src: url(/static/fonts/manrope-latin-ext-var-r445.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/fonts/inter-latin-var-r445.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/fonts/inter-latin-ext-var-r445.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root:root {
  --b-font: Manrope, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --b-data: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* reading text: Manrope */
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body { font-family: var(--b-font) !important; }

/* headlines: Manrope Semibold */
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body :is(h1, .b-h1, .b-h2), html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body h2:not(:is(main.bt, main.lv, main.cmp, main.analysis, .ht, .ow-chart, .ow-books, table) *) { font-family: var(--b-font) !important; font-weight: 600 !important; letter-spacing: -.02em; }
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body :is(h3, .b-h3):not(:is(main.bt, main.lv, main.cmp, main.analysis, .ht, .ow-chart, .ow-books, table) *) { font-weight: 600 !important; }

/* small grey supporting text reads thin in Manrope 400 */
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body :is(small, .muted, .b-muted, .b-lead-sm, p[class*="note"], span[class*="note"], p[class*="fine"], .b-footer-legal p):not(:is(main.bt, main.lv, main.cmp, main.analysis, .ht, .ow-chart, .ow-books, table) *) { font-weight: 500; }

/* data: Inter with equal-width digits (Games, a game's page and the Watchlist are main.bt; Live, Compare, the simulation page,
   the home simulator and odds chart, and every table) */
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body :is(main.bt, main.lv, main.cmp, main.analysis, .ht, .ow-chart, .ow-books, table),
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body :is(main.bt, main.lv, main.cmp, main.analysis, .ht, .ow-chart, .ow-books, table) :is(h2, h3, h4, h5, h6, p, a, button, li, dt, dd, label, td, th, input, select, textarea, small, strong, b, em, span, div, summary, legend, figcaption, caption, output, time, table):not(.ti):not([class^="ti-"]):not([class*=" ti-"]):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.material-icons):not(.material-symbols-outlined):not(code):not(pre):not(kbd) {
  font-family: var(--b-data) !important; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1, "cv11" 1;
}
/* card and section titles inside data areas: Inter Semibold (the page title above them stays Manrope) */
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body :is(main.bt, main.lv, main.cmp, main.analysis, .ht, .ow-chart, .ow-books, table) :is(h2, h3, h4, h5, h6) { font-weight: 600 !important; letter-spacing: -.01em; }

/* a data page's own introduction under its title reads as text: Manrope */
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e):not(#sx445f) body :is(.bt-lead, .bt-how-lead, .cmp-lead, .b371-lead, .lv-call__sub) { font-family: var(--b-font) !important; font-weight: 400 !important; }
/* text on the indigo bands is white; Manrope 400 reads thin there */
html:not(#sx445a):not(#sx445b):not(#sx445c):not(#sx445d):not(#sx445e) body :is(.b-subhero, .b-band, .b-cta) :is(p, li, small) { font-weight: 500; }