/* PreciseEV 2026 design system for public content: education, calculators,
   sportsbook and state guides, help center and the odds API page.
   Loaded last on each of those pages; remaps their tokens and shared parts. */
@font-face{font-family:'SL Inter';src:url('/assets/fonts/PlusJakartaSans-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-0130,U+0132-0151,U+0154-02BA,U+02BD-02C5,U+02C7-02D9,U+02DB,U+02DD-02FF,U+0309-0328,U+032A-1FFF,U+2070-20AB,U+20AD-2115,U+2117-2121,U+2123-2152,U+215F-218F,U+219A-21BA,U+21BC-2211,U+2213-2214,U+2216-2247,U+2249-225F,U+2261-2263,U+2266-25B1,U+25B3,U+25B5,U+25B7,U+25B9-25BB,U+25BD,U+25BF,U+25C1,U+25C3-25CA,U+25CC-25CE,U+25D0-2604,U+2607-2712,U+2714,U+2716,U+2718-FEFE,U+FF00-FFFC,U+FFFE-10FFFF}@font-face{font-family:'SL Inter';src:url('/assets/fonts/PlusJakartaSans-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+21BB,U+2212,U+2215,U+2248,U+2260,U+2264,U+2265,U+2022,U+2026,U+2116,U+2153-215E,U+2713,U+2715,U+2717,U+2605,U+2606,U+25B2,U+25B4,U+25B6,U+25B8,U+25BC,U+25BE,U+25C0,U+25C2,U+25CF,U+25CB,U+FEFF,U+FFFD}
@font-face{font-family:'CalcOutfit';src:url('/assets/fonts/PlusJakartaSans-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-0130,U+0132-0151,U+0154-02BA,U+02BD-02C5,U+02C7-02D9,U+02DB,U+02DD-02FF,U+0309-0328,U+032A-1FFF,U+2070-20AB,U+20AD-2115,U+2117-2121,U+2123-2152,U+215F-218F,U+219A-21BA,U+21BC-2211,U+2213-2214,U+2216-2247,U+2249-225F,U+2261-2263,U+2266-25B1,U+25B3,U+25B5,U+25B7,U+25B9-25BB,U+25BD,U+25BF,U+25C1,U+25C3-25CA,U+25CC-25CE,U+25D0-2604,U+2607-2712,U+2714,U+2716,U+2718-FEFE,U+FF00-FFFC,U+FFFE-10FFFF}@font-face{font-family:'CalcOutfit';src:url('/assets/fonts/PlusJakartaSans-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+21BB,U+2212,U+2215,U+2248,U+2260,U+2264,U+2265,U+2022,U+2026,U+2116,U+2153-215E,U+2713,U+2715,U+2717,U+2605,U+2606,U+25B2,U+25B4,U+25B6,U+25B8,U+25BC,U+25BE,U+25C0,U+25C2,U+25CF,U+25CB,U+FEFF,U+FFFD}
@font-face{font-family:'SL Display';src:url('/assets/fonts/PlusJakartaSans-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-0130,U+0132-0151,U+0154-02BA,U+02BD-02C5,U+02C7-02D9,U+02DB,U+02DD-02FF,U+0309-0328,U+032A-1FFF,U+2070-20AB,U+20AD-2115,U+2117-2121,U+2123-2152,U+215F-218F,U+219A-21BA,U+21BC-2211,U+2213-2214,U+2216-2247,U+2249-225F,U+2261-2263,U+2266-25B1,U+25B3,U+25B5,U+25B7,U+25B9-25BB,U+25BD,U+25BF,U+25C1,U+25C3-25CA,U+25CC-25CE,U+25D0-2604,U+2607-2712,U+2714,U+2716,U+2718-FEFE,U+FF00-FFFC,U+FFFE-10FFFF}@font-face{font-family:'SL Display';src:url('/assets/fonts/PlusJakartaSans-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+21BB,U+2212,U+2215,U+2248,U+2260,U+2264,U+2265,U+2022,U+2026,U+2116,U+2153-215E,U+2713,U+2715,U+2717,U+2605,U+2606,U+25B2,U+25B4,U+25B6,U+25B8,U+25BC,U+25BE,U+25C0,U+25C2,U+25CF,U+25CB,U+FEFF,U+FFFD}

html:root {
  --sl-bg:#0B0A10;--sl-sunken:#0c0c0f;--sl-panel:#111114;--sl-panel-2:#17171b;--sl-panel-3:#1f1f24;
  --sl-line:#212126;--sl-line-2:#2a2a30;--sl-line-3:#3a3a41;
  --sl-text:#f4f4f5;--sl-text-2:#b4b4bd;--sl-muted:#85858e;--sl-faint:#7a7a84;
  --sl-lime:#7B5CFF;--sl-lime-3:#bfb0ff;--sl-lime-ink:#ffffff;--sl-lime-wash:rgb(124 77 255/.14);--sl-lime-line:rgb(124 77 255/.45);--sl-brand:#7B5CFF;--sl-brand-hi:#8B6CFF;--sl-brand-text:#bfb0ff;--sl-brand-pale:#e2d8ff;--sl-brand-gradient:linear-gradient(180deg,#8B6CFF 0%,#7B5CFF 100%);--sl-brand-glow:0 0 0 1px rgb(124 77 255/.35),0 10px 40px -8px rgb(124 77 255/.55);--sl-up:#2BD07F;--sl-up-2:#2fc77b;--sl-up-3:#8ff0bf;--sl-up-wash:rgb(62 224 143/.12);--sl-up-line:rgb(62 224 143/.4);--sl-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --sl-cyan:#6fb6ff;--sl-red:#ff6b6b;--sl-amber:#f7b955;
  --sl-font:'SL Inter','Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --sl-display:'SL Display','SL Inter','Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;

  --edu-bg:var(--sl-bg);--edu-surface:var(--sl-panel);--edu-surface-2:var(--sl-panel-2);--edu-line:var(--sl-line-2);
  --edu-text:var(--sl-text);--edu-muted:var(--sl-text-2);--edu-dim:var(--sl-muted);--edu-accent:var(--sl-lime);--edu-accent-strong:var(--sl-lime-3);--edu-font:var(--sl-font);
  --bet-bg:var(--sl-bg);--bet-panel:var(--sl-panel);--bet-panel-soft:var(--sl-panel-2);--bet-control:var(--sl-sunken);--bet-line:var(--sl-line-2);--bet-line-strong:var(--sl-line-3);
  --bet-text:var(--sl-text);--bet-copy:var(--sl-text-2);--bet-muted:var(--sl-muted);--bet-blue:var(--sl-lime);--bet-green:var(--sl-up,#2BD07F);--bet-red:var(--sl-red);--bet-font:var(--sl-font);
  --api-bg:var(--sl-bg);--api-panel:var(--sl-panel);--api-panel-2:var(--sl-panel-2);--api-line:var(--sl-line-2);--api-text:var(--sl-text);--api-muted:var(--sl-text-2);
  --api-faint:var(--sl-muted);--api-blue:var(--sl-lime);--api-green:var(--sl-up,#2BD07F);--api-font:var(--sl-font);
  --help-canvas:var(--sl-bg);--help-surface:var(--sl-panel);--help-line:var(--sl-line-2);--help-text:var(--sl-text);--help-muted:var(--sl-text-2);--help-sky:var(--sl-lime);
  --longform-ink:var(--sl-bg);--longform-panel:var(--sl-panel);--longform-line:var(--sl-line-2);--longform-copy:var(--sl-text-2);--longform-muted:var(--sl-muted);
  --longform-cyan:var(--sl-lime-3);--longform-cyan-deep:var(--sl-lime);
  --market-leaf:var(--sl-lime);
}
html:root body:is(.betting-pages,.help-page,.market-guide-site,:not([class])) {
  background:radial-gradient(1000px 480px at 50% -120px,rgb(124 77 255/.135),transparent 70%),var(--sl-bg)!important;
  color:var(--sl-text);font-family:var(--sl-font)!important;-webkit-font-smoothing:antialiased;font-feature-settings:normal;
}
html:root body ::selection {background:rgb(124 77 255/.45);color:#fff}
html:root body :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid var(--sl-lime)!important;outline-offset:3px}
html:root body :is(h1,h2) {font-family:var(--sl-display)!important;font-weight:600!important;letter-spacing:-.03em!important}
html:root body h3 {font-family:var(--sl-display);letter-spacing:-.01em}
html:root body :is(.skip-link,.bet-skip,.help-skip,.api-skip) {background:var(--sl-lime)!important;color:var(--sl-lime-ink)!important}

/* Headers */
html:root body :is(.edu-header,.bet-header,.help-header,.api-header) {
  position:sticky;top:0;z-index:50;background:rgb(9 9 11/.8)!important;backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--sl-line)!important;
}
html:root body :is(.edu-brand,.bet-brand,.help-brand,.api-brand) {font-family:var(--sl-display)!important;font-weight:650!important;letter-spacing:0!important}
html:root body :is(.edu-brand,.bet-brand,.help-brand,.api-brand) img {filter:drop-shadow(0 6px 16px rgb(124 77 255/.45))}
html:root body :is(.edu-brand,.bet-brand,.help-brand,.api-brand) :is(strong,b) {color:var(--sl-text)}
html:root body :is(.edu-brand,.bet-brand,.help-brand,.api-brand) :is(strong span,b span,span span) {color:var(--sl-brand-text,#bfb0ff)}
html:root body :is(.edu-header,.bet-header,.api-nav) a:not(.edu-brand):not(.bet-brand):not(.api-brand):not(.edu-workspace-link):not(.api-nav-cta) {color:var(--sl-text-2)}
html:root body :is(.edu-header,.bet-header,.api-nav) a:not(.edu-brand):not(.bet-brand):not(.api-brand):not(.edu-workspace-link):not(.api-nav-cta):hover {color:var(--sl-text)}
html:root body :is(.edu-workspace-link,.help-app-link,.api-nav-cta,.bet-header-back) {
  border:1px solid var(--sl-lime)!important;border-radius:999px!important;background:var(--sl-lime)!important;color:var(--sl-lime-ink)!important;font-weight:650!important;
  box-shadow:0 8px 24px -10px rgb(124 77 255/.6)!important;
}
html:root body :is(.edu-workspace-link,.help-app-link,.api-nav-cta,.bet-header-back):hover {background:var(--sl-lime-3)!important}
html:root body :is(.edu-workspace-link,.help-app-link,.api-nav-cta,.bet-header-back) :is(svg,.ui-icon) {color:currentColor!important;stroke:currentColor}

/* Kickers, eyebrows, breadcrumbs */
html:root body :is(.eyebrow,.learn-heading-label,.api-overline,.bet-card-category,.learn-card-kicker,.sg-guide-category) {color:var(--sl-brand-text,#bfb0ff)!important;letter-spacing:.08em}
html:root body :is(.learn-heading-label) {border-color:var(--sl-line-2)!important;background:var(--sl-panel)!important;color:var(--sl-text-2)!important;border-radius:999px!important}
html:root body :is(.breadcrumbs,.bet-breadcrumbs) {color:var(--sl-muted)!important}
html:root body :is(.breadcrumbs,.bet-breadcrumbs) a:hover {color:var(--sl-brand-text,#bfb0ff)!important}

/* Tabs and filters */
html:root body :is(.learn-topic-tabs,.sg-category-tabs,.market-category-tabs) :is(a,button) {
  border:1px solid var(--sl-line-2)!important;border-radius:999px!important;background:var(--sl-panel)!important;color:var(--sl-text-2)!important;
  transition:border-color .15s,background-color .15s,color .15s;
}
html:root body :is(.learn-topic-tabs,.sg-category-tabs,.market-category-tabs) :is(a,button):hover {border-color:var(--sl-line-3)!important;color:var(--sl-text)!important}
html:root body :is(.learn-topic-tabs,.sg-category-tabs,.market-category-tabs) :is(a,button):is(.is-active,[aria-current],[aria-pressed=true],[aria-selected=true]) {
  background:#2a2a31!important;border-color:rgb(255 255 255/.1)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgb(255 255 255/.06),0 1px 2px rgb(0 0 0/.4)!important}
html:root body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.learn-search,.market-search,.sg-directory-search input,.help-search input,.bet-input,.bet-control) {
  background-color:var(--sl-sunken)!important;border-color:var(--sl-line-2)!important;color:var(--sl-text)!important;
}
html:root body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus {border-color:var(--sl-lime)!important;box-shadow:0 0 0 3px rgb(124 77 255/.24)!important;outline:none}
html:root body ::placeholder {color:var(--sl-faint)!important}
html:root body :is(input[type=checkbox],input[type=radio],input[type=range]) {accent-color:var(--sl-lime)}
html:root body :is(.catalog-count,.sg-directory-count,.market-result-count) {background:var(--sl-panel-2)!important;border-color:var(--sl-line-2)!important;color:var(--sl-text-2)!important}

/* Cards */
html:root body :is(.learn-card,.bet-link-card,.sg-guide-card,.help-collection,.market-guide-card,.api-endpoint-row,.bet-tool,.bet-result,.api-console,.bet-faq details,.faq details) {
  background:linear-gradient(180deg,var(--sl-panel),rgb(16 16 19/.65))!important;border-color:var(--sl-line)!important;
  transition:border-color .2s,transform .2s,background-color .2s;
}
html:root body :is(.learn-card,.bet-link-card,.sg-guide-card,.help-collection,.market-guide-card) {border-radius:18px!important;overflow:hidden}
html:root body :is(.learn-card,.bet-link-card,.sg-guide-card,.help-collection,.market-guide-card):hover {border-color:var(--sl-line-3)!important;transform:translateY(-2px)}
html:root body :is(.learn-card-cta,.bet-card-link,.help-card-arrow,.market-card-link) {color:var(--sl-brand-text,#bfb0ff)!important}
html:root body :is(.learn-card-description,.learn-card-reading,.learn-card-footer,.sg-guide-meta,.help-card-meta) {color:var(--sl-muted)!important}
html:root body .learn-card-topic {border-color:var(--sl-line-2)!important;background:var(--sl-panel-2)!important;color:var(--sl-text-2)!important;border-radius:999px!important}
html:root body .help-collection:nth-child(odd) .help-collection-icon {--help-icon:var(--sl-lime)}
html:root body .help-collection:nth-child(even) .help-collection-icon {--help-icon:var(--sl-lime)}
html:root body .help-collection-icon {background:rgb(255 255 255/.03);border-radius:12px;box-shadow:inset 0 0 0 1px var(--sl-line-2)}

/* Buttons */
html:root body :is(.help-button,.api-button,.help-search-submit) {border-radius:999px!important;background:var(--sl-lime)!important;border-color:var(--sl-lime)!important;color:var(--sl-lime-ink)!important;font-weight:650!important}
html:root body :is(.bet-reset,.api-secondary-link,.help-contact-actions a:not(.help-button)) {border-radius:999px!important;border-color:var(--sl-line-3)!important;color:var(--sl-text)!important}
html:root body :is(.learn-pagination,.learn-page-numbers) :is(a,button) {border-radius:10px!important;border-color:var(--sl-line-2)!important;background:var(--sl-panel)!important;color:var(--sl-text-2)!important}
html:root body :is(.learn-pagination,.learn-page-numbers) :is(a,button):is([aria-current],.is-active) {background:var(--sl-lime)!important;border-color:var(--sl-lime)!important;color:var(--sl-lime-ink)!important}

/* Calculators */
html:root body .bet-result :is(strong,output) {color:var(--sl-text)}
html:root body :is(.calc-metrics,.calc-summary) :is(strong,output,b) {font-family:var(--sl-display);letter-spacing:-.02em}
html:root body .calc-metrics .is-positive, html:root body .calc-summary .is-positive {color:var(--sl-up,#2BD07F)!important}

/* Footers */
html:root body :is(.edu-footer,.bet-footer,.help-footer,.api-footer) {border-top:1px solid var(--sl-line)!important;background:linear-gradient(180deg,transparent,rgb(0 0 0/.35))!important;color:var(--sl-muted)!important}
html:root body :is(.edu-footer,.bet-footer,.help-footer,.api-footer) a:hover {color:var(--sl-brand-text,#bfb0ff)!important}
html:root body .help-app-link {background:rgb(255 255 255/.03)!important;border-color:var(--sl-line-3)!important;color:var(--sl-text)!important;box-shadow:none!important}
html:root body .help-app-link:hover {background:rgb(255 255 255/.07)!important}

/* ---- Help center: glow hero, pill search, calmer dividers ---- */
html:root body.help-page:not(#hc-a):not(#hc-b) {
  & .help-header {position:relative;isolation:isolate;border-bottom:1px solid var(--sl-line)!important;background:radial-gradient(760px 320px at 18% -10%,rgb(124 77 255/.165),transparent 65%),radial-gradient(560px 280px at 100% 0%,rgb(255 255 255/.03),transparent 70%),transparent!important}
  & .help-header::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgb(124 77 255/.45) 30%,rgb(124 77 255/.18) 70%,transparent);pointer-events:none}
  & .help-app-link {padding:0 18px!important;min-height:40px!important;border:1px solid var(--sl-line-3)!important;background:rgb(255 255 255/.03)!important;color:var(--sl-text)!important;font-size:13px!important}
  & .help-button {padding:0 18px!important;min-height:40px!important}
  & .help-hero h1 {text-shadow:0 0 40px rgb(124 77 255/.21)}
  & form.help-search {gap:12px!important;min-height:58px!important;padding:0 8px 0 20px!important;border:1px solid var(--sl-line-2)!important;border-radius:999px!important;background:linear-gradient(180deg,rgb(255 255 255/.03),transparent),#0d0d0f!important;box-shadow:inset 0 1px 0 rgb(255 255 255/.03),0 20px 50px -30px rgb(124 77 255/.45)!important}
  & form.help-search:focus-within {border-color:rgb(124 77 255/.5)!important;box-shadow:0 0 0 4px rgb(124 77 255/.12),0 20px 50px -30px rgb(124 77 255/.4)!important}
  & form.help-search > svg {width:19px!important;height:19px!important;padding:0!important;border:0!important;background:none!important;color:var(--sl-brand-text,#bfb0ff)!important}
  & form.help-search input {min-height:54px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15.5px!important}
  & form.help-search .help-search-submit {min-height:42px!important;padding:0 22px!important}
  & .help-search-hint {color:var(--sl-muted)!important;padding-left:20px}
  & .help-main {padding-top:34px}
  & .help-section-heading h2 {display:flex;align-items:center;gap:9px}
  & .help-section-heading h2::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--sl-lime);box-shadow:0 0 10px rgb(124 77 255/.7)}
  & .help-collection {position:relative;background:linear-gradient(180deg,rgb(255 255 255/.025),transparent 140px),var(--sl-panel)!important;transition:border-color .18s,transform .18s,box-shadow .18s!important}
  & .help-collection:hover {border-color:rgb(124 77 255/.45)!important;box-shadow:0 18px 44px -28px rgb(124 77 255/.4)!important}
  & .help-collection .help-collection-icon {--help-icon:var(--sl-lime)!important;background:rgb(124 77 255/.105)!important;box-shadow:inset 0 0 0 1px rgb(124 77 255/.27)!important}
  & .help-collection:hover .help-collection-icon {box-shadow:inset 0 0 0 1px rgb(124 77 255/.4),0 0 18px -4px rgb(124 77 255/.5)!important}
  & .help-contact {border:1px solid rgb(124 77 255/.24)!important;border-radius:22px!important;background:radial-gradient(520px 200px at 0% 0%,rgb(124 77 255/.135),transparent 65%),#101013!important}
}
html:root body :is(.edu-brand,.bet-brand,.help-brand,.api-brand) :is(strong,b) span {display:inline!important;margin:0!important;font:inherit!important}
