/* Approved event refinements, shared at publication without changing page templates. */
body.with-site-footer .site-footer{background:var(--page-gradient),var(--bg);background-size:100vw 100dvh;background-position:left bottom;background-repeat:no-repeat;border-top:1px solid #ffffff33;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#ffffffbf}
body.with-site-footer .site-footer .footer-link{color:#fff}
[data-number]{display:inline-flex;align-items:center;vertical-align:middle;line-height:1.2;white-space:pre;font-variant-numeric:tabular-nums}
[data-number]>.number-slot{display:block;flex:none;align-self:center;vertical-align:initial}
.ticker-bet .ticker-currency{margin-inline:2px}
.probability-plot .axis-label{font-size:10px;fill:#ffffff66}
.chart-ranges button,.event-page .event-chart .chart-ranges button,.featured .chart-ranges button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:8px;border-radius:var(--button-radius,8px);font:400 14px/20px 'DM Sans',sans-serif}
.chart-ranges button:is([data-range=Live],[data-chart-range=Live]),.event-page .event-chart .chart-ranges button[data-range=Live],.featured .chart-ranges button[data-chart-range=Live]{padding-inline:10px}
.chart-ranges button:is([data-range=Live],[data-chart-range=Live]):before{content:'';display:inline-block;width:5px;height:5px;flex:none;border-radius:50%;background:#79d8ad;box-shadow:0 0 0 3px #79d8ad18;animation:shared-live-pulse 1.8s ease-out infinite}
.chart-heading .chart-legend{font-size:14px}
.chart-current-time{color:#fff;font-size:14px}
.chart-bottom[data-shared-live=false]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.shared-chart-status{justify-self:end;text-align:right;color:#ffffffa6;font:400 14px/22px 'DM Sans',sans-serif;min-width:0}
.chart-bottom [hidden]{display:none!important}
.sports-demo-label,.event-page .order-type-check{display:none!important}
.event-page .sports-market-heading h3{font:400 14px/20px 'DM Sans',sans-serif;color:#ffffffa6}
.event-page .outcome-name>:is(.multi-series-dot,.outcome-selected,.outcome-check,svg){display:none}
/* Outcome choice uses the same color as its chart series. */
.event-page .multi-outcome .outcome-name:has(>.outcome-choice){position:relative;padding-left:28px}
.event-page .multi-outcome .outcome-name>.outcome-choice{display:block;position:absolute;left:0;top:50%;width:17px;height:17px;box-sizing:border-box;transform:translateY(-50%);border:1px solid var(--series-color);border-radius:50%;background:transparent;pointer-events:none;transition:background-color .16s ease}
.event-page .multi-outcome .outcome-choice>svg{display:block;position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);color:#20223e;opacity:0;transition:opacity .16s ease}
.event-page .multi-outcome[data-selected=true] .outcome-name>.outcome-choice{background:var(--series-color)}
.event-page .multi-outcome[data-selected=true] .outcome-choice>svg{opacity:1}
.event-page .multi-outcome:before{display:none!important}
.event-page:not(.variant-event-page) .multi-outcome{position:relative;align-items:center;column-gap:24px;row-gap:18px;cursor:default;border-top:1px solid #ffffff10;border-radius:8px;text-align:left}
.event-page:not(.variant-event-page) .multi-outcome[data-selected=true]{outline:1px solid var(--series-color,#ffffff30);outline-offset:-1px;background:#ffffff08}
.event-page .multi-outcome:has(.outcome-choice){cursor:pointer;transition:background-color .16s ease}
.event-page .multi-outcome:has(.outcome-choice):has(:focus-visible){background-color:#ffffff12}
.event-page .multi-outcome:has(.outcome-choice)[data-selected=true]:has(:focus-visible){background-color:#ffffff1a}
@media(hover:hover){
 .event-page .multi-outcome:has(.outcome-choice):hover{background-color:#ffffff12}
 .event-page .multi-outcome:has(.outcome-choice)[data-selected=true]:hover{background-color:#ffffff1a}
}
.event-page .multi-outcome>strong,.event-page .multi-outcome[data-selected=true]>strong{color:#f5f2fc;white-space:nowrap;font-variant-numeric:tabular-nums}
.event-page:not(.variant-event-page) .multi-outcome-actions{padding-left:0}
.event-page .multi-outcome-actions .choice-default,.event-page .trade-outcomes .choice-default{display:flex;align-items:center;justify-content:center;gap:6px;height:100%;line-height:21px}
.event-page .multi-chart-legend button{align-items:center}
.event-page #order-dialog .review-rows>div{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;line-height:22px}
.event-page #order-dialog .review-rows dd{margin:0;flex:none;text-align:right;font-weight:500;font-variant-numeric:tabular-nums}
.event-page:not(.variant-event-page) .event-icon{width:var(--shared-heading-size,82px);height:var(--shared-heading-size,82px);object-fit:contain;border-radius:8px;align-self:flex-start;flex:none}
@keyframes shared-live-pulse{50%{box-shadow:0 0 0 5px #79d8ad00}}
@media(max-width:700px){.event-page:not(.variant-event-page) .event-icon{max-width:92px;max-height:92px}.chart-bottom[data-shared-live=false]{grid-template-columns:minmax(0,1fr);gap:8px}.shared-chart-status{font-size:12px}.event-page:not(.variant-event-page) .multi-outcome{column-gap:16px}.event-page:not(.variant-event-page) .multi-outcome-actions{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.chart-ranges button:is([data-range=Live],[data-chart-range=Live]):before{animation:none}}
