/* Evidence stays inspectable; the completed piece of work carries the weight. */
.sv-artifact-head,.sv-caption{border:0}
.sv-agent-answer{border:0;padding:0;margin:20px 0}
.sv-agent-answer p{line-height:1.65}
.sv-steps li,.sv-scope-row,.sv-scope-note,.sv-compact-rows article{border:0}
.sv-catalog-heading,.sv-catalog-row,.sv-order-record,.sv-handoff dl>div{border:0}
.sv-handoff .sv-motion-rule,.sv-fit .sv-motion-rule{display:none}
.sv-motion-catalog-match{border-radius:12px}
.sv-motion-ready .sv-catalog-row{padding-block:12px}
.sv-handoff{padding:24px;border-radius:20px}
.sv-handoff h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;font-weight:400;color:#252525}
.sv-handoff-heading{align-items:flex-start;gap:12px}
.sv-motion-ready .sv-handoff-icon{margin-top:3px}
.sv-handoff dl{margin-top:18px}
.sv-handoff dl>div{padding-block:9px}
.sv-handoff dl>div:last-child dd{color:#252525;font-weight:500}
.sv-handoff>p{font-size:11px;color:#717171}
.sv-sales-artifact .sv-artifact-body{padding:26px 32px 24px}
.sv-sales-artifact .sv-request{font-size:26px;margin-bottom:24px}
.sv-sales-artifact .sv-catalog{margin-bottom:18px}
.sv-sales-artifact .sv-agent-answer{margin-block:18px}
.sv-sales-artifact .sv-basket{padding:0;margin-top:20px;background:none;gap:20px}
.sv-sales-artifact .sv-basket strong{font-size:14px}
.sv-sales-artifact .sv-basket>div:last-child>strong{font-size:23px}
.sv-sales-artifact .sv-order-confirmation{display:flex;align-items:flex-start;gap:16px;padding:25px 24px;margin-top:26px;border:0;border-radius:20px;background:#1b1b1b;color:#fff}
.sv-sales-artifact .sv-confirmation-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:0;background:#ffffff12;border-radius:50%;color:#fff;margin-top:2px}
.sv-sales-artifact .sv-confirmation-label{color:#b0b0b0;font-size:9px;letter-spacing:.045em}
.sv-sales-artifact .sv-order-confirmation h3{font-size:28px;font-weight:400;line-height:1.15;letter-spacing:-.035em;color:#fff;margin:9px 0}
.sv-sales-artifact .sv-order-confirmation p{font-size:12px;line-height:1.55;color:#c2c2c2;max-width:400px}
.sv-sales-artifact .sv-artifact-foot{margin-top:19px}
@media(max-width:600px){
 .sv-sales-artifact .sv-artifact-body{padding:23px 20px 20px}
 .sv-sales-artifact .sv-request{font-size:24px;margin-bottom:23px}
 .sv-sales-artifact .sv-order-confirmation{padding:22px 20px;gap:13px;margin-top:23px}
 .sv-sales-artifact .sv-order-confirmation h3{font-size:25px;line-height:1.18}
 .sv-sales-artifact .sv-confirmation-icon{flex-basis:24px;width:24px;height:24px}
 .sv-sales-artifact .sv-order-confirmation p{font-size:12px}
 .sv-handoff{padding:21px 20px}
 .sv-handoff h3{font-size:21px}
 .sv-agent-answer p{font-size:13px}
}
@media(max-width:350px){
 .sv-sales-artifact .sv-order-confirmation{display:block;padding:21px 19px}
 .sv-sales-artifact .sv-confirmation-icon{margin:0 0 12px}
 .sv-sales-artifact .sv-order-confirmation h3{font-size:24px}
}

/* Let the example precede its supporting explanation in the reading order. */
.sv-story{grid-template-areas:"intro example" "steps example";grid-template-rows:max-content 1fr;row-gap:0}
.sv-story>.sv-story-copy{grid-area:intro}
.sv-story>.sv-artifact{grid-area:example}
.sv-story>.sv-steps{grid-area:steps;min-width:0}
@media(max-width:900px){
 .sv-story{grid-template-areas:"intro" "example" "steps";grid-template-rows:auto;row-gap:36px}
 .sv-story>.sv-steps{margin-top:0}
}
@media(max-width:600px){
 .sv-story{row-gap:28px}
 .sv-story>.sv-steps li:first-child{padding-top:0}
}