.sp-grid{align-items:start}.sp-steps{counter-reset:sp;flex-direction:column;gap:0;margin-top:36px;display:flex}.sp-steps li{counter-increment:sp;grid-template-columns:40px minmax(0,1fr);gap:16px;padding-bottom:24px;display:grid;position:relative}.sp-steps li:before{content:counter(sp);background:var(--pri);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font:600 15px/1 Instrument Sans,system-ui,sans-serif;display:flex}.sp-steps li:not(:last-child):after{content:"";background:var(--color-border);border-radius:2px;width:2px;position:absolute;top:44px;bottom:4px;left:19px}.sp-steps h3{margin:8px 0 4px;font-size:18px;line-height:1.3}.sp-steps p{font-size:15.5px;line-height:1.55}.sp-lead a,.sp-help a{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--pri);text-decoration-color:var(--pri);text-underline-offset:3px}.sp-help{color:var(--color-body);margin:0;font-size:14px;line-height:1.45}.sp-bad input,.sp-bad textarea{border-color:#c2410c;box-shadow:0 0 0 4px #c2410c1a}.sp-err{color:#b3400b;margin:0;font-size:14px;line-height:1.4}.sp-form textarea{min-height:170px;font:400 14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.sp-form textarea::placeholder{color:#8a8a94}.sp-tag{background:var(--pri-tint);height:28px;color:var(--pri-ink);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:0 12px;font:600 13px/1 Instrument Sans,system-ui,sans-serif;display:inline-flex}.sp-ok{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 0 8px;display:flex}.sp-ok-ring{background:var(--pri-tint);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.sp-ok h2{font-size:30px}.sp-ok p{max-width:400px;font-size:16.5px}.sp-again{color:var(--color-body);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;margin-top:6px;font:500 14.5px/1 Instrument Sans,system-ui,sans-serif;text-decoration:underline}.sp-code{background:var(--color-ink);color:#c9cdd6;border-radius:16px;flex-direction:column;gap:8px;padding:22px;font:400 13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;overflow-x:auto}.sp-code div{white-space:nowrap}.sp-code b{color:var(--pri-soft);font-weight:600}.sp-code .hl{background:#ffffff12;border-radius:8px;margin:0 -10px;padding:6px 10px}.sp-cap{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sp-cap span{border:1px solid var(--color-border);height:28px;color:var(--color-ink);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font:500 13px/1 Instrument Sans,system-ui,sans-serif;display:inline-flex}@container page (max-width:600px){.sp-code{padding:16px;font-size:12.5px}}