body:is([data-page=spot],[data-page=futures]) .chapter{grid-template-columns:minmax(220px,.48fr) minmax(0,1.52fr);gap:3vw;padding-inline:4vw}
body:is([data-page=spot],[data-page=futures]) .chapter-copy{max-width:350px}
body:is([data-page=spot],[data-page=futures]) .chapter-copy h1,body:is([data-page=spot],[data-page=futures]) .chapter-copy h2{font-size:clamp(38px,4.2vw,65px)}
body:is([data-page=spot],[data-page=futures]) .chapter-copy>p{font-size:14px;line-height:1.75}
.market-explorer{width:100%;max-width:none!important;height:100%;min-height:0;display:grid!important;grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:minmax(0,1fr);gap:20px;align-items:stretch}
.market-explorer .manager-viewport{min-height:0;height:100%;width:100%}
.market-explorer .market-view-rail{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;margin:0;min-width:0;overflow:visible;padding:0;touch-action:pan-x}
.market-view-rail>button{padding:18px 0!important;border:0!important;border-left:2px solid var(--border)!important;text-align:left;white-space:normal!important;opacity:.45;transition:opacity .25s,border-color .25s;font-size:12px!important}
.market-view-rail>button span,.market-view-rail>button small{display:block;margin-left:16px}
.market-view-rail>button small{font-size:11px;line-height:1.6;margin-top:8px;color:var(--muted);display:none}
.market-view-rail>button[aria-pressed=true]{opacity:1;border-left-color:var(--text)!important}
.market-view-rail>button[aria-pressed=true] small{display:block}
.market-view-rail>button:hover,.market-view-rail>button:focus-visible{opacity:1}
.market-view-rail>button::before,.market-view-rail>button::after{display:none!important}
.market-view-rail>button.feature-visited{border-left-color:var(--text)!important}
.market-view-controls{display:flex;align-items:center;gap:6px;margin:24px 0 0 16px}
.market-view-controls>span{font-size:9px;line-height:1.4;color:var(--muted);margin-right:auto;max-width:50px}
.market-view-controls button{width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text);font-size:16px;cursor:pointer}
.market-view-controls button:disabled{opacity:.2;cursor:default}
.market-chat{grid-template-columns:1fr}
body:is([data-page=spot],[data-page=futures]) .chapter:has(.market-chat){grid-template-columns:minmax(200px,.36fr) minmax(0,1.64fr);gap:2vw}
.market-venues{width:100%;max-width:900px!important;height:100%;min-height:0;padding:12px 0!important;border:0!important;box-shadow:none;background:transparent!important;display:flex;flex-direction:column}
.venue-headline{display:flex;align-items:center;gap:24px;margin-bottom:24px}
.venue-headline>strong{font:500 clamp(75px,9vw,132px)/.9 var(--display);letter-spacing:-.08em;color:var(--text)}
.venue-headline h3{font:500 clamp(22px,2.3vw,34px)/1.1 var(--display);letter-spacing:-.04em;margin:0 0 10px}
.venue-headline p{font-size:12px;color:var(--muted);margin:0}
.venue-search{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}
.venue-search input{max-width:220px;border:0;background:var(--panel);color:var(--text);border-radius:30px;padding:12px 16px;font:12px var(--body)}
.venue-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow-y:auto;min-height:120px;align-content:start;flex:1;padding:16px 4px 16px 0;overscroll-behavior:contain;scrollbar-width:thin}
.venue-wall button{border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 16px;min-height:102px;font:12px var(--body);background:transparent;color:var(--text);cursor:pointer;text-align:left}
.venue-wall img,.venue-selection>img{width:26px;height:26px;object-fit:contain;border-radius:6px;background:white;padding:4px;box-sizing:content-box}
.venue-wall button[aria-pressed=true]{background:var(--acid);color:#161616;border-color:var(--acid)}
.venue-wall button:hover{border-color:var(--text)}
.venue-wall button small{font-size:9px;color:var(--muted)}
.venue-monogram{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--panel);color:var(--muted);font:500 13px var(--body);flex:none;letter-spacing:-.04em}
.venue-selection{border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:16px 0 0;min-height:56px}
.venue-selection div{display:flex;flex-direction:column;gap:6px;font-size:13px}.venue-selection span{font-size:10px;color:var(--muted)}
.venue-selection p{font-size:11px;color:var(--muted);margin-left:auto;max-width:150px;line-height:1.5}
.venue-footnote{font-size:10px!important;color:var(--muted);line-height:1.5;margin:12px 0 0}
@media(max-width:1100px){.market-explorer{grid-template-columns:minmax(0,1fr) 125px;gap:10px}.market-view-rail>button{font-size:11px!important}.market-view-rail>button small{font-size:10px}.market-view-controls{margin-left:8px}.venue-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 body:is([data-page=spot],[data-page=futures]) #stage{top:58px;bottom:105px}
 body:is([data-page=spot],[data-page=futures]) .chapter,body:is([data-page=spot],[data-page=futures]) .chapter:has(.market-chat){display:flex;flex-direction:column;gap:12px;padding:8px 16px;height:100%}
 body:is([data-page=spot],[data-page=futures]) .chapter-copy{max-width:none;width:100%;flex:none}
 body:is([data-page=spot],[data-page=futures]) .chapter-copy h1,body:is([data-page=spot],[data-page=futures]) .chapter-copy h2{font-size:30px!important;line-height:1.08;margin:8px 0 10px}
 body:is([data-page=spot],[data-page=futures]) .chapter-copy br{display:none}
 body:is([data-page=spot],[data-page=futures]) .chapter-copy>p{font-size:11px;line-height:1.55;max-width:none;margin:0}
 body:is([data-page=spot],[data-page=futures]) .chapter-copy .text-link{font-size:11px;margin-top:10px}
 body:is([data-page=spot],[data-page=futures]) .eyebrow{font-size:8px}
 .market-explorer{display:flex!important;flex-direction:column;gap:8px;flex:1;min-height:0;height:auto}
 .market-explorer .manager-viewport{flex:1;min-height:0}
 .market-explorer .market-view-rail{scrollbar-width:none;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;gap:15px;overflow-x:auto;flex:none;max-width:100%;padding:4px 0;touch-action:pan-x}
 .market-view-rail>button{flex:none;padding:8px 0!important;border-left:0!important;border-bottom:2px solid transparent!important;font-size:10px!important}
 .market-view-rail>button span{margin:0;white-space:nowrap}.market-view-rail>button small{display:none!important}
 .market-view-rail>button[aria-pressed=true],.market-view-rail>button.feature-visited{border-bottom-color:var(--text)!important}
 .market-view-controls{display:none}
 .market-venues{flex:1;height:auto;padding:0!important}.venue-headline{margin-bottom:12px;gap:16px}.venue-headline>strong{font-size:64px}.venue-headline h3{font-size:25px;margin-bottom:6px}.venue-headline p{font-size:10px}
 .venue-search{gap:8px;padding-bottom:10px}.venue-search input{font-size:11px;max-width:170px;width:55%;padding:10px 12px}
 .venue-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:10px;min-height:120px}.venue-wall button{font-size:10px;padding:10px;gap:8px;min-height:87px}
 .venue-wall img{width:20px;height:20px}.venue-selection{padding-top:10px;min-height:40px}.venue-selection p{display:none}.venue-footnote{font-size:9px!important;margin-top:8px}
 body:is([data-page=spot],[data-page=futures]) .chapter-nav{max-width:65vw;gap:16px}
}
body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter) .chapter-copy :is(h1,h2){font-size:clamp(36px,3.6vw,58px)!important;line-height:1.05;letter-spacing:-.055em}
@media(max-width:760px){body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter) .chapter-copy :is(h1,h2){font-size:30px!important}}

.market-explorer .market-view-rail::-webkit-scrollbar{display:none}
/* Futures is a connected workspace. The story sits above the working surface. */
body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide{display:flex;flex-direction:column;gap:24px;padding:18px 4vw 10px;align-items:stretch}
body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.63fr);column-gap:8vw;align-items:center;max-width:none;width:100%;flex:none}
body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy .eyebrow{grid-column:1/-1;margin-bottom:10px}
body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy :is(h1,h2){font-size:clamp(34px,3.5vw,55px)!important;margin:0;line-height:1.03}
body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy>p{font-size:13px;line-height:1.7;max-width:450px;margin:0}
body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .text-link{grid-column:2;margin:8px 0 0;font-size:11px}
:is(.futures-operation-host,.spot-operation-host){flex:1;min-height:0;width:100%;max-width:none!important;height:auto;display:flex!important}
:is(.futures-operation-host,.spot-operation-host) .manager-viewport{width:100%;height:100%;min-height:0}
@media(max-width:760px){
 body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide{padding:8px 12px;gap:12px}
 body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy{display:block}
 body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy .eyebrow{margin-bottom:6px}
 body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy :is(h1,h2){font-size:28px!important;margin:0 0 8px}
 body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy>p{font-size:11px;line-height:1.5}
 body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .text-link{display:none}
}
@media(min-width:761px) and (max-height:800px){body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide{gap:14px;padding-top:6px}body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .chapter-copy :is(h1,h2){font-size:34px!important}body:is([data-page=futures],[data-page=spot],[data-page=market-makers]) .chapter.wide .eyebrow{display:none}}
.futures-venue-flow{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:none!important;background:none!important;border:0!important;padding:0!important}
.futures-venue-intro{display:flex;align-items:center;gap:20px;margin-bottom:20px}.futures-venue-intro>strong{font:500 clamp(70px,8vw,110px)/.9 var(--display);letter-spacing:-.075em}.futures-venue-intro>span{font-size:17px;line-height:1.5}.futures-venue-intro small{font-size:11px;color:var(--muted)}
.venue-motion{margin-left:auto;border:1px solid var(--border);background:none;color:var(--text);border-radius:50%;width:32px;height:32px;cursor:pointer}
.futures-venue-search{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-bottom:12px}.futures-venue-search input{padding:10px 14px;font:11px var(--body);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:24px;width:180px}
.futures-venue-stream{flex:1;min-height:150px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:hidden;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
.futures-venue-column{overflow:hidden;min-height:0}.futures-venue-ribbon{animation:venue-down var(--duration) linear infinite}.futures-venue-ribbon>div{display:flex;flex-direction:column}
@keyframes venue-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.futures-venue-stream:is(:hover,:focus-within,.is-paused) .futures-venue-ribbon{animation-play-state:paused}
.futures-venue-stream button{height:83px;display:flex;align-items:center;gap:14px;font:14px var(--body);border:0;border-bottom:1px solid var(--border);background:none;color:var(--text);text-align:left;cursor:pointer;padding:14px 8px;flex:none;width:100%}
.futures-venue-stream button[aria-pressed=true]{color:var(--text);font-weight:600;background:color-mix(in srgb,var(--acid) 22%,transparent)}
.futures-venue-flow img{height:28px;width:28px;object-fit:contain;background:white;padding:4px;border-radius:7px;box-sizing:content-box}
.futures-venue-detail{display:flex;gap:14px;align-items:center;padding-top:18px;margin-top:10px;border-top:1px solid var(--border);min-height:86px}.futures-venue-detail>div{display:flex;flex-direction:column;gap:6px;font-size:14px}.futures-venue-detail span{font-size:10px;color:var(--muted);line-height:1.5}.futures-venue-detail p{margin:0 0 0 auto;display:flex;flex-direction:column;gap:5px;max-width:260px;width:44%;font-size:11px}.futures-venue-detail b{font-weight:500}
.futures-venue-stream.is-searching{mask-image:none;overflow-y:auto;align-content:start;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:760px){.futures-venue-flow{flex:1;height:auto}.futures-venue-intro{margin-bottom:12px;gap:14px}.futures-venue-intro>strong{font-size:64px}.futures-venue-intro>span{font-size:13px}.futures-venue-intro small{font-size:9px}.futures-venue-stream{gap:5px}.futures-venue-stream button{font-size:10px;gap:8px;padding:10px 4px;height:72px;flex-direction:column;align-items:flex-start}.futures-venue-flow img{width:21px;height:21px;padding:3px}.futures-venue-detail{gap:10px;padding-top:12px;min-height:80px}.futures-venue-detail>div{font-size:12px}.futures-venue-detail p{width:46%;font-size:10px}.futures-venue-detail span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.futures-venue-ribbon{animation:none}.futures-venue-stream{overflow-y:auto;mask-image:none}.futures-venue-column{overflow:visible}.futures-venue-ribbon>div[aria-hidden]{display:none}}

body:is([data-page=futures],[data-page=spot]) .chapter-track{overflow-y:clip}
/* One real button per venue: no unclickable duplicate loop. */
.futures-venue-column{position:relative}.futures-venue-ribbon{height:100%;animation:none;position:relative}
.futures-venue-ribbon>button{position:absolute;top:0;left:0;animation:venue-float var(--duration) linear infinite;animation-delay:var(--delay)}
@keyframes venue-float{from{transform:translateY(-83px)}to{transform:translateY(calc((var(--count) - 1) * 83px))}}
.futures-venue-stream:is(:hover,:focus-within,.is-paused) .futures-venue-ribbon>button{animation-play-state:paused}
@media(max-width:760px){@keyframes venue-float{from{transform:translateY(-72px)}to{transform:translateY(calc((var(--count) - 1) * 72px))}}}
@media(prefers-reduced-motion:reduce){.futures-venue-ribbon>button{position:static;animation:none}}

/* Spot: a quiet, searchable venue directory. */
body[data-page="spot"] .venue-headline{gap:20px;margin-bottom:20px}
body[data-page="spot"] .venue-headline>strong{font-size:90px}
body[data-page="spot"] .venue-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
body[data-page="spot"] .venue-wall button{flex-direction:row;align-items:center;min-height:68px;padding:14px 10px;border:0;border-bottom:1px solid var(--border);border-radius:0;gap:12px}
body[data-page="spot"] .venue-wall button[aria-pressed=true]{background:color-mix(in srgb,var(--acid) 25%,transparent);color:var(--text)}
body[data-page="spot"] .venue-wall img{width:25px;height:25px}
@media(max-width:760px){body[data-page="spot"] .venue-headline>strong{font-size:64px}body[data-page="spot"] .venue-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}body[data-page="spot"] .venue-wall button{min-height:58px;padding:10px 4px;gap:9px}body[data-page="spot"] .venue-wall img{width:21px;height:21px}}
/* Futures v57: generous, bounded native workspaces. */
body:is([data-page=futures],[data-page=spot]) .chapter.wide{padding-inline:6vw;gap:28px}
body:is([data-page=futures],[data-page=spot]) .chapter.wide .chapter-copy{grid-template-columns:1fr 1fr;gap:6px 8vw}
body:is([data-page=futures],[data-page=spot]) .chapter.wide .chapter-copy>p{max-width:420px}
body:is([data-page=futures],[data-page=spot]) .chapter.wide .demo-shell{max-width:1120px!important;align-self:center;width:100%}
.futures-venue-flow{display:grid!important;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center;height:100%;min-height:0}
.futures-venue-intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0}.futures-venue-intro>strong{font-size:clamp(100px,12vw,180px);line-height:.85}.futures-venue-intro>span{font-size:14px;line-height:1.7;color:var(--muted)}
.futures-venue-directory{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0}.futures-venue-search{display:block;margin:0}.futures-venue-search input{width:100%;max-width:280px;font-size:12px;padding:12px 16px}
.futures-venue-stream{display:grid!important;grid-template-columns:1fr 1fr;align-content:start;gap:0 20px;overflow-y:auto!important;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent);scrollbar-width:thin;overscroll-behavior:contain;flex:1;padding:18px 0;min-height:0}
.futures-venue-entry{display:flex;align-items:center;gap:12px;min-height:100px;font:14px var(--body);padding:16px 4px;border-bottom:1px solid var(--border)}.futures-venue-entry:nth-child(even){transform:translateY(30px)}.futures-venue-flow img{width:25px;height:25px;padding:5px;border-radius:9px}.futures-venue-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}
@media(max-width:760px){body:is([data-page=futures],[data-page=spot]) .chapter.wide{padding:8px 12px;gap:12px}.futures-venue-flow{grid-template-columns:82px 1fr;gap:20px}.futures-venue-intro>strong{font-size:78px}.futures-venue-intro>span{font-size:10px}.futures-venue-stream{gap:0 10px}.futures-venue-entry{font-size:10px;min-height:80px;gap:8px;flex-direction:column;align-items:flex-start}.futures-venue-flow img{width:22px;height:22px}.futures-venue-search input{font-size:10px;padding:9px 12px}}
/* Give the opening book the height; keep the introduction compact. */
body:is([data-page=futures],[data-page=spot]) #desk.chapter.wide{gap:18px}
body:is([data-page=futures],[data-page=spot]) #desk .chapter-copy{display:block}
body:is([data-page=futures],[data-page=spot]) #desk .chapter-copy .eyebrow{display:none}
body:is([data-page=futures],[data-page=spot]) #desk .chapter-copy h1{font-size:clamp(30px,3.15vw,45px)!important;white-space:nowrap;line-height:1.1}
body:is([data-page=futures],[data-page=spot]) #desk .chapter-copy h1 br{display:none}
body:is([data-page=futures],[data-page=spot]) #desk .chapter-copy>p{max-width:920px;margin:12px 0 0;font-size:12px;line-height:1.6}
@media(max-width:760px){body:is([data-page=futures],[data-page=spot]) #desk .chapter-copy h1{font-size:25px!important;white-space:normal}body:is([data-page=futures],[data-page=spot]) #desk .chapter-copy>p{font-size:10px;margin-top:8px}body:is([data-page=futures],[data-page=spot]) #desk.chapter.wide{gap:10px}}

/* Keep the book readable on portrait tablets by placing context above it. */
@media(min-width:761px) and (max-width:1000px) and (min-height:800px){
 body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter){display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;padding:18px 32px 0}
 body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter) .chapter-copy{display:block;width:100%;max-width:none;flex:none}
 body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter) .chapter-copy :is(h1,h2){font-size:38px;line-height:1.08;margin:12px 0}
 body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter) .chapter-copy>p{font-size:14px;line-height:1.6;max-width:640px}
 body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter) .demo-shell{flex:1;min-height:0;width:100%;max-width:none}
 body:is([data-page=spot],[data-page=futures]) .chapter:not(.ready-chapter) .manager-viewport{height:100%;min-height:0}
}

/* Futures working chapters share one bounded stage; other pages keep their rules. */
body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot).chapter{gap:24px}
body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot) .chapter-copy{max-width:1120px;margin-inline:auto;width:100%;grid-template-columns:1fr 1fr;gap:8px 32px}
body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot) .chapter-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-.05em}
body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot) .chapter-copy>p{font-size:14px;line-height:1.6;max-width:440px}
body:is([data-page=futures],[data-page=spot]) #autopilot :is(.futures-operation-host,.spot-operation-host){display:flex;flex-direction:column;min-height:0}
body:is([data-page=futures],[data-page=spot]) #autopilot .manager-viewport{flex:1;min-height:0;height:auto}
body:is([data-page=futures],[data-page=spot]) #autopilot .manager-demo-tabs{padding-top:16px;flex:none}
body:is([data-page=futures],[data-page=spot]) #autopilot .manager-demo-tabs button{min-height:36px;font-size:14px}
@media(max-width:760px){body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot).chapter{gap:16px}body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot) .chapter-copy{display:block}body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot) .chapter-copy h2{font-size:30px}body:is([data-page=futures],[data-page=spot]) :is(#book,#position,#autopilot) .chapter-copy>p{font-size:13px;line-height:1.5}}

body[data-page=spot] .chapter.wide .chapter-copy{max-width:1120px;margin-inline:auto}body[data-page=spot] .chapter.wide .chapter-copy>p{max-width:460px}body[data-page=spot] #autopilot .spot-operation-host{flex-direction:column}body[data-page=spot] #autopilot .manager-viewport{flex:1;height:auto;min-height:0}

.futures-venue-entry img{width:52px!important;height:52px!important;object-fit:contain;padding:3px}.futures-venue-entry{min-height:76px}

.execution-trio{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;height:100%;min-height:0}.execution-trio>section{min-width:0;min-height:0;display:flex;flex-direction:column}.execution-trio h3{font:500 17px var(--body);margin:0 0 12px}.execution-trio .execution-native{flex:1;min-height:0;width:100%}.execution-trio .manager-viewport{height:100%}
@media(max-width:850px){.execution-trio{grid-template-columns:1fr;overflow-y:auto;overscroll-behavior:contain}.execution-trio>section{min-height:540px}}

.execution-trio{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
body[data-page=spot] #limits .manager-demo{display:flex!important;flex-direction:column;min-height:0}
body[data-page=spot] #limits .manager-viewport{height:auto!important;flex:1;min-height:0}
body[data-page=spot] #limits .manager-demo-tabs{flex:none;position:relative;z-index:2}
body[data-page=spot] #limits .manager-demo{flex:1!important;min-height:0;height:auto!important}
body[data-page=spot] .execution-trio{flex:1;height:auto!important;min-height:0}

body[data-page=spot] #desk .chapter-copy{max-width:none;margin-inline:0}body[data-page=spot] #desk .chapter-copy>p{max-width:none}
/* Execution tools: two equal columns, a paired stack and one depth workspace. */
body[data-page=spot] .execution-trio{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:16px 24px}
.execution-trio>section:nth-child(1){grid-column:1;grid-row:1}.execution-trio>section:nth-child(2){grid-column:1;grid-row:2}.execution-trio>section:nth-child(3){grid-column:2;grid-row:1/3}
.execution-trio h3{margin-bottom:6px}
@media(max-width:700px){body[data-page=spot] .execution-trio{grid-template-columns:1fr;grid-template-rows:auto;overflow-y:auto}.execution-trio>section:nth-child(n){grid-column:1;grid-row:auto;min-height:300px}.execution-trio>section:nth-child(3){min-height:580px}}

/* Market Makers reuses the market workspaces and their tab navigation. */
body[data-page=market-makers] .chapter.wide>.manager-demo{display:flex!important;flex-direction:column;flex:1;min-height:0}
body[data-page=market-makers] .chapter.wide .manager-viewport{flex:1;height:auto;min-height:0}

/* Market maker desk uses the same bounded workspace as Futures. */
body[data-page=market-makers] :is(#futures,#predictions,#autopilot).chapter.wide{padding-inline:6vw;gap:18px}
body[data-page=market-makers] :is(#futures,#predictions,#autopilot) .chapter-copy{display:block;position:relative;padding-right:150px}
body[data-page=market-makers] :is(#futures,#predictions,#autopilot) .eyebrow{display:none}
body[data-page=market-makers] :is(#futures,#predictions,#autopilot) h2{font-size:clamp(30px,3.15vw,45px)!important;line-height:1.1}
body[data-page=market-makers] :is(#futures,#predictions,#autopilot) h2 br{display:none}
body[data-page=market-makers] :is(#futures,#predictions,#autopilot) .chapter-copy>p{max-width:920px;margin:12px 0 0;font-size:12px;line-height:1.6}
body[data-page=market-makers] :is(#futures,#predictions,#autopilot) .text-link{position:absolute;right:0;top:12px;margin:0}
body[data-page=market-makers] :is(#futures,#predictions,#autopilot) .demo-shell{max-width:1120px!important;align-self:center;width:100%}
body[data-page=market-makers] #listing{grid-template-columns:minmax(240px,.65fr) minmax(0,1.7fr);gap:24px;padding-inline:5vw}
@media(max-width:760px){body[data-page=market-makers] :is(#futures,#predictions,#autopilot).chapter.wide{padding:8px 12px;gap:10px}body[data-page=market-makers] :is(#futures,#predictions,#autopilot) .chapter-copy{padding-right:0}body[data-page=market-makers] :is(#futures,#predictions,#autopilot) h2{font-size:25px!important}body[data-page=market-makers] :is(#futures,#predictions,#autopilot) .text-link{position:static;display:inline-block;margin-top:8px}body[data-page=market-makers] #listing{grid-template-columns:1fr;padding-inline:12px}}