/* Readable account diagrams and a compact trading workspace. */
.t-portfolio .portfolio-intro{max-width:none}
.t-portfolio .portfolio-desk-section{padding-block:54px 64px}
.cs-desk-readable{max-width:1340px;margin-inline:auto;font-size:14px}
.cs-desk-readable .cs-desk-header{padding:15px 20px;gap:24px}
.cs-desk-readable .cs-desk-header>small{font-size:12px;color:#627b82}
.cs-desk-readable .cs-desk-top{grid-template-columns:270px minmax(0,1fr) 330px;align-items:stretch}
.cs-desk-readable .cs-desk-capital{display:block;border-left:0;border-right:1px solid #d8e4e6;padding:18px;background:#f8fbfb}
.cs-desk-capital>h3{font-size:20px;letter-spacing:-.5px}
.cs-desk-readable .cs-portfolio-label{font-size:13px;color:#647d83;margin-top:3px;margin-bottom:14px}
.cs-desk-holding{padding:12px 13px;margin-top:8px;background:#fff;border:1px solid #c7dcdd;border-radius:5px}
.cs-desk-holding>header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cs-desk-holding>header>b{font-size:14px;color:#36575d}
.cs-desk-holding>header>span{display:flex;align-items:center}
.cs-desk-holding>header img{width:24px;height:24px;border-radius:50%;object-fit:contain}
.cs-desk-holding>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:7px}
.cs-desk-holding>div>span{font-size:17px}
.cs-desk-holding>div>span>small{display:block;font-size:12px;color:#71878c;margin-top:2px}
.cs-desk-holding>div>strong{font-size:22px;letter-spacing:-.6px}
.cs-desk-holding>p{font-size:12px;color:#52746f;line-height:1.4;margin-top:8px}
.cs-portfolio-total{padding-top:14px;display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}
.cs-portfolio-total>span{font-size:13px;color:#486c6a}
.cs-portfolio-total>strong{font-size:22px;color:#067b70;letter-spacing:-.7px}
.cs-portfolio-total>small{grid-column:1/-1;font-size:12px;color:#6c8185}
.cs-desk-readable .cs-market-header{padding:19px 18px 16px}
.cs-desk-readable .cs-market-header>div>b{font-size:23px}
.cs-desk-readable .cs-market-header>div>span,.cs-desk-readable .cs-market-header>strong>small{font-size:12px;color:#6d848a;margin-top:4px}
.cs-desk-readable .cs-market-header>strong{font-size:23px}
.cs-desk-readable .clovis-chart-canvas{height:220px}
.cs-desk-readable .clovis-chart-tools{height:37px;gap:12px;font-size:12px}
.cs-desk-readable .clovis-chart-snapshot{display:none}
.cs-desk-readable .clovis-chart-legend{height:31px;font-size:12px;gap:10px}
.cs-desk-readable .clovis-chart-legend>b{font-size:12px}
.cs-desk-readable .clovis-chart-legend>span{display:none}
.cs-desk-readable .clovis-chart-bottom{font-size:12px;padding-left:12px}
.cs-desk-readable .clovis-chart-bottom>a{font-size:12px}
.cs-desk-readable .clovis-chart-bottom>span:last-child{display:none}
.cs-desk-capacity-line{padding:16px 18px;display:flex;flex-direction:column;gap:6px;border-top:1px solid #d8e4e6}
.cs-desk-capacity-line>span{font-size:13px;color:#647e82}
.cs-desk-capacity-line>strong{font-size:22px;letter-spacing:-.5px}
.cs-desk-capacity-line small{font-size:13px;color:#547779;margin-left:5px;letter-spacing:0}
.cs-desk-protection{padding:18px 20px;border-left:1px solid #bbd9d2;background:#f3faf7;min-width:0}
.cs-desk-rule-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.cs-desk-rule-heading>h3{font-size:20px;color:#164d45}
.cs-desk-rule-heading>button{width:28px;height:28px;padding:0;border:1px solid #c3d9d2;color:#557972;background:transparent;border-radius:4px;font-size:20px;cursor:pointer}
.cs-desk-readable .cs-rule-popover{position:static;inset:auto;width:auto;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;white-space:normal}
.cs-desk-readable .cs-rule-popover:after{display:none}
.cs-desk-readable .cs-rule-title>b{font-size:16px}
.cs-desk-readable .cs-rule-title .cs-status{font-size:13px;padding:7px 9px}
.cs-desk-readable .cs-rule-popover>p{font-size:14px;line-height:1.45;color:#466861;margin:14px 0}
.cs-rule-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.cs-rule-metrics>div>span{display:block;font-size:13px;color:#688a7e}
.cs-rule-metrics b{display:block;font-size:28px;letter-spacing:-.7px;line-height:1.2;margin-top:5px;color:#174e43}
.cs-rule-metrics b>small{display:inline;font-size:13px;margin-left:2px;color:#426c5f;letter-spacing:0}
.cs-rule-source{border-top:1px solid #c8ded5;border-bottom:1px solid #c8ded5;padding:13px 0}
.cs-rule-source>span{display:block;font-size:12px;color:#69887e;letter-spacing:.02em}
.cs-rule-source>b{display:block;font-size:17px;margin-top:5px;color:#184e43}
.cs-rule-source>small{display:block;font-size:13px;margin-top:2px;color:#5a7b70}
.cs-desk-readable .cs-rule-values{margin-top:8px!important}
.cs-desk-readable .cs-rule-values>div{font-size:13px;padding-top:7px;gap:10px}
.cs-desk-readable .cs-rule-values dt{color:#617e74}
.cs-desk-readable .cs-rule-values dd{margin:0;color:#245d4c}
.cs-desk-readable .cs-rule-funding{font-size:13px;margin-top:14px;padding-top:12px}
.cs-desk-readable .cs-rule-funding strong{font-size:20px}
.cs-desk-readable .cs-rule-funding small{font-size:12px!important}
.cs-desk-readable .cs-rule-note{font-size:12px!important;color:#678578;line-height:1.5}
.cs-rule-empty{padding-top:35px;color:#597c70;font-size:14px}
.cs-rule-empty b{font-size:21px}
.cs-rule-empty p{margin-top:10px!important;line-height:1.6}
.cs-desk-readable .cs-positions-heading{padding:12px 18px}
.cs-desk-readable .cs-positions-heading h3{font-size:16px}
.cs-desk-readable .cs-positions-heading>span,.cs-desk-readable .cs-positions-heading h3>span{font-size:12px;color:#5f7e84}
.cs-desk-readable .cs-position-scroll{padding:0 18px;overflow-x:auto}
.cs-desk-readable .cs-positions-table{font-size:14px}
.cs-desk-readable .cs-positions-table th,.cs-desk-readable .cs-positions-table td{padding:13px 9px}
.cs-desk-readable .cs-positions-table thead th{font-size:12px;color:#68818a;padding-block:10px}
.cs-desk-readable .cs-positions-table small{font-size:12px;color:#67818a;margin-top:3px}
.cs-desk-readable .cs-positions-table .cs-status{font-size:12px;padding:7px 9px;cursor:pointer}
.cs-desk-readable .cs-positions-table .cs-status[aria-pressed=true]{outline:2px solid #409581;outline-offset:2px}
.cs-desk-readable .cs-desk-footer{font-size:12px;padding:14px 18px;color:#5b7d80}
.cs-desk-readable button:focus-visible{outline:2px solid #008e86;outline-offset:3px}
/* Give the walkthrough graphic more of the page and use the account as the focal point. */
.pf-story-panel{grid-template-columns:minmax(0,1.9fr) minmax(245px,.8fr);gap:38px;padding:38px;min-height:570px}
.pf-story-tabs button{font-size:16px;padding:23px 22px}
.pf-story-tabs button>span{font-size:13px}
.story-copy>span{font-size:13px!important}
.story-copy>h3{font-size:30px!important;line-height:1.2!important}
.story-copy>p{font-size:16px!important;line-height:1.65!important}
.story-copy>small{font-size:13px!important;line-height:1.6!important;color:#668088!important}
.story-copy>button{font-size:14px!important}
.story-holdings{gap:14px}
.story-protocol-holdings article{padding:20px 18px;min-height:255px;display:block}
.story-protocol-holdings article>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}
.story-protocol-holdings header>b{font-size:17px;font-weight:500}
.story-protocol-holdings .story-chain{width:30px;height:30px;padding:0;border:0;background:transparent}
.story-protocol-holdings .story-chain img{display:block;width:30px;height:30px;max-width:30px;max-height:30px;object-fit:contain;border-radius:50%}
.t-portfolio .story-holdings h3{font-size:22px;line-height:1.2;margin-top:22px}
.story-holdings strong{font-size:32px;letter-spacing:-1px;margin-top:7px;text-align:left}
.story-protocol-holdings dl{font-size:13px;margin-top:18px;display:grid;gap:10px}
.story-protocol-holdings dl>div{display:flex;justify-content:space-between;gap:6px}
.story-protocol-holdings dt{font-size:13px;color:#6a848a}
.story-protocol-holdings dd{font-size:13px;text-align:right;margin:0}
.story-protocol-holdings .story-eligible{font-size:13px;line-height:1.4;margin-top:18px;padding-top:13px;border-top:1px solid #d8e6e5;text-align:left;display:block}
.story-shared-limit{padding:21px 24px;text-align:left}
.story-shared-limit>header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#a7d0ca}
.story-net-margin{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px}
.story-net-margin>span{font-size:17px;color:#ecfffb}
.story-net-margin>strong{font-size:40px;font-weight:500;letter-spacing:-1.3px;color:white;line-height:1.2}
.story-margin-math{border-top:1px solid #426567;padding-top:16px;margin-top:18px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}
.story-margin-math>div>span{display:block;font-size:13px;color:#a6c8c4}
.story-margin-math b{font-size:19px;font-weight:500;display:block;color:#ecfff9;margin-top:5px}
.story-margin-math>span{font-size:21px;color:#719d98}
.story-shared-limit>small{font-size:12px;margin-top:14px;color:#9cc2bc}
.story-tokenized-extension{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-top:14px}
.story-tokenized-extension>b{font-size:15px!important}
.story-tokenized-extension>small{font-size:13px!important;color:#6b8886}
.story-account{padding:24px;max-width:390px;margin-inline:auto}
.story-account strong{font-size:25px!important}.story-account small{font-size:14px!important;line-height:1.6}
.story-deposit-source span,.story-single-arrow>span{font-size:14px!important}
.story-deposit-source strong{font-size:28px!important}
.story-search{font-size:17px!important;padding:19px 22px!important}
.story-search small{font-size:13px!important}
.story-market-account strong{font-size:21px!important}
.story-market-options article{padding:22px 18px!important;min-height:220px}
.story-market-asset{font-size:27px!important}
.story-market-options article>small{font-size:14px!important}
.story-market-options article>div b{font-size:16px!important}
.story-market-options article>div span{font-size:13px!important}
.control-sources article,.control-positions article{padding:16px!important;min-height:96px}
.control-sources article>span,.control-positions article>span{font-size:14px!important}
.control-sources article>b,.control-positions article>b{font-size:22px!important}
.control-sources article>small,.control-positions article>small{font-size:13px!important}
.control-positions article>strong{font-size:14px!important}
.control-margin{padding:21px 14px!important}
.control-margin b{font-size:18px!important}
.control-credit{font-size:27px!important;line-height:1.3}
.control-credit small,.control-key span{font-size:13px!important;line-height:1.4}
/* Three known integrations on either side; no ticker decorations. */
.pf-prime-network .pf-network-side article{min-height:96px;height:auto;padding:21px 22px;margin-top:14px}
.pf-prime-network .pf-network-side>span{font-size:13px;letter-spacing:.03em}
.pf-prime-network .pf-network-side b{font-size:22px;letter-spacing:-.4px}
.pf-prime-network .pf-network-side small{font-size:14px;line-height:1.5;color:#58747c;margin-top:5px}
.pf-prime-network .pf-hourglass-lines{height:310px;margin-top:0}
.pf-network-coming{font-size:14px;color:#6c898c;margin-top:20px!important;min-height:20px}
.pf-prime-network .pf-network-core{padding:29px 18px}
.pf-prime-network .pf-network-core>p{font-size:14px;line-height:1.9}
.pf-network-note{font-size:13px;max-width:100ch;color:#607d82}
.pf-utility-grid article{min-height:290px;padding-block:27px!important}
.pf-utility-grid article>span{font-size:13px!important}
.pf-utility-grid article>p{font-size:15px!important;line-height:1.6!important}
.pf-showcase-footer{font-size:14px!important}
@media(max-width:1190px){
 .cs-desk-readable .cs-desk-top{grid-template-columns:260px minmax(0,1fr)}
 .cs-desk-protection{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr;gap:20px;border-left:0;border-top:1px solid #bbd9d2}
 .cs-desk-readable .cs-rule-popover{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}
 .cs-desk-readable .cs-rule-title{grid-column:1}.cs-desk-readable .cs-rule-popover>p{grid-column:1;margin-block:10px}
 .cs-desk-readable .cs-rule-metrics{grid-column:2;grid-row:1/3;margin-top:0}
 .cs-desk-readable .cs-rule-source{grid-column:1}.cs-desk-readable .cs-rule-values{grid-column:2;grid-row:3}
 .cs-desk-readable .cs-rule-funding{grid-column:1}.cs-desk-readable .cs-rule-note{grid-column:2;align-self:center}
 .pf-story-panel{grid-template-columns:1fr;gap:30px;padding:30px}
 .story-graphic{max-width:880px}.story-copy{max-width:750px}.story-holdings{gap:18px}
 .pf-prime-network .pf-network-side small{font-size:13px}
}
@media(max-width:700px){
 .cs-desk-readable .cs-desk-top{grid-template-columns:1fr}
 .cs-desk-readable .cs-desk-capital{border-right:0;border-bottom:1px solid #d8e4e6}
 .cs-desk-holding{display:grid;grid-template-columns:100px 1fr;gap:6px 16px}
 .cs-desk-holding>header{grid-row:1/3;align-self:start}.cs-desk-holding>div{margin:0}.cs-desk-holding>p{grid-column:2;margin:0}
 .cs-desk-readable .cs-market-chart{grid-column:1}.cs-desk-readable .clovis-chart-canvas{height:230px}
 .cs-desk-protection{grid-column:1;display:block;padding:21px}
 .cs-desk-readable .cs-rule-popover{display:block}.cs-desk-readable .cs-rule-metrics{margin:18px 0}
 .cs-desk-rule-heading{margin-bottom:14px}.cs-desk-readable .cs-desk-footer{flex-direction:column;gap:7px}
 .cs-desk-readable .cs-desk-header{gap:15px}.cs-desk-readable .cs-desk-header>small{display:none}
 .cs-desk-readable .cs-positions-heading>span{max-width:150px;text-align:right}
 .pf-story-tabs button{font-size:14px;padding:17px 13px}.pf-story-panel{padding:25px 18px;min-height:0}
 .story-holdings{grid-template-columns:1fr;gap:12px}
 .story-protocol-holdings article{display:grid;grid-template-columns:1fr 1fr;padding:20px;min-height:190px;gap:8px 18px}
 .story-protocol-holdings header{grid-column:1/-1}.t-portfolio .story-holdings h3{grid-column:1;grid-row:2;margin-top:5px;font-size:24px}
 .story-holdings strong{grid-column:2;grid-row:2;margin:0;text-align:right;font-size:30px}
 .story-protocol-holdings dl{grid-column:1/-1;margin-top:8px;gap:8px}
 .story-protocol-holdings .story-eligible{grid-column:1/-1;grid-row:auto;margin-top:3px;padding-top:9px;font-size:13px;text-align:left}
 .story-shared-limit{padding:20px}.story-shared-limit>header{font-size:12px}
 .story-net-margin{align-items:start;flex-direction:column;gap:5px}.story-net-margin>strong{font-size:40px}
 .story-margin-math{gap:8px}.story-margin-math>div>span{font-size:12px}.story-margin-math b{font-size:17px}
 .story-tokenized-extension{flex-direction:column;align-items:start;gap:5px}
 .story-market-options{grid-template-columns:1fr!important}.story-market-options article{min-height:160px}
 .control-sources article,.control-positions article{padding:14px!important}
 .control-margin{min-width:0}.control-margin b{font-size:16px!important}.control-key{gap:8px}
 .pf-prime-network{grid-template-columns:1fr;gap:0}
 .pf-prime-network .pf-network-side{display:block}
 .pf-prime-network .pf-network-side article{margin-top:10px;min-height:82px;padding:18px 20px}
 .pf-prime-network .pf-network-side b{font-size:21px}.pf-prime-network .pf-network-side small{font-size:14px}
 .pf-prime-network .pf-hourglass-lines{height:38px;margin:0}.pf-prime-network .pf-hourglass-lines path{display:none}
 .pf-prime-network .pf-network-core{display:block;text-align:center;padding:26px}
 .pf-prime-network .pf-network-core img{margin:auto}.pf-prime-network .pf-network-core>b{font-size:16px;margin-top:12px}
 .t-portfolio .pf-prime-network .pf-network-core h3{font-size:27px;margin-top:16px}.pf-prime-network .pf-network-core>p{font-size:14px;margin-top:14px}
 .pf-network-coming{margin-bottom:4px;font-size:14px}.pf-network-note{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.cs-desk-readable *, .pf-story *{scroll-behavior:auto}}

@media(max-width:700px){
 .cs-desk-holding{display:block}.cs-desk-holding>div{margin-top:8px;flex-wrap:wrap}.cs-desk-holding>p{margin-top:8px}
 .control-sources,.control-positions{grid-template-columns:1fr;gap:10px}
 .control-sources article,.control-positions article{display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:center;min-height:100px}
 .control-sources article>span,.control-positions article>span{grid-column:1}.control-sources article>b,.control-positions article>b{grid-column:2;grid-row:1/3;margin:0;text-align:right}
 .control-sources article>small,.control-positions article>strong,.control-positions article>small{grid-column:1;margin-top:3px}
 .control-source-lines,.control-position-lines{height:30px;margin:0;transform:none;display:block}
 .control-source-lines:after,.control-position-lines:after{display:none}
 .control-source-lines i,.control-position-lines i{display:none}
 .control-source-lines i:nth-child(2),.control-position-lines i:nth-child(2){display:block;left:50%;top:0;height:100%;width:2px;background:#468c7a}
 .control-margin{flex-wrap:wrap;padding:20px!important;gap:20px}.control-margin>div{min-width:120px}.control-credit{margin-left:auto}.control-key{flex-direction:column}
}
/* Explicit eligibility calculation in the chart workspace. */
.cs-desk-readable .cs-market-chart{display:flex;flex-direction:column}
.cs-desk-readable .clovis-chart-canvas{height:260px}
.cs-desk-readable .cs-desk-capacity-line{margin-top:auto;gap:0;background:#f7fbfa;padding:17px 20px}
.cs-desk-capacity-line>header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:#365b5c}
.cs-desk-capacity-line>header>b{font-size:17px;color:#087d70}
.cs-desk-capacity-line>header>b>small{font-size:12px;font-weight:400;color:#66867f;margin-left:3px}
.cs-desk-eligibility{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px}
.cs-desk-eligibility>span{font-size:20px;letter-spacing:-.5px}
.cs-desk-eligibility small{display:block;font-size:12px;margin:3px 0 0;letter-spacing:0;color:#68807c}
.cs-desk-eligibility>b{font-size:15px;color:#6e9289;font-weight:400;white-space:nowrap}
.cs-desk-eligibility>strong{font-size:28px;letter-spacing:-.8px;color:#174e46}
.cs-desk-usage{height:7px;border-radius:2px;background:#d7e9e4;margin-top:14px;overflow:hidden}
.cs-desk-usage>i{display:block;height:100%;width:37.5%;background:#0a9392}
.cs-desk-usage-labels{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6d8982;margin-top:8px}
.cs-desk-usage-labels b{color:#244d45;font-weight:500}
.pf-showcase-footer{justify-content:flex-end}
/* All four account steps occupy the same desktop frame. */
@media(min-width:1191px){
 .pf-story-panel{height:620px;min-height:620px;box-sizing:border-box;padding:30px 34px;align-items:center}
 .story-protocol-holdings article{min-height:218px;padding:16px 15px;display:block}
 .story-protocol-holdings header{min-height:28px}.story-protocol-holdings header>b{font-size:16px}
 .story-asset-value{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px}
 .t-portfolio .story-asset-value h3{font-size:19px;margin:0;line-height:1.2}
 .story-asset-value strong{font-size:27px;margin:0;line-height:1.2;letter-spacing:-.8px}
 .story-protocol-holdings dl{margin-top:16px;gap:7px}
 .story-protocol-holdings .story-eligible{margin-top:12px;padding-top:10px;font-size:12px}
 .story-converge{height:32px}.story-converge:before{height:32px}
 .story-shared-limit{margin-top:0;padding:16px 20px}
 .story-net-margin{margin-top:12px}.story-net-margin>strong{font-size:34px}
 .story-margin-math{padding-top:10px;margin-top:12px;gap:10px}
 .story-margin-math b{font-size:18px;margin-top:3px}.story-shared-limit>small{margin-top:10px}
 .story-tokenized-extension{padding:10px 14px;margin-top:10px}
}
@media(max-width:1190px){
 .story-asset-value{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:15px}
 .t-portfolio .story-asset-value h3,.story-asset-value strong{margin:0}
}
@media(max-width:700px){
 .story-asset-value{grid-column:1/-1;margin:6px 0 0}
 .story-protocol-holdings .story-asset-value h3{font-size:24px}.story-asset-value strong{font-size:30px}
 .cs-desk-capacity-line>header{flex-wrap:wrap;gap:5px}.cs-desk-readable .clovis-chart-canvas{height:260px}
}

/* Give each prime-brokerage capability room for a useful graphic. */
.pf-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.pf-utility-grid>article{padding:30px 28px 30px 0!important;margin:0 28px 0 0;border:0;border-right:1px solid #d7e4e5;min-height:0}
.pf-utility-grid>article:nth-child(2n){margin:0;padding-inline:0!important;border-right:0}
.pf-utility-grid>article:nth-child(-n+2){border-bottom:1px solid #d7e4e5}
.t-portfolio .pf-utility-grid h3{font-size:27px;min-height:0;line-height:1.25;margin-top:13px}
.pf-utility-grid>article>p{font-size:16px!important;line-height:1.6!important;max-width:none;margin-top:20px;text-wrap:balance}
@media(max-width:760px){
 .pf-utility-grid{grid-template-columns:1fr}
 .pf-utility-grid>article,.pf-utility-grid>article:nth-child(2n){padding:26px 0!important;margin:0;border:0;border-bottom:1px solid #d7e4e5}
 .pf-utility-grid>article:last-child{border-bottom:0}.t-portfolio .pf-utility-grid h3{font-size:25px;min-height:0}
}

.t-portfolio .t-prime-name{font-size:18px;font-weight:500;letter-spacing:0;text-transform:none;border-left:1px solid #bbcdcf;padding-left:13px;margin-left:2px}
@media(max-width:560px){.t-portfolio .t-prime-name{font-size:15px;padding-left:10px;margin-left:0}}