/* Only the nine assigned trade pages' customer-native placements. */
.trade-unique>.tu-section .wrap>.tcn-placement{grid-column:1/-1;grid-row:auto;flex-basis:100%;min-width:0;width:100%;margin-top:32px;align-self:stretch}
.trade-unique .cs-buying:has(>.tcn-placement){grid-template-columns:minmax(0,1fr);row-gap:24px}
.trade-unique .cs-buying:has(>.tcn-placement)>div:first-child{order:0}
.trade-unique .tcn-demo{margin:0;width:100%;height:auto;--tcn-scale:1;position:relative;background:var(--ui-demo-bg);color:var(--ui-demo-text);font:14px/1.5 Arial,sans-serif;overflow:hidden;border:1px solid var(--ui-demo-line);border-radius:14px}
.tcn-demo *{box-sizing:border-box}.tcn-demo [hidden]{display:none!important}
.trade-unique .tcn-demo :is(h3,h4,p,small,label,strong,span,b,em){font-family:Arial,sans-serif;letter-spacing:normal;text-wrap:initial}
.tcn-bar{display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--ui-demo-surface);border-bottom:1px solid var(--ui-demo-line);font-size:13px}.tcn-bar>[data-demo-app-icon]{display:grid;place-items:center;width:27px;height:27px;flex:none}.tcn-bar>[data-demo-logo]{display:flex;align-items:center;max-width:145px;color:var(--ui-demo-accent-text)}.tcn-bar .ds-logo-image{width:130px;height:30px}.tcn-bar>span:last-child{margin-left:auto;font-size:10px;color:var(--ui-demo-muted)}
.tcn-controls{display:flex;align-items:center;gap:10px;padding:14px 24px;flex-wrap:wrap;border-bottom:1px solid var(--ui-demo-line);background:var(--ui-demo-surface);font-size:12px}.tcn-demo :is(.tcn-controls,.tcn-footer) button{font:inherit;padding:8px 12px;min-height:34px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-radius);color:var(--ui-demo-text);background:var(--ui-demo-surface);cursor:pointer}.tcn-controls button[aria-pressed=true]{background:var(--ui-demo-tint);border-color:var(--live-demo-primary);color:var(--ui-demo-accent-text)}.tcn-controls label{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;color:var(--ui-demo-text)}.tcn-controls input[type=checkbox]{accent-color:var(--live-demo-primary);width:16px;height:16px}.tcn-controls select{font:inherit;max-width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius);background:var(--ui-demo-surface);color:var(--ui-demo-text)}
.tcn-account-context{font-size:10px;color:var(--ui-demo-muted);flex-basis:100%}
.tcn-stage{height:auto;min-height:0;background:var(--ui-demo-bg);overflow:visible}.tcn-demo .cu-device-pair{grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:24px;align-items:start}.tcn-demo .cu-desktop-device .cu-viewport{aspect-ratio:1200/914!important}.tcn-demo .cu-screen.cu-desktop{width:1200px!important}.tcn-demo .cu-screen{transform:scale(var(--tcn-scale,1))!important}.tcn-demo .cu-desktop .cu-quote{grid-template-columns:minmax(0,1fr) 360px;gap:12px}.tcn-demo .cu-screen :is(.cu-question-wrap,.cu-quote,.cu-quote-tabs){background:var(--ui-demo-bg)}
.trade-unique .tcn-demo .cu-screen .cu-selected-card{padding:23px 24px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:14px;margin:0 0 20px;box-shadow:none}
.trade-unique .tcn-demo .cu-screen :is(.cu-summary,.cu-order-summary){padding:24px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px;align-self:start}
.trade-unique .tcn-demo .cu-screen .cu-question-card>header{padding:20px 24px;margin:0;background:var(--ui-demo-surface);border:0;border-bottom:1px solid var(--ui-demo-line);border-radius:0}
.trade-unique .tcn-demo .cu-screen .cu-question-card h3{margin:0;font-size:22px}
.trade-unique .tcn-demo .cu-screen .cpn-card{padding:23px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:13px;box-shadow:none;margin:0 0 18px}
.trade-unique .tcn-demo .cu-screen .cpn-nav{padding:18px 8px;background:var(--ui-demo-surface);border-radius:0;border:0;border-right:1px solid var(--ui-demo-line)}
.trade-unique .tcn-demo .cu-screen .cpn-header{padding:16px 24px;margin:0;background:var(--ui-demo-surface);border:0;border-bottom:1px solid var(--ui-demo-line);border-radius:0}
.tcn-demo .cu-screen :is(.cu-btn.outline,.cu-btn.selected){color:var(--ui-demo-text)}
.trade-unique .tcn-demo .cu-phone .cu-selected-card{padding:18px;margin-bottom:14px;border-radius:12px}
.trade-unique .tcn-demo .cu-phone :is(.cu-summary,.cu-order-summary){padding:20px 18px;border-radius:0}
.trade-unique .tcn-demo .cu-phone .cu-question-card>header{padding:18px}
.trade-unique .tcn-demo .cu-phone .cu-question-card>header h3{font-size:14px}
.trade-unique .tcn-demo .cu-phone .cpn-nav{width:42px;padding:12px 3px}
.trade-unique .tcn-demo .cu-phone .cpn-header{height:55px;padding:10px;gap:8px}
.trade-unique .tcn-demo .cu-phone .cpn-card{padding:13px;border-radius:8px;margin-bottom:13px}
.tcn-demo .cu-screen .cu-pricing-quantity{margin:15px 0;font-size:13px}.tcn-demo .cu-screen .cu-pricing-quantity select{background:var(--ui-demo-surface);color:var(--ui-demo-text);border:1px solid var(--ui-demo-line);padding:10px;border-radius:var(--ui-demo-field-radius);font-size:13px;max-width:100%}
.tcn-demo .cu-screen .cu-pricing-quantity>span{display:block;margin-bottom:8px}.tcn-demo .cu-phone .cu-pricing-quantity{font-size:11px;margin:12px 0}.tcn-demo .cu-phone .cu-pricing-quantity select{font-size:11px;padding:8px}
.tcn-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;background:var(--ui-demo-surface);border-top:1px solid var(--ui-demo-line);font-size:11px;color:var(--ui-demo-muted)}.tcn-demo .tcn-footer button{flex:none}
.tcn-demo .cu-expanded>.cu-viewport[data-cu-size=desktop]{aspect-ratio:1200/914!important;width:min(95vw,calc(83vh * 1200 / 914));max-height:83vh}.tcn-demo:has(.cu-expanded){isolation:auto;z-index:10010}.tcn-demo:has(.cu-expanded) .tcn-stage{z-index:10010}
@media(max-width:1100px){.tcn-demo .cu-device-pair{grid-template-columns:minmax(0,1fr) 260px;padding:20px;gap:20px}}
@media(max-width:850px){.tcn-demo .cu-device-pair{grid-template-columns:minmax(0,1fr);padding:18px;gap:24px}.tcn-demo .cu-phone-device{width:min(100%,330px);margin:auto}.tcn-demo .cu-expanded:has(>[data-cu-size=desktop]){overflow:auto;align-items:flex-start;justify-content:flex-start}.tcn-demo .cu-expanded>.cu-viewport[data-cu-size=desktop]{flex:none;min-width:1200px;width:1200px;max-height:none}.tcn-demo .cu-expanded:has(>[data-cu-size=desktop])>.cu-expanded-close{position:fixed;z-index:2}}
@media(max-width:480px){.tcn-bar{padding:15px;gap:10px;flex-wrap:wrap}.tcn-bar>span:last-child{margin:0;flex-basis:100%}.tcn-demo .cu-device-pair{padding:12px}.tcn-controls{padding:13px;gap:8px}.tcn-controls>label{flex-basis:100%;flex-wrap:wrap}.tcn-footer{padding:13px;gap:10px;align-items:start}.tcn-demo .cu-device-label button{padding:6px}}
