/* Article calculators inherit the surrounding PreciseEV page palette. */
@font-face{font-family:CalcOutfit;src:url('/assets/fonts/PlusJakartaSans-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
#main :is(.bet-tool,.article-widget){
  --calc-bg:var(--bet-panel,var(--edu-surface,#141416));
  --calc-inset:var(--bet-bg,var(--edu-bg,#000000));
  --calc-control:var(--bet-panel-soft,var(--edu-surface-2,#101013));
  --calc-line:var(--bet-line,var(--edu-line,#2c2c32));
  --calc-line-strong:var(--bet-line-strong,#4e4e56);
  --calc-text:var(--bet-text,var(--edu-text,#eeeef0));
  --calc-copy:var(--bet-copy,var(--edu-muted,#c1c1c6));
  --calc-muted:var(--longform-muted,#9a9aa3);
  --calc-accent:var(--bet-blue,var(--edu-accent-strong,#bfb0ff));
  --calc-accent-soft:color-mix(in srgb,var(--calc-accent) 12%,transparent);
  --calc-green:var(--bet-green,#2BD07F);--calc-red:var(--bet-red,#f18382);
  display:block;box-sizing:border-box;width:min(100%,620px);min-width:0;margin:30px 0;
  padding:22px;background:var(--calc-bg);border:0;border-radius:26px;
  color:var(--calc-text);color-scheme:dark;font:400 13px/1.5 CalcOutfit,system-ui,sans-serif;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;
}
#main :is(.bet-tool,.article-widget) *{box-sizing:border-box}
#main :is(.bet-tool-heading,.article-widget-heading){margin:0 0 22px;padding:0;border:0}
#main .bet-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#main :is(.bet-tool-heading,.article-widget-heading) h2{margin:0;padding:0;color:var(--calc-text);font-family:inherit;font-size:19px;line-height:1.3;letter-spacing:-.025em;font-weight:550}
#main :is(.article-widget-kicker,.bet-tool-kicker,.bet-live-indicator){display:none}
#main .calc-sr-only,#main .bet-fields legend{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important}
#main .bet-reset{flex-shrink:0;min-height:32px;padding:4px 7px;margin:-4px -7px 0 0;background:none;border:0;border-radius:20px;color:var(--calc-muted);font:400 11px/1.4 CalcOutfit,system-ui,sans-serif;cursor:pointer}
#main .bet-reset:hover{color:var(--calc-accent);background:var(--calc-accent-soft)}
#main .bet-fields{min-width:0;margin:0 0 16px;padding:0;border:0}
#main .bet-fields:last-child{margin-bottom:0}
#main :is(.bet-field-grid,.widget-input-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#main .bet-field-grid:has(.parlay-leg){grid-template-columns:minmax(0,1fr);gap:0}
#main :is(.bet-input,.widget-input-grid label){display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--calc-text);font-size:13px;line-height:1.4;font-weight:400}
#main .bet-control{position:relative;display:flex;align-items:center;width:100%}
#main .bet-control i{left:12px;color:var(--calc-muted);font-size:12px}
#main :is(.bet-input input,.bet-input select,.article-widget input:not([type=range]),.article-widget select){
  width:100%;min-width:0;height:36px;min-height:36px;padding:0 12px;background:var(--calc-inset);
  border:1px solid transparent;border-radius:22px;color:var(--calc-text);
  font:400 13px/1.4 CalcOutfit,system-ui,sans-serif;font-variant-numeric:tabular-nums;
  transition:border-color .15s ease,background-color .15s ease;
}
#main .bet-tool .bet-control:has(>i) input{padding-left:27px}
/* Labels and unit wrappers sit on the card surface; only the pill inputs are sunken. */
html:root body #main .bet-tool :is(.bet-input,.bet-control){background-color:transparent!important}
#main .bet-control>i{z-index:1;pointer-events:none}
#main :is(.bet-input select,.article-widget select){cursor:pointer;padding-right:25px}
#main :is(.bet-tool,.article-widget) :is(input,select):hover{border-color:var(--calc-line-strong);background:var(--calc-control)}
#main :is(.bet-tool,.article-widget) :focus-visible{outline:2px solid var(--calc-accent);outline-offset:3px}
#main :is(.bet-tool,.article-widget) :is(input,select):focus{border-color:var(--calc-accent);outline:none;background:var(--calc-inset)}
#main :is(.bet-input small,.widget-input-grid small){margin:0;color:var(--calc-muted);font-size:10px;line-height:1.4;font-weight:300}
#main .parlay-leg{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--calc-line)}
#main .parlay-leg:last-child{margin:0;padding:0;border:0}
#main .bet-check{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:0 0 10px;color:var(--calc-copy);font-size:11px}
#main .bet-check input{width:14px;height:14px;margin:0;accent-color:var(--calc-accent)}
#main .bet-result{margin:22px 0 0;padding:0;background:none;border:0;border-radius:0;min-width:0}
#main .calc-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin:20px 0;padding:13px 15px;background:var(--calc-inset);border:0;border-radius:12px;color:var(--calc-muted);font-size:13px;font-weight:300}
#main .bet-result>.calc-summary{margin-top:0}
#main .calc-summary strong{color:var(--calc-text);font-size:16px;font-weight:550;line-height:1.3;text-align:right}
#main .calc-summary small{display:block;font-size:10px;color:var(--calc-muted)}
#main :is(.bet-tool,.article-widget) :is(.calc-summary,.widget-results) strong[data-tone=positive]{color:var(--calc-green)}
#main :is(.bet-tool,.article-widget) :is(.calc-summary,.widget-results) strong[data-tone=negative]{color:var(--calc-red)}
#main :is(.calc-metrics,.widget-results){display:block;margin:20px 0 0;padding:0;background:none;border:1px solid var(--calc-line);border-radius:12px;overflow:hidden}
#main .calc-metric-row,#main .article-widget .widget-results>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;margin:0;min-height:46px;border:0;border-bottom:1px solid var(--calc-line)}
#main .calc-metric-row:last-child,#main .article-widget .widget-results>div:last-child{border-bottom:0}
#main .calc-metric-row :is(dt,dd){margin:0;padding:0;border:0;font-family:inherit;font-size:13px;line-height:1.4}
#main .calc-metric-row dt{color:var(--calc-copy);font-weight:300}
#main .calc-metric-row dd{color:var(--calc-text);text-align:right;font-weight:550}
#main .calc-outcome-row{min-height:62px}
#main .calc-outcome-row dt{color:var(--calc-text);font-weight:400}
#main .calc-outcome-row dt small{display:block;margin-top:2px;color:var(--calc-muted);font-size:11px;font-weight:300}
#main .calc-outcome-row dd{display:flex;align-items:center;gap:13px;flex-shrink:0}
#main .calc-probability{font-size:14px;font-weight:550}
#main .calc-probability small{display:block;margin-top:1px;color:var(--calc-muted);font-size:9px;font-weight:300}
#main .calc-pill{display:inline-block;padding:3px 8px;border-radius:20px;background:var(--calc-accent-soft);color:var(--calc-accent);font-size:10px;line-height:1.2;font-weight:450;white-space:nowrap}
#main #bet-result-extra .calc-metric-row{border:0;min-height:38px;padding:9px 14px}
#main #bet-result-extra{padding:4px 0}
#main #bet-result-extra dt{color:var(--calc-muted)}
#main .bet-result p.calc-footnote,#main .article-widget>small,#main .article-widget .comparison-controls>small{display:block;margin:20px 0 0;padding:0;border:0;color:var(--calc-muted);font-size:11px;line-height:1.5;font-weight:300}
#main .bet-result.is-negative:has(.calc-metrics[hidden]) .calc-footnote{color:var(--calc-red)}
#main .article-widget .widget-range-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 2px;color:var(--calc-muted);font-size:12px;font-weight:300}
#main .article-widget .widget-range-label output{color:var(--calc-text);font-weight:500;white-space:nowrap}
#main .article-widget input.widget-range{display:block;width:100%;min-height:28px;margin:0;accent-color:var(--calc-accent);cursor:pointer}
#main .article-widget .widget-results span{color:var(--calc-muted);font-size:13px;font-weight:300}
#main .article-widget .widget-results strong{color:var(--calc-text);text-align:right;font-size:15px;font-weight:550}
#main .article-widget p.widget-result{margin:14px 0 0;padding:0;border:0;background:none;color:var(--calc-muted);font-size:11px;line-height:1.5;font-weight:300}
#main .article-widget .comparison-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}
#main .article-widget .comparison-toolbar>strong{color:var(--calc-copy);font-size:12px;font-weight:400}
#main .article-widget .widget-toggle{display:flex;gap:2px;padding:3px;background:var(--calc-inset);border:0;border-radius:22px}
#main .article-widget .widget-toggle button{min-height:30px;padding:5px 10px;background:none;border:0;border-radius:20px;color:var(--calc-muted);font-family:inherit;font-size:11px;font-weight:400;line-height:1.4;cursor:pointer}
#main .article-widget .widget-toggle button[aria-pressed=true]{background:var(--calc-accent-soft);color:var(--calc-accent)}
#main .article-widget .comparison-table{overflow:hidden;border:1px solid var(--calc-line);border-radius:12px}
#main .article-widget .comparison-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,110px) minmax(65px,90px);align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid var(--calc-line);color:var(--calc-text);font-size:13px}
#main .article-widget .comparison-row:last-child{border-bottom:0}
#main .article-widget .comparison-header{color:var(--calc-muted);font-size:10px;font-weight:300}
#main .article-widget .comparison-break-even{text-align:right;font-weight:550}
#main .article-widget .comparison-row[data-best=true] .comparison-break-even{color:var(--calc-green)}
#main .article-widget .comparison-row[data-best=true] label::after{display:block;width:max-content;margin-top:3px;padding:1px 6px;border-radius:15px;background:color-mix(in srgb,var(--calc-green) 14%,transparent);color:var(--calc-green);font-size:9px;content:'Best price'}
#main .article-widget input[aria-invalid=true]{border-color:var(--calc-red)}
#main :is(.bet-tool,.article-widget) [hidden]{display:none}
.widget-article-link a{color:var(--edu-accent-strong,#d4c6ff)}
@media(min-width:640px){#main .article-widget[data-article-widget=pickem] .widget-input-grid,#main .bet-field-grid:has(>.bet-input:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){
  #main :is(.bet-tool,.article-widget){margin:24px 0;padding:18px 16px;border-radius:22px}
  #main :is(.bet-tool-heading,.article-widget-heading) h2{font-size:18px}
  #main :is(.bet-field-grid,.widget-input-grid){gap:12px}
  #main :is(.bet-input input,.bet-input select,.article-widget input:not([type=range]),.article-widget select){height:40px;min-height:40px;font-size:16px;padding-inline:10px}
  #main :is(.bet-input,.widget-input-grid label){font-size:12px}
  #main .parlay-leg{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);gap:7px}
  #main .parlay-leg .bet-input:last-child{grid-column:auto}
  #main .bet-check{padding-bottom:12px}
  #main .calc-metric-row,#main .article-widget .widget-results>div{gap:10px;padding:12px}
  #main .calc-metric-row :is(dt,dd){font-size:12px;overflow-wrap:anywhere}
  #main .calc-outcome-row dd{gap:8px}
  #main .calc-pill{padding:3px 6px;font-size:9px}
  #main .calc-summary{padding:12px;font-size:12px}
  #main .article-widget .comparison-row{grid-template-columns:minmax(0,1fr) 76px 62px;gap:7px;padding:10px;font-size:12px}
  #main .article-widget .comparison-header{font-size:9px}
  #main .article-widget .comparison-row input{padding:0 7px;font-size:14px}
}
@media(max-width:350px){#main .widget-input-grid{grid-template-columns:minmax(0,1fr)}#main .calc-outcome-row dd{gap:5px}#main .calc-pill{font-size:8px}}
@media(prefers-reduced-motion:reduce){#main :is(.bet-tool,.article-widget) :is(input,select){transition:none}}