/* Nullius 03.8 strategy adapter. Product/position structure and amounts are unchanged.
   Loaded after the shared brand sheet; layout reacts to workspace/card width. */
:is(#wb-strategy,#st-detail){--st-row-height:48px;--st-row-action:32px}
#wb-strategy{max-width:var(--page-max);padding-bottom:var(--space-12);color:var(--foreground)}
:is(#wb-strategy,#st-detail)[hidden],:is(#wb-strategy,#st-detail) [hidden]{display:none!important}
:is(#wb-strategy,#st-detail) :is(button,input,select){font-family:var(--sans)}
:is(#wb-strategy,#st-detail) .st-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}
:is(#wb-strategy,#st-detail) .st-heading h1{margin:0;font:600 var(--type-page)/var(--leading-page) var(--sans);letter-spacing:0}
:is(#wb-strategy,#st-detail) .st-refresh{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-width:0}
:is(#wb-strategy,#st-detail) :is(.st-refresh small,.st-count,.st-caption,.st-muted){font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-sm);padding:5px 12px;font:500 var(--type-table)/var(--leading-table) var(--sans);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--accent);cursor:pointer;transition:background-color var(--motion-feedback),border-color var(--motion-feedback),color var(--motion-feedback)}
:is(#wb-strategy,#st-detail) .st-link:not(:disabled):hover{background:var(--surface-subtle);color:var(--accent-hover)}
:is(#wb-strategy,#st-detail) .st-link:not(:disabled):active{background:var(--accent-soft)}
:is(#wb-strategy,#st-detail) :is(button:not(.btn),a,input:not(.input),select:not(.input)):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
:is(#wb-strategy,#st-detail) .st-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}
:is(#wb-strategy,#st-detail) .st-tabs{display:flex;gap:var(--space-1);padding:0;min-width:0;border:0}
:is(#wb-strategy,#st-detail) .st-tabs button{min-height:var(--control-md);margin-bottom:-1px;padding:var(--space-3) var(--space-4);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--foreground-secondary);font:400 var(--type-body)/var(--leading-body) var(--sans);white-space:nowrap;cursor:pointer}
:is(#wb-strategy,#st-detail) .st-tabs button:hover{color:var(--foreground);background:transparent}
:is(#wb-strategy,#st-detail) .st-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);font-weight:600;background:transparent}
:is(#wb-strategy,#st-detail) .st-select{display:inline-flex;position:relative;min-width:0}
:is(#wb-strategy,#st-detail) .st-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:grid;place-items:center;pointer-events:none;color:var(--foreground-secondary)}
:is(#wb-strategy,#st-detail) .st-select-arrow .wb-icon{width:18px;height:18px}
:is(#wb-strategy,#st-detail) .st-select select{appearance:none;padding-right:44px;min-width:152px;color:var(--foreground);font:400 var(--type-body)/var(--leading-body) var(--sans)}
:is(#wb-strategy,#st-detail) .st-select select.input{background-image:none;width:auto}
:is(#wb-strategy,#st-detail) .st-count{margin:0 0 var(--space-3)}
:is(#wb-strategy,#st-detail) .st-notice p{font:400 var(--type-body)/var(--leading-body) var(--sans);color:var(--foreground-secondary);margin:0 0 var(--space-4)}
:is(#wb-strategy,#st-detail) :is(.st-error,.st-notice .st-error){color:var(--negative)}
:is(#wb-strategy,#st-detail) .st-error button{margin-left:var(--space-3)}
:is(#wb-strategy,#st-detail) .st-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
:is(#wb-strategy,#st-detail) .st-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--space-6)}
:is(#wb-strategy,#st-detail) .st-overview.st-wide-overview{grid-template-columns:minmax(0,1fr)}
:is(#wb-strategy,#st-detail) .st-overview-card{min-width:0;padding:var(--space-6);border:1px solid transparent;border-radius:var(--radius-feature);background:var(--surface-feature);box-shadow:none}
:is(#wb-strategy,#st-detail) .st-overview-head{display:flex;align-items:center;gap:var(--space-1);min-height:24px}
:is(#wb-strategy,#st-detail) .st-overview-head h2{margin:0;font:500 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-secondary)}
:is(#wb-strategy,#st-detail) .st-overview-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0;font-size:var(--type-amount)}
:is(#wb-strategy,#st-detail) .st-overview-value{font:600 var(--type-amount)/var(--leading-amount) var(--number-font);color:var(--foreground-feature);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-1px;overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-overview-unit{font:500 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted);letter-spacing:0}
:is(#wb-strategy,#st-detail) .st-overview-secondary{margin:0;font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted);font-variant-numeric:tabular-nums lining-nums}
:is(#wb-strategy,#st-detail) .st-risk-wrap{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%}
:is(#wb-strategy,#st-detail) .st-card{position:relative;min-width:0;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:none}
:is(#wb-strategy,#st-detail) .st-family-head{display:flex;align-items:flex-end;gap:var(--space-4);min-width:0;padding:var(--space-6) var(--space-6) var(--space-3)}
:is(#wb-strategy,#st-detail) .st-family-name{flex:1;min-width:0}
:is(#wb-strategy,#st-detail) .st-family-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}
:is(#wb-strategy,#st-detail) .st-family-title h2{margin:0;font:600 var(--type-section)/var(--leading-section) var(--sans);letter-spacing:0;overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-platform-icon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0}
:is(#wb-strategy,#st-detail) .st-platform-icon img{display:block;width:20px;height:20px;object-fit:contain}
:is(#wb-strategy,#st-detail) .st-platform-icon[data-provider=okx] img{width:20px}
[data-theme=dark] :is(#wb-strategy,#st-detail) .st-platform-icon img{filter:invert(1)}
:is(#wb-strategy,#st-detail) .st-product-type{font:400 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground-muted);padding:0;background:none;border:0}
:is(#wb-strategy,#st-detail) .st-coin-tag{display:inline-flex;align-items:center;font:500 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground-secondary);padding:0;background:none;border:0}
:is(#wb-strategy,#st-detail) .st-product-type{white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-public-link{margin-left:auto;flex-shrink:0;white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-summary-rate{min-width:0}
:is(#wb-strategy,#st-detail) .st-summary-label{display:block;margin-bottom:var(--space-2);font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-summary-value{display:block;font:600 var(--type-attribution)/var(--leading-attribution) var(--number-font);color:var(--accent);font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-rate-unit{display:inline-block;margin-left:var(--space-1);font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted);letter-spacing:0}
:is(#wb-strategy,#st-detail) .st-risk-wrap{flex-wrap:wrap}
:is(#wb-strategy,#st-detail) .st-currencies-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:32px;margin:-2px 0 0;padding:2px 0;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer}
:is(#wb-strategy,#st-detail) .st-currencies-summary:hover .st-coin-tag{color:var(--accent);border-color:var(--accent)}
:is(#wb-strategy,#st-detail) .st-coin-more{justify-content:center}
:is(#wb-strategy,#st-detail) .st-column-head,:is(#wb-strategy,#st-detail) .st-position{display:grid;grid-template-columns:minmax(80px,.9fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.3fr) 64px;gap:var(--space-4);align-items:center;padding:8px 16px}
:is(#wb-strategy,#st-detail) .st-column-head{min-height:40px;color:var(--foreground-muted);font:500 var(--type-table)/var(--leading-table) var(--sans)}
:is(#wb-strategy,#st-detail) .st-column-head span:not(:first-child){text-align:right}
:is(#wb-strategy,#st-detail) .st-position{min-height:48px;border-top:1px solid var(--border);font:400 var(--type-table)/var(--leading-table) var(--sans);padding-block:calc((var(--st-row-height) - var(--st-row-action) - 1px) / 2)}
:is(#wb-strategy,#st-detail) .st-position:hover{background:var(--surface-subtle)}
:is(#wb-strategy,#st-detail) .st-position-name{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
:is(#wb-strategy,#st-detail) .st-position-name>strong{font-weight:600;overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-position-values{display:contents}
:is(#wb-strategy,#st-detail) .st-position-metric{min-width:0;display:flex;flex-direction:column;gap:var(--space-1);text-align:right}
:is(#wb-strategy,#st-detail) .st-position-metric>strong{font:500 var(--type-table)/var(--leading-table) var(--number-font);font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-position-rate>strong{color:var(--accent)}
:is(#wb-strategy,#st-detail) .st-mobile-label{display:none;font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-position-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}
:is(#wb-strategy,#st-detail) .st-position-actions .st-link{padding:5px 8px;white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-empty{grid-column:1/-1;padding:var(--space-10) var(--space-6);text-align:center;color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-empty h2{margin:0 0 var(--space-3);font:600 var(--type-section)/var(--leading-section) var(--sans)}
:is(#wb-strategy,#st-detail) .st-empty p{max-width:480px;margin:0 auto var(--space-5);font:400 var(--type-body)/var(--leading-body) var(--sans);color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-more{display:block;margin:var(--space-6) auto 0}
:is(#wb-strategy,#st-detail) .st-risk-content strong{font:600 var(--type-section)/var(--leading-section) var(--sans);color:var(--foreground)}
:is(#wb-strategy,#st-detail) .st-risk-content p{margin:var(--space-3) 0;font:400 var(--type-body)/var(--leading-body) var(--sans)}
:is(#wb-strategy,#st-detail) .st-risk-content .st-muted{font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
:is(#wb-strategy,#st-detail) .st-risk-content .st-risk-criterion{font-weight:500;color:var(--foreground)}
:is(#wb-strategy,#st-detail) .st-risk-sources a{display:block;margin-top:var(--space-2);color:var(--accent);text-decoration:underline}
#asset-d-detail-fix .st-detail{width:min(880px,calc(100vw - 24px));max-width:none;max-height:85dvh;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-overlay);color:var(--foreground);box-shadow:var(--shadow-overlay)}
#st-detail.st-detail[open]{display:flex;flex-direction:column}
#st-detail.st-detail>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-shrink:0;padding:12px var(--space-6) 8px;border-bottom:1px solid var(--border)}
#st-detail.st-detail h2{margin:0;font:600 var(--type-section)/var(--leading-section) var(--sans);overflow-wrap:anywhere}
#st-detail .st-detail-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 var(--space-6) var(--space-6)}
#st-detail-tabs{flex-shrink:0;padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--surface-overlay)}
#st-detail #st-detail-tabs button{min-height:36px;padding:8px var(--space-4)}
#st-detail .st-detail-panel{outline:none}
#st-detail #st-detail-positions>.st-period-caption{margin:var(--space-4) 0 0}
#st-detail #st-detail-positions>.st-table-scroll{margin-top:var(--space-4)}
#st-detail .st-detail-panel>.st-detail-section:first-child{margin-top:var(--space-5)}
#st-detail .st-detail-panel>.st-quote-tools{margin-top:0}
#st-detail .st-detail-section{margin-top:var(--space-6)}
#st-detail .st-detail-section h3{margin:0 0 var(--space-3);font:600 var(--type-section)/var(--leading-section) var(--sans)}
#st-detail .st-detail-section p{margin:var(--space-2) 0;font:400 var(--type-body)/var(--leading-body) var(--sans)}
#st-detail .st-detail-section .st-muted{font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#st-detail.st-detail>footer{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;padding:12px var(--space-6);border-top:1px solid var(--border);background:var(--surface-overlay)}
:is(#wb-strategy,#st-detail) .st-records{width:100%;border-collapse:collapse;font:400 var(--type-table)/var(--leading-table) var(--sans);font-variant-numeric:tabular-nums lining-nums}
:is(#wb-strategy,#st-detail) .st-records th{padding:12px;border-bottom:1px solid var(--border);text-align:right;overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-records td{padding:12px;border-bottom:1px solid var(--divider);text-align:right;overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-records th{font-weight:500;color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-records :is(th,td):first-child{padding-left:16px;text-align:left}
:is(#wb-strategy,#st-detail) .st-records :is(th,td):last-child{padding-right:16px}
:is(#wb-strategy,#st-detail) .st-records tbody tr:hover{background:var(--surface-subtle)}
:is(#wb-strategy,#st-detail) .st-table-scroll{overflow-x:auto;overscroll-behavior-x:contain}
:is(#wb-strategy,#st-detail) .st-offer-table{min-width:560px}
:is(#wb-strategy,#st-detail) .st-public-facts{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-6);padding:var(--space-6) 0 0}
@container workspace (max-width:900px){
 :is(#wb-strategy,#st-detail) .st-overview{gap:var(--space-4);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}
 :is(#wb-strategy,#st-detail) .st-overview-value{font-size:28px;line-height:34px}
 :is(#wb-strategy,#st-detail) .st-overview-main{font-size:28px}
}
@container workspace (max-width:760px){
 :is(#wb-strategy,#st-detail) .st-overview{grid-template-columns:minmax(0,1fr)}
 :is(#wb-strategy,#st-detail) .st-overview-card{padding:var(--space-5) var(--space-6)}
 :is(#wb-strategy,#st-detail) .st-overview-main{margin:var(--space-2) 0}
}
@container workspace (max-width:620px){
 :is(#wb-strategy,#st-detail) .st-heading{align-items:flex-start;gap:var(--space-4)}
 :is(#wb-strategy,#st-detail) .st-refresh{flex-direction:column;align-items:flex-end;gap:var(--space-2)}
 :is(#wb-strategy,#st-detail) .st-refresh small{text-align:right}
}
@container strategy-product (max-width:680px){
 :is(#wb-strategy,#st-detail) .st-column-head{display:none}
 :is(#wb-strategy,#st-detail) .st-position{grid-template-columns:minmax(80px,1fr) minmax(0,1fr) 64px;gap:var(--space-2) var(--space-3);padding:var(--space-3) 16px}
 :is(#wb-strategy,#st-detail) .st-position-name{grid-column:1;grid-row:1}
 :is(#wb-strategy,#st-detail) .st-position-rate{grid-column:2;grid-row:1}
 :is(#wb-strategy,#st-detail) .st-position-actions{grid-column:3;grid-row:1}
 :is(#wb-strategy,#st-detail) .st-position-values{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
 :is(#wb-strategy,#st-detail) .st-position-values .st-position-metric:first-child{text-align:left}
 :is(#wb-strategy,#st-detail) .st-mobile-label{display:block}
 :is(#wb-strategy,#st-detail) .st-position-rate .st-mobile-label{display:none}
 :is(#wb-strategy,#st-detail) .st-position-name .st-caption{max-width:none}
}
@container strategy-product (max-width:560px){
 :is(#wb-strategy,#st-detail) .st-family-head{align-items:center}


}
@container strategy-product (max-width:400px){
 :is(#wb-strategy,#st-detail) .st-family-head{padding:var(--space-4);gap:var(--space-2);flex-wrap:wrap}
 :is(#wb-strategy,#st-detail) .st-family-name{flex:1;min-width:160px}
 :is(#wb-strategy,#st-detail) .st-summary-rate{grid-column:1/-1}
 :is(#wb-strategy,#st-detail) .st-position{grid-template-columns:minmax(68px,1fr) minmax(0,1fr) 88px;gap:var(--space-2);padding-left:8px;padding-right:8px}
 :is(#wb-strategy,#st-detail) .st-position-actions{gap:4px}
 :is(#wb-strategy,#st-detail) .st-position-actions .st-link{padding-left:4px;padding-right:4px}
}
@media(prefers-reduced-motion:reduce){:is(#wb-strategy,#st-detail) button{transition:none}}
@media(max-width:480px){
 .st-detail>header,#st-detail .st-detail-body,#st-detail-tabs{padding-left:var(--space-4);padding-right:var(--space-4)}
 #st-detail.st-detail>footer{padding-left:var(--space-4);padding-right:var(--space-4)}
 :is(#wb-strategy,#st-detail) .st-public-facts{gap:var(--space-4)}
}

/* A contract row exposes its own quote action; hovering a card does not reveal every row action. */
#asset-d-detail-fix :is(#wb-strategy,#st-detail) .st-position .asset-quote{opacity:0;pointer-events:none}
#asset-d-detail-fix :is(#wb-strategy,#st-detail) .st-position:is(:hover,:focus-within) .asset-quote{opacity:1;pointer-events:auto}
#asset-d-detail-fix :is(#wb-strategy,#st-detail) .asset-quote:focus-visible{opacity:1;pointer-events:auto}
@media(hover:none),(pointer:coarse){#asset-d-detail-fix :is(#wb-strategy,#st-detail) .st-position .asset-quote{opacity:1;pointer-events:auto}}
@container strategy-product (max-width:280px){
 :is(#wb-strategy,#st-detail) .st-position{grid-template-columns:minmax(0,1fr) 88px}
 :is(#wb-strategy,#st-detail) .st-position-name{grid-column:1;grid-row:1}
 :is(#wb-strategy,#st-detail) .st-position-actions{grid-column:2;grid-row:1}
 :is(#wb-strategy,#st-detail) .st-position-rate{grid-column:1/-1;grid-row:2;text-align:left}
 :is(#wb-strategy,#st-detail) .st-position-rate .st-mobile-label{display:block}
 :is(#wb-strategy,#st-detail) .st-position-values{grid-row:3}
}
/* Keep narrow layouts stable when private amounts become short masks. */
@container workspace (max-width:400px){
 :is(#wb-strategy,#st-detail) .st-overview-card{padding:var(--space-4)}
 :is(#wb-strategy,#st-detail) .st-overview-main{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-height:56px;gap:var(--space-1)}
 :is(#wb-strategy,#st-detail) .st-overview-unit{font-size:12px;line-height:18px}
}


:is(#wb-strategy,#st-detail) .st-offer-table td{padding-block:calc((var(--st-row-height) - var(--st-row-action) - 1px) / 2)}

/* Public product identity and an integrated personal section. */
:is(#wb-strategy,#st-detail) .st-platform-line{display:flex;align-items:center;gap:6px;margin-bottom:8px;font:400 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-product-type:before{content:'·';margin-right:8px;color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-currencies-summary .st-coin-tag:not(:last-child):after{content:'·';margin-left:6px;color:var(--foreground-muted);font-weight:400}
:is(#wb-strategy,#st-detail) .st-products-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-2) 0 var(--space-4)}
:is(#wb-strategy,#st-detail) .st-products-heading h2{margin:0;font:600 var(--type-section)/var(--leading-section) var(--sans)}
:is(#wb-strategy,#st-detail) .st-inner-filter{display:flex;align-items:center;gap:var(--space-3);font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-secondary)}
:is(#wb-strategy,#st-detail) .st-quote-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}
#st-detail .st-detail-section .st-inner-filter{margin-bottom:var(--space-3)}
@container workspace (max-width:620px){:is(#wb-strategy,#st-detail) .wb-refresh-group{max-width:min(100%,220px)}}

/* Discovery uses the same product cards and a single read-only offer dialog. */
:is(#wb-strategy,#st-detail) .st-offer-tools{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-4) 0}
:is(#wb-strategy,#st-detail) .st-offer-table{width:100%;min-width:400px}
:is(#wb-strategy,#st-detail) .st-offer-table th{white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-offer-table td{white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
:is(#wb-strategy,#st-detail) .st-product-rules{margin-top:var(--space-6);border-top:1px solid var(--divider);padding-top:var(--space-4)}
:is(#wb-strategy,#st-detail) .st-product-rules>summary{font:500 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground-secondary);cursor:pointer}
@media(max-width:600px){:is(#wb-strategy,#st-detail) .st-offer-tools{gap:var(--space-3)}}

/* v4 investments: a page section and one content-sized, five-column table. */
:is(#wb-strategy,#st-detail) .st-overview{gap:var(--space-4);margin-block:var(--space-8)}
:is(#wb-strategy,#st-detail) .st-position-table{width:100%}
:is(#wb-strategy,#st-detail) .st-position-table :is(.st-column-head,.st-position){padding:0;gap:0;grid-template-columns:subgrid}
:is(#wb-strategy,#st-detail) .st-position-table .st-column-head{border-bottom:1px solid var(--border)}
:is(#wb-strategy,#st-detail) .st-position-table .st-column-head>span{padding:8px 12px;text-align:right}
:is(#wb-strategy,#st-detail) .st-position-table .st-column-head>span:first-child{text-align:left}
:is(#wb-strategy,#st-detail) .st-position-table .st-position{border-top:0;border-bottom:1px solid var(--divider);min-height:56px}
:is(#wb-strategy,#st-detail) .st-position-table .st-subject-start{border-top:1px solid var(--border)}
:is(#wb-strategy,#st-detail) .st-position-table .st-position:first-of-type{border-top:0}
:is(#wb-strategy,#st-detail) .st-product-group{grid-column:1/-1;display:grid;grid-template-columns:subgrid;border-bottom:1px solid var(--divider)}
:is(#wb-strategy,#st-detail) .st-product-group:last-child{border-bottom:0}
:is(#wb-strategy,#st-detail) .st-product-head{grid-column:1/-1;display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:30px;padding:0 var(--space-3);border:0;border-radius:0;background:var(--surface-subtle);color:inherit;font:inherit;text-align:left;cursor:pointer}
:is(#wb-strategy,#st-detail) .st-product-head:hover{background:color-mix(in srgb,var(--foreground) 6%,var(--surface-subtle))}
:is(#wb-strategy,#st-detail) .st-product-head:hover .st-product-title{color:var(--foreground)}
:is(#wb-strategy,#st-detail) .st-product-arrow{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-left:auto;color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-product-arrow .wb-icon{width:16px;height:16px}
:is(#wb-strategy,#st-detail) .st-product-head:hover .st-product-arrow{color:var(--accent)}
:is(#wb-strategy,#st-detail) .st-product-title{min-width:0;font:500 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted);overflow-wrap:anywhere}
:is(#wb-strategy,#st-detail) .st-product-count{font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted);white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-product-body{display:contents}
:is(#wb-strategy,#st-detail) .st-product-body .st-position{grid-column:1/-1}
:is(#wb-strategy,#st-detail) .st-product-body .st-position:last-child{border-bottom:0}
:is(#wb-strategy,#st-detail) .st-product-position .st-position-name{padding-left:calc(24px + var(--space-3))}
:is(#wb-strategy,#st-detail) .st-position-table [role=cell]{padding:12px}
:is(#wb-strategy,#st-detail) .st-position-table .st-position-name{grid-area:auto}
:is(#wb-strategy,#st-detail) .st-position-id{display:flex;align-items:center;gap:var(--space-3);min-width:0;white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-position-title{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;line-height:1.25}
:is(#wb-strategy,#st-detail) .st-position-title>strong{font:600 var(--type-body)/var(--leading-body) var(--sans);color:var(--foreground)}
:is(#wb-strategy,#st-detail) .st-product-name{font:400 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground-muted);white-space:normal}
:is(#wb-strategy,#st-detail) .st-dual-contract{font:400 11px/1.15 var(--sans);color:var(--foreground-muted);white-space:nowrap;margin-top:1px}
:is(#wb-strategy,#st-detail) .st-position-title.st-subject-inline{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:var(--space-1)}
:is(#wb-strategy,#st-detail) .st-dual-tip{position:relative;display:inline-flex;align-items:baseline;gap:var(--space-1);font:400 11px/1.15 var(--sans);color:var(--foreground-muted);white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-dual-maturity{font:inherit;color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-dual-tip-button{display:inline-grid;place-items:center;width:16px;height:16px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--foreground-muted);font:500 var(--type-caption)/1 var(--sans);line-height:1;cursor:help}
:is(#wb-strategy,#st-detail) .st-dual-tip-button:is(:hover,:focus-visible){border-color:var(--accent);color:var(--accent)}
:is(#wb-strategy,#st-detail) .st-dual-tip-panel{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:var(--z-overlay);min-width:168px;white-space:normal;text-align:left}
:is(#wb-strategy,#st-detail) .st-dual-tip-panel>strong{font:600 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground)}
:is(#wb-strategy,#st-detail) .st-dual-tip-panel>span{display:block;margin-top:2px;font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-dual-tip:is(:hover,:focus-within) .st-dual-tip-panel,:is(#wb-strategy,#st-detail) .st-dual-tip.is-open .st-dual-tip-panel{display:grid}
:is(#wb-strategy,#st-detail) .st-position-table .st-position:has(.st-dual-tip){align-items:start}
:is(#wb-strategy,#st-detail) .st-position-table .st-position:has(.st-dual-tip)>[role=cell]{padding-top:10px;padding-bottom:10px}
:is(#wb-strategy,#st-detail) .st-position-table .st-position:has(.st-dual-contract){align-items:start}
:is(#wb-strategy,#st-detail) .st-position-table .st-position:has(.st-dual-contract)>[role=cell]{padding-top:10px;padding-bottom:10px}
:is(#wb-strategy,#st-detail) .st-asset-mark{position:relative;display:grid;place-items:start;width:33px;height:28px;flex:none}
:is(#wb-strategy,#st-detail) .st-asset-mark>.asset-avatar{width:28px;height:28px;border-radius:8px 8px 3px 3px}
:is(#wb-strategy,#st-detail) .st-joint-mark{display:grid;place-items:center;color:var(--foreground-secondary);background:var(--surface-group)}
:is(#wb-strategy,#st-detail) .st-joint-mark .wb-icon{width:22px;height:22px}
:is(#wb-strategy,#st-detail) .st-platform-icon{border-radius:8px 8px 3px 3px;background:var(--platform-background,var(--surface-group));overflow:hidden}
:is(#wb-strategy,#st-detail) .st-platform-icon img{width:80%;height:80%}
:is(#wb-strategy,#st-detail) .st-platform-icon[data-provider=binance] img{filter:none}
[data-theme=dark] :is(#wb-strategy,#st-detail) .st-platform-icon[data-provider=okx]{background:var(--surface-group)}
:is(#wb-strategy,#st-detail) .st-platform-icon.is-fallback{background:var(--surface-group);color:var(--foreground-secondary)}
:is(#wb-strategy,#st-detail) .st-platform-fallback{font:500 10px/1 var(--sans)}
:is(#wb-strategy,#st-detail) .st-platform-badge{position:absolute;right:0;bottom:0;width:15px;height:15px;border:2px solid var(--surface);background-clip:padding-box;box-sizing:border-box}
:is(#wb-strategy,#st-detail) .st-platform-badge .st-platform-fallback{font-size:6px}
:is(#wb-strategy,#st-detail) .st-position-count{font-weight:400;color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-position-table .st-position-metric{grid-area:auto;white-space:normal}
:is(#wb-strategy,#st-detail) .st-position-table .st-position-actions{grid-area:auto;gap:var(--space-1)}
:is(#wb-strategy,#st-detail) .st-position-table .st-position-actions .asset-quote{margin:0;flex:none}
:is(#wb-strategy,#st-detail) .st-position-table .st-mobile-label{display:none}
:is(#wb-strategy,#st-detail) .st-reference-highlight{background:var(--accent-soft)}
@container workspace (max-width:700px){
 :is(#wb-strategy,#st-detail) .st-position-table .st-column-head{display:none}
 :is(#wb-strategy,#st-detail) .st-position-table .st-position{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 :is(#wb-strategy,#st-detail) .st-position-table .st-position-name{grid-column:1/-1}
 :is(#wb-strategy,#st-detail) .st-position-table .st-position-actions{grid-column:1/-1}
 :is(#wb-strategy,#st-detail) .st-position-table .st-position-metric{text-align:left}
 :is(#wb-strategy,#st-detail) .st-position-table .st-mobile-label{display:block}
 :is(#wb-strategy,#st-detail) .st-position-id{white-space:normal;flex-wrap:wrap}
}
:is(#wb-strategy,#st-detail) .st-position-table .st-position-metric{gap:0}
:is(#wb-strategy,#st-detail) .st-joint-mark::before{content:'';width:22px;height:22px;background:currentColor;mask:url('/static/icons/joint-position.svg') center/contain no-repeat}
:is(#wb-strategy,#st-detail) .st-platform-badge img{max-width:100%;max-height:100%}
:is(#wb-strategy,#st-detail) .st-platform-badge[data-provider=okx] img{width:80%}

/* v4 discovery: product identity, a quote/risk line and one action footer. */
:is(#wb-strategy,#st-detail) .st-list.st-discover{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#wb-strategy,#st-detail) .st-discovery-product{padding:var(--space-6);container-type:inline-size;container-name:strategy-product}
:is(#wb-strategy,#st-detail) .st-discovery-product .st-family-head{padding:0;align-items:center;justify-content:space-between;gap:var(--space-3)}
:is(#wb-strategy,#st-detail) .st-discovery-product .st-family-title{gap:var(--space-2);flex-wrap:wrap;min-width:0}
:is(#wb-strategy,#st-detail) .st-discovery-product .st-family-title h2{font:600 var(--type-section)/var(--leading-section) var(--sans)}
:is(#wb-strategy,#st-detail) .st-owned-status{flex:none}
:is(#wb-strategy,#st-detail) .st-discovery-yield{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-block:var(--space-4)}
:is(#wb-strategy,#st-detail) .st-discovery-yield .st-summary-rate{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}
:is(#wb-strategy,#st-detail) .st-discovery-yield .st-summary-label{order:1;margin:0}
:is(#wb-strategy,#st-detail) .st-risk{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--foreground-secondary);font:500 var(--type-table)/var(--leading-table) var(--sans);white-space:nowrap}
:is(#wb-strategy,#st-detail) .st-risk[data-level=medium]{color:var(--warning)}
:is(#wb-strategy,#st-detail) .st-risk[data-level=high]{color:var(--negative)}
:is(#wb-strategy,#st-detail) .st-risk-level{display:inline-flex;align-items:flex-end;gap:2px}
:is(#wb-strategy,#st-detail) .st-risk-level i{width:3px;height:11px;border-radius:1px;background:currentColor;opacity:.22}
:is(#wb-strategy,#st-detail) .st-risk-level i.on{opacity:1}
:is(#wb-strategy,#st-detail) .st-discovery-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--divider)}
:is(#wb-strategy,#st-detail) .st-discovery-coins{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}
:is(#wb-strategy,#st-detail) .st-currencies-label{font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted)}
:is(#wb-strategy,#st-detail) .st-discovery-actions{display:flex;align-items:center;gap:var(--space-2);flex:none}
:is(#wb-strategy,#st-detail) .st-discovery-actions>.asset-quote{margin:0;flex:none}
:is(#wb-strategy,#st-detail) .st-detail-arrow{display:grid;place-items:center}
:is(#wb-strategy,#st-detail) .st-detail-arrow .wb-icon{width:16px;height:16px}
:is(#wb-strategy,#st-detail) .st-discovery-product .st-currencies-summary{margin:0;min-height:32px}
@container workspace (max-width:900px){:is(#wb-strategy,#st-detail) .st-list.st-discover{grid-template-columns:minmax(0,1fr)}}
@container strategy-product (max-width:400px){
 :is(#wb-strategy,#st-detail) .st-discovery-footer{flex-wrap:wrap}
 :is(#wb-strategy,#st-detail) .st-discovery-actions{margin-left:auto}
}

/* One product dialog, with a task tab per entry context. */
:is(#wb-strategy,#st-detail) #st-detail-title{display:flex;align-items:center;gap:var(--space-3)}
/* Flat position table: all contract context stays on the row face. */
:is(#wb-strategy,#st-detail) .st-owned-table td{white-space:normal}
:is(#wb-strategy,#st-detail) .st-owned-table .st-caption{display:block}
#st-detail.st-detail>footer #st-detail-ask{flex:none;display:inline-flex;align-items:center;gap:var(--space-2)}
#st-detail.st-detail>footer #st-detail-ask svg{width:16px;height:16px}
:is(#wb-strategy,#st-detail) .st-position-table .st-subject-start{border-top:0}
:is(#wb-strategy,#st-detail) .st-position-table .st-position:has(+.st-subject-start){border-bottom-color:var(--border)}
/* Keep the parent's distributed gutters; zero gaps would expand subgrid cells into them. */
:is(#wb-strategy,#st-detail) .st-position-table :is(.st-column-head,.st-position){column-gap:normal}

/* Select controls use the shared input boundary, hover and focus roles. */
:is(#wb-strategy,#st-detail) .st-select select.input:focus-visible{outline:none}

#asset-d-detail-fix #wb-strategy :is(.st-position-actions,.st-discovery-actions)>.asset-quote+*{margin-left:0}