/* Open stake rows, restrained numerals, and one continuous mobile chapter. */
#what .quiet-example .stake strong,
#what .quiet-example .out strong,
#what .quiet-example .odds,
#what .quiet-example .math b{
 font-family:var(--f-display);font-variant-numeric:lining-nums tabular-nums;font-weight:600;
}
@media(max-width:760px){
 #pain{display:none}
 #what .quiet-example .stake strong{letter-spacing:-.035em}
 #what .quiet-example .out strong{letter-spacing:-.035em}
 #what .quiet-example .match{font-size:18px;margin-bottom:8px}
 #what .quiet-example .stakes{gap:0;border-top:1px solid #eeeef0;border-bottom:1px solid #eeeef0}
 #what .quiet-example .bet,
 #what .quiet-example[data-selected] .bet{padding:18px 0;row-gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none}
 #what .quiet-example .bet+.bet{border-top:1px solid #eeeef0}
 #what .quiet-example .bet img{width:104px;height:27px}
 #what .quiet-example .bet-line{font-size:14px;color:#62636b}
 #what .quiet-example .odds{color:#777880}
 #what .quiet-example .stake strong{font-size:25px;line-height:1.2;margin-top:7px;color:#303136}
 #what .quiet-example .stake>span{font-size:11px;color:#7e8086}
 #what .quiet-example .winner-row{flex-direction:row;align-items:center;margin-top:24px;gap:14px}
 #what .quiet-example .choices{width:218px;max-width:72%;padding:4px}
 #what .quiet-example .choices button{min-height:44px;font-size:14px}
 #what .quiet-example .winner-row>span{font-size:14px;white-space:nowrap}
 #what .quiet-example .out{margin-top:30px;padding-bottom:0;border:0}
 #what .quiet-example .out>span{font-size:14px;color:#65676e}
 #what .quiet-example .out strong{font-size:44px;margin-top:10px;line-height:1.15}
 #what .quiet-example .explanation{font-size:14px;line-height:1.7;margin:18px 0 8px;color:#797b82}
 #what .quiet-example details{font-size:14px}
 #how .scroll-grid{height:calc(var(--mobile-scene-height,650px) + 150svh)}
 #how .mobile-how-scene{position:sticky;top:var(--mobile-scene-top,84px)}
 #how .mobile-how-copy{margin-bottom:20px}
 #how .mobile-step-copy h3{font-size:25px;line-height:1.2}
 #how .scroll-stage{box-shadow:none}
 #how .journey-context{padding:12px 16px}
 #how .journey-context strong{font-size:17px}
 #how .stage-tabs{margin-top:10px}
 #how .stage-window{min-height:302px}
 #how .stage-panel{padding:16px}
 #how .scan-network{height:210px}
 #how .found-opportunity{padding-top:12px;font-size:11px}
 #how .stage-caption{font-size:12px;margin-top:12px}
 #how .prefill-slip{padding:14px 10px}
 #how .prefill-slip>strong{font-family:var(--f-body);font-weight:400;font-size:24px}
 #how .either-profit strong{font-family:var(--f-body);font-weight:400;font-size:29px}
}
@media(max-width:360px){
 #what .quiet-example .winner-row{gap:10px}
 #what .quiet-example .choices{width:190px;max-width:70%}
 #what .quiet-example .out strong{font-size:42px}
 #how .stage-panel{padding:14px 12px}
 #how .prefill-slip>strong{font-size:22px}
}
/* Short phones share a header row so the changing copy remains visible. */
@media(max-width:760px) and (max-height:730px){
 #how .scroll-stage{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center}
 #how .journey-context{grid-column:1;grid-row:1;padding:12px 0 6px 14px;border:0}
 #how .journey-context strong{font-size:14px;line-height:1.25}
 #how .journey-context strong span{font-size:10px}
 #how .stage-tabs{grid-column:2;grid-row:1;margin:8px 10px 4px 2px;display:flex;width:auto;justify-content:stretch}
 #how .stage-tabs button{padding:7px 6px;min-height:44px;font-size:11px;flex:1;white-space:nowrap}
 #how .stage-window{grid-column:1 / -1}
 #how .stage-panel{padding:12px 14px}
 #how .mobile-how-copy{margin-bottom:12px}
 #how .mobile-step-copy h3{font-size:24px;margin:8px 0 10px}
 #how .stake-setting{margin-bottom:10px}
 #how .prefill-slip>small{margin-top:10px}
 #how .stage-caption{margin-top:8px}
}

@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 #how .mobile-step-copy{transition:opacity .2s ease,transform .38s cubic-bezier(.22,.61,.36,1);transform:translateY(7px)}
 #how .mobile-step-copy.active{transition-delay:.1s;transform:translateY(0)}
 #how .stage-panel{transition:opacity .2s ease,transform .38s cubic-bezier(.22,.61,.36,1)}
 #how .stage-panel.active{transition-delay:.1s}
}