/* Compact support explanation and example, scoped to the owner-support page. */
.sp-clients .sp-included-intro>p{font-size:15px;line-height:1.6}.sp-clients .sp-included-intro>p+p{margin-top:16px}.sp-support-example{--ws-blue:#263fe5;--ws-cream:#f5f3ec;--ws-pad:28px;margin-top:1px;scroll-margin-top:95px}.sp-support-example *{box-sizing:border-box}.sp-support-example .ws-label{font:10px/1.4 'Courier New',monospace;letter-spacing:.04em;text-transform:uppercase;margin:0 0 18px;color:#263fe5}.sp-support-example h3{font:400 25px/1.15 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 18px}.sp-support-example h4{font:400 20px/1.25 Arial,sans-serif;letter-spacing:-.025em;margin:0 0 16px}.sp-support-example .ws-demo-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:28px 36px;background:var(--ws-cream);border-radius:5px}.sp-support-example .ws-demo-intro h2{font-size:clamp(30px,3vw,42px)}.sp-support-example .ws-demo-intro>p{font-size:13px;line-height:1.6;max-width:440px}.sp-support-example .ws-demo-intro .ws-label{margin-bottom:12px}.ws-demo-grid{display:grid;grid-template-columns:minmax(0,13fr) minmax(0,11fr);gap:1px;margin-top:1px}.ws-demo-email,.ws-demo-result{background:#f5f3ec;border-radius:5px;padding:28px;min-width:0}.ws-demo-email{position:relative}.ws-demo-result{display:flex;flex-direction:column}.sp-support-example .ws-email-label{display:block;font:11px 'Courier New',monospace;margin-bottom:12px}.sp-support-example #ws-email-choice{display:block;width:100%;max-width:100%;font:14px Arial,sans-serif;color:#20211f;background:#fcfaf4;border:1px solid #20211f35;border-radius:3px;padding:14px 52px 14px 14px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2320211f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;background-position:right 18px center}.sp-support-example .ws-email-hint{font-size:11px;line-height:1.6;color:#666861;margin:14px 0 20px}.ws-example-content{border-top:1px solid #20211f28;padding-top:20px}.sp-support-example .ws-example-content .ws-label{margin-bottom:12px}.sp-support-example .ws-message{white-space:pre-line;font-size:13px;line-height:1.65;max-height:none;overflow:visible;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;margin:0}.ws-message::-webkit-scrollbar,.ws-demo-view::-webkit-scrollbar{display:none;width:0;height:0}.ws-copy{border:0;background:none;color:#263fe5;font:12px Arial,sans-serif;padding:8px 0;cursor:pointer;border-bottom:1px solid #263fe5;margin-top:18px}.ws-copy-status{display:block;min-height:18px;font:11px/1.5 Arial,sans-serif;color:#263fe5;margin-top:8px}.ws-demo-view{height:auto;overflow:visible;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.ws-demo-view[hidden]{display:none}.sp-support-example .ws-demo-view>p:not(.ws-label):not(.ws-demo-caption){font-size:14px;line-height:1.65}.sp-support-example .ws-demo-caption{font-size:11px;line-height:1.5;color:#666861;margin-top:14px}.ws-sketch-page svg{display:block;width:100%;height:350px}.ws-final-image{display:block;width:100%;height:350px;object-fit:contain;border:0;border-radius:3px}.ws-full-preview{display:block}.ws-demo-checks{margin:22px 0;padding:0;list-style:none}.ws-demo-checks li{padding:14px 0;border-top:1px solid #20211f30;font-size:14px;line-height:1.6}.ws-demo-confirmation-mail h4{margin-bottom:16px}.ws-demo-confirmation-mail p,.ws-demo-confirmation-mail li{font-size:13px;line-height:1.65}.ws-demo-confirmation-mail ul{margin:18px 0;padding-left:18px}.ws-demo-confirmation-mail li+li{margin-top:8px}.ws-legacy-anchors>span{position:absolute;top:0;left:0;width:1px;height:1px;scroll-margin-top:95px}.sp-support-example select:focus-visible,.sp-support-example button:focus-visible,.sp-support-example [tabindex]:focus-visible{outline:2px solid #263fe5;outline-offset:3px}
/* Connected process steps, matching the operator's chevron reference. */
.sp-support-example .ws-demo-controls{--step-tip:14px;display:flex;flex-wrap:nowrap;gap:0;isolation:isolate;width:100%;margin-bottom:32px;padding:2px 0}
.sp-support-example .ws-demo-controls button{--step-fill:#f5f3ec;--step-line:#bebfb9;position:relative;flex:1 1 0;min-width:0;min-height:54px;margin:0;padding:12px 20px 12px 25px;border:0;border-radius:0;background:var(--step-line);color:#20211f;clip-path:polygon(0 0,calc(100% - var(--step-tip)) 0,100% 50%,calc(100% - var(--step-tip)) 100%,0 100%,var(--step-tip) 50%);font:12px/1.3 Arial,sans-serif;cursor:pointer}
.sp-support-example .ws-demo-controls button:first-child{padding-left:14px;clip-path:polygon(0 0,calc(100% - var(--step-tip)) 0,100% 50%,calc(100% - var(--step-tip)) 100%,0 100%)}
.sp-support-example .ws-demo-controls button+button{margin-left:calc(-1 * var(--step-tip) + 1px)}
.sp-support-example .ws-demo-controls button:before{content:'';position:absolute;inset:1px;background:var(--step-fill);clip-path:polygon(0 0,calc(100% - var(--step-tip)) 0,100% 50%,calc(100% - var(--step-tip)) 100%,0 100%,var(--step-tip) 50%);z-index:-1}
.sp-support-example .ws-demo-controls button:first-child:before{clip-path:polygon(0 0,calc(100% - var(--step-tip)) 0,100% 50%,calc(100% - var(--step-tip)) 100%,0 100%)}
.sp-support-example .ws-demo-controls button>span{position:relative;display:block;white-space:nowrap}
.sp-support-example .ws-demo-controls button[aria-pressed=true]{--step-fill:#263fe5;--step-line:#263fe5;color:#fff}
.sp-support-example .ws-demo-controls button:focus-visible{--step-line:#20211f;outline:0}.sp-support-example .ws-demo-controls button:focus-visible>span{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1001px) and (max-width:1100px){.sp-support-example .ws-demo-controls{--step-tip:10px}.sp-support-example .ws-demo-controls button{font-size:11px;padding-left:18px;padding-right:14px}.sp-support-example .ws-demo-controls button:first-child{padding-left:12px}}
@media(max-width:1000px){
 .sp-support-example .ws-demo-controls{flex-direction:column;--step-tip:11px;padding:0}
 .sp-support-example .ws-demo-controls button{flex:none;width:100%;min-height:53px;padding:19px 16px 18px;clip-path:polygon(0 0,50% var(--step-tip),100% 0,100% calc(100% - var(--step-tip)),50% 100%,0 calc(100% - var(--step-tip)))}
 .sp-support-example .ws-demo-controls button:first-child{padding:15px 16px 18px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--step-tip)),50% 100%,0 calc(100% - var(--step-tip)))}
 .sp-support-example .ws-demo-controls button+button{margin-left:0;margin-top:calc(-1 * var(--step-tip) + 1px)}
 .sp-support-example .ws-demo-controls button:before{clip-path:polygon(0 0,50% var(--step-tip),100% 0,100% calc(100% - var(--step-tip)),50% 100%,0 calc(100% - var(--step-tip)))}
 .sp-support-example .ws-demo-controls button:first-child:before{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--step-tip)),50% 100%,0 calc(100% - var(--step-tip)))}
}

/* One connected contour and one 1px stroke per divider, drawn by the SVG layer. */
.sp-support-example .ws-demo-controls{position:relative;padding:0;gap:0}.sp-support-example .ws-demo-controls button{background:transparent;z-index:1}.sp-support-example .ws-demo-controls button:before{display:none}.sp-support-example .ws-demo-controls button+button{margin-left:calc(-1 * var(--step-tip))}.ws-demo-step-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.sp-support-example .ws-demo-controls button:focus-visible{outline:0}.sp-support-example .ws-demo-controls button:focus-visible>span{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.sp-support-example .ws-demo-controls button+button{margin-left:0;margin-top:calc(-1 * var(--step-tip))}}



@media(max-width:760px){.sp-support-example .ws-demo-intro{display:block;padding:25px}.sp-support-example .ws-demo-intro>p{margin-top:18px}.ws-demo-grid{grid-template-columns:1fr}.ws-demo-email,.ws-demo-result{padding:25px}.ws-demo-view{height:auto;max-height:none}.ws-sketch-page svg,.ws-final-image{height:330px}.sp-support-example .ws-message{max-height:none}}