.product-checklists #cs-prepare .cs-preparation{grid-template-columns:minmax(0,1fr)}
.service-profile-placement[data-art-slot="standards-prepared-service-inputs"]{width:100%;min-width:0;max-width:none;height:auto;aspect-ratio:auto!important;overflow:visible;margin-top:32px}
.product-checklists .service-profile-caption{margin:0 auto 18px;max-width:880px;font-size:14px;line-height:1.6;color:var(--odx-muted)}
.spd-demo{--spd-brand:var(--live-demo-primary,#20b633);width:100%;max-width:880px;margin:auto;min-width:0;font:14px/1.5 Arial,sans-serif;color:var(--ui-demo-text);background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px;overflow:hidden;text-align:left}
.spd-demo *{box-sizing:border-box}.spd-demo [hidden]{display:none!important}
.product-page .spd-demo :is(h3,h4,p,span,small,strong,label){font-family:inherit;letter-spacing:normal;text-wrap:initial;color:inherit}
.spd-demo .spd-brand{display:flex;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--ui-demo-line);font-size:12px;color:var(--ui-demo-muted)}
.spd-demo .spd-brand>span:last-child{margin-left:auto}.spd-demo .ds-logo-image{width:120px;height:28px;object-fit:contain}.spd-demo i{color:var(--ui-demo-icons)}
.spd-demo .spd-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--ui-demo-line)}
.product-page .spd-demo h3{font-size:21px;line-height:1.4;margin:0}.product-page .spd-demo h4{font-size:15px;line-height:1.4;margin:0}
.product-page .spd-demo p{font-size:13px;line-height:1.5;margin:6px 0 0;max-width:none;color:var(--ui-demo-muted)}
.spd-demo .spd-body{padding:22px;max-height:650px;overflow:auto}.spd-demo form{margin:0}.spd-demo label{display:block;min-width:0;margin:16px 0 0}.spd-demo label>span{display:block;margin-bottom:6px;font-size:13px}
.spd-demo small{display:block;font-size:11px;line-height:1.5;margin-top:5px;color:var(--ui-demo-muted)!important}
.spd-demo :is(input,select,textarea,button){font:inherit;max-width:100%;box-shadow:none;color:var(--ui-demo-text)}
.spd-demo :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;min-width:0;padding:10px 13px;min-height:44px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius,8px);background:var(--ui-demo-bg)}
.spd-demo textarea{min-height:80px;resize:vertical}.spd-demo button{min-height:40px;padding:9px 15px;border:1px solid var(--spd-brand);border-radius:var(--ui-demo-radius,8px);background:var(--ui-demo-surface);color:var(--ui-demo-accent-text);cursor:pointer}
.spd-demo .spd-primary{background:var(--spd-brand);color:var(--live-demo-ink,#fff)}.spd-demo .spd-plain,.spd-demo .spd-head>button{border-color:transparent;background:transparent}
.spd-demo .spd-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spd-demo .spd-active{display:flex;gap:14px;align-items:center;justify-content:space-between}.spd-demo input[type=checkbox]{width:24px;height:24px;accent-color:var(--spd-brand);flex:none}
.spd-demo .spd-notice{padding:13px;border:1px solid var(--ui-demo-line);background:var(--ui-demo-tint);border-radius:8px}.spd-demo .spd-notice>strong{font-size:13px}
.spd-demo .spd-badge{display:inline-block;font-size:12px;background:var(--ui-demo-tint);color:var(--ui-demo-accent-text);border-radius:12px;padding:4px 8px;margin-top:8px}
.spd-demo .spd-rule-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.spd-demo .spd-rule{border:1px solid var(--ui-demo-line);border-radius:9px;margin-top:14px;padding:16px;background:var(--ui-demo-bg)}
.spd-demo .spd-rule-title{display:flex;align-items:center;gap:10px}.spd-demo .spd-rule-title .spd-badge{margin:0}.spd-demo .spd-rule-title h4{flex:1}.spd-demo .spd-rule label{margin-top:12px}
.spd-demo .spd-rate{display:grid;grid-template-columns:1.4fr .7fr 1.4fr;gap:10px}.spd-demo .spd-coverage{margin-top:14px}.spd-demo .spd-clamps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.spd-demo .spd-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 22px;border-top:1px solid var(--ui-demo-line)}.spd-demo .spd-status{padding:12px 22px;border-top:1px solid var(--ui-demo-line);font-size:12px;color:var(--ui-demo-muted)}
.spd-demo :is(input,select,textarea,button):focus-visible{outline:2px solid var(--spd-brand);outline-offset:3px}.spd-demo .spd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.spd-demo .spd-body,.spd-demo .spd-head{padding:18px 15px}.spd-demo .spd-body{max-height:590px}.spd-demo .spd-rate,.spd-demo .spd-two{grid-template-columns:1fr}.spd-demo .spd-clamps{grid-template-columns:repeat(2,minmax(0,1fr))}.spd-demo .spd-brand{flex-wrap:wrap;padding:12px 15px}.spd-demo .spd-brand>span:last-child{flex-basis:100%;margin-left:0}}
/* Focus remains visible when the bounded rule is removed/restored or the draft resets. */
.spd-demo .spd-body{overscroll-behavior:contain;scroll-padding-block:12px}
.spd-demo .spd-body:focus-visible{outline:2px solid var(--spd-brand);outline-offset:-3px}
.spd-demo :is(.spd-head>div,.spd-rule-title h4,.spd-brand>span){min-width:0;overflow-wrap:anywhere}
.spd-demo .spd-head>button,.spd-demo .spd-brand [data-demo-logo]{flex:none}
.spd-demo :is(.spd-footer,.spd-rule-heading,.spd-rule-title){flex-wrap:wrap}
@media(max-width:400px){.spd-demo .spd-clamps{grid-template-columns:minmax(0,1fr)}}