.csa-demo{--csa-brand:var(--live-demo-primary,#20b633);width:100%;min-width:0;font:14px/1.5 Arial,sans-serif;color:var(--ui-demo-text);background:var(--ui-demo-bg);border:1px solid var(--ui-demo-line);border-radius:12px;overflow:hidden;text-align:left}.csa-demo *{box-sizing:border-box}.csa-demo [hidden]{display:none!important}
.product-page .csa-demo :is(h3,h4,h5,p,label,span,strong,small,summary){font-family:inherit;letter-spacing:normal;color:inherit;text-wrap:initial}.product-page .csa-demo h3{font-size:21px;line-height:1.4;margin:0}.product-page .csa-demo h4{font-size:17px;line-height:1.5;margin:0 0 16px}.product-page .csa-demo h5{font-size:14px;line-height:1.5;margin:16px 0 8px}.product-page .csa-demo p{font-size:13px;line-height:1.6;margin:8px 0 18px;color:var(--ui-demo-muted);max-width:none}
.csa-demo .csa-brand{display:flex;align-items:center;gap:16px;padding:13px 22px;border-bottom:1px solid var(--ui-demo-line);font-size:12px;background:var(--ui-demo-surface)}.csa-demo .csa-brand>strong{margin-left:auto}.csa-demo [data-demo-logo]{min-width:0;max-width:140px;overflow:hidden}.csa-demo .ds-logo-image{width:125px;height:29px;max-width:100%;object-fit:contain}.csa-demo i{color:var(--ui-demo-icons)}
.csa-demo .csa-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--ui-demo-line);background:var(--ui-demo-surface)}.csa-demo .csa-tabs>button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 10px}.csa-demo .csa-tabs>[aria-selected=true]{border-bottom-color:var(--csa-brand);color:var(--ui-demo-accent-text);background:var(--ui-demo-tint)}
.csa-demo .csa-head{padding:20px 24px;border-bottom:1px solid var(--ui-demo-line);background:var(--ui-demo-surface)}.csa-demo .csa-body{padding:24px;max-height:760px;overflow:auto;overscroll-behavior:contain}.csa-demo .csa-service-body{max-width:820px;margin:auto}.csa-demo form{margin:0}.csa-demo .csa-card{padding:24px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px;margin:0 0 22px}.csa-demo .csa-card:last-child{margin-bottom:0}.csa-demo .csa-basic{display:grid;grid-template-columns:2fr 1fr;gap:26px}.csa-demo .csa-two,.csa-demo .csa-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.csa-demo .csa-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.csa-demo label{display:block;min-width:0;margin:0 0 18px}.csa-demo label>span{display:block;font-size:13px;margin-bottom:6px}.csa-demo small{display:block;font-size:12px;line-height:1.5;margin-top:5px;color:var(--ui-demo-muted)!important}.csa-demo :is(input,select,textarea,button){font:inherit;max-width:100%;color:inherit;box-shadow:none;letter-spacing:normal}
.csa-demo :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius,8px);background:var(--ui-demo-bg)}.csa-demo textarea{min-height:90px;resize:vertical}.csa-demo input:is([type=checkbox],[type=radio]){width:20px;height:20px;flex:none;accent-color:var(--csa-brand)}
.csa-demo button{min-height:40px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-radius,8px);padding:9px 15px;background:var(--ui-demo-surface);cursor:pointer;color:var(--ui-demo-text);white-space:normal}.csa-demo .csa-primary{background:var(--csa-brand);border-color:var(--csa-brand);color:var(--live-demo-ink,#fff)}
.csa-demo .csa-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.csa-demo .csa-toolbar h4{flex:1;margin:0}.csa-demo .csa-toolbar h5{flex:1;margin:0}.csa-demo .csa-check{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:14px 8px;border-bottom:1px solid var(--ui-demo-line)}.csa-demo .csa-check>span{margin:0}.csa-demo .csa-inclusions{border:1px solid var(--ui-demo-line);border-radius:9px;padding:6px 14px;margin-top:12px}
.csa-demo .csa-note{padding:12px;background:var(--ui-demo-tint);border:1px solid var(--ui-demo-line);border-radius:7px}.csa-demo .csa-term{margin-top:18px;border:1px solid var(--ui-demo-line);border-radius:10px;padding:18px}.csa-demo details>summary{cursor:pointer;font-weight:600;margin-bottom:14px}.csa-demo .csa-footer{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;padding:20px 24px;border-top:1px solid var(--ui-demo-line);background:var(--ui-demo-surface)}.product-page .csa-demo .csa-status{padding:12px 24px;margin:0;border-top:1px solid var(--ui-demo-line);font-size:12px;background:var(--ui-demo-surface)}
.csa-demo :is(input,select,textarea,button,summary):focus-visible{outline:2px solid var(--csa-brand);outline-offset:3px}.csa-demo .csa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product-service-agreements .sa-contract-admin{grid-column:1/-1;width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:auto!important;overflow:visible;margin-top:36px}.product-service-agreements .sa-contract-admin-caption{font-size:14px;line-height:1.6;margin:0 0 18px;color:var(--odx-muted)}
.product-service-agreements [data-art-slot="agreements-continuing-service"]:has(.csa-demo){width:100%;max-width:none;aspect-ratio:auto!important;height:auto;overflow:visible}
@media(max-width:700px){.csa-demo .csa-basic,.csa-demo .csa-three{grid-template-columns:minmax(0,1fr)}.csa-demo .csa-body{padding:16px;max-height:690px}.csa-demo .csa-card{padding:18px}.csa-demo .csa-brand{flex-wrap:wrap;padding:12px 16px}.csa-demo .csa-head,.csa-demo .csa-footer{padding:17px 16px}.csa-demo .csa-brand>strong{flex-basis:100%;margin-left:0}.csa-demo .csa-tabs>button{font-size:13px}}
@media(max-width:420px){.csa-demo .csa-two{grid-template-columns:minmax(0,1fr)}.csa-demo .csa-footer>button{flex:1}}