.sp{max-width:720px}.sp-tabs{font-size:var(--s-small);gap:24px;display:flex}.sp-tabs [role=tab]{font:500 var(--s-small)/1.4 var(--font);color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:10px;padding:8px 0;transition:color .15s;display:inline-flex}.sp-tabs [role=tab]:before{content:"";background:var(--surface-2);flex:0 0 8px;height:8px;transition:background-color .15s;transform:translateY(-1px)}.sp-tabs [role=tab][aria-selected=true]{color:var(--ink)}.sp-tabs [role=tab][aria-selected=true]:before{background:var(--accent)}@media (hover:hover) and (pointer:fine){.sp-tabs [role=tab]:hover{color:var(--ink)}}.sp-panel{margin-top:10px}.sp-box{background:var(--surface);border-radius:var(--r);align-items:flex-start;gap:16px;padding:16px 16px 16px 18px;display:flex}.sp-prompt{font:.875rem/1.6 var(--mono);color:var(--ink);overflow-wrap:anywhere;flex:1}.sp-copy{height:36px;font:600 var(--s-small)/1 var(--font);color:var(--accent-ink);background:var(--accent);border-radius:var(--r);cursor:pointer;transition:transform .16s var(--ease-out),background-color .18s ease;border:0;flex:none;padding:0 14px;display:inline-grid;position:relative}.sp-copy>span{grid-area:1/1;align-self:center;transition:opacity .15s}.sp-copy .sp-done,.sp-copy[data-copied]>span:first-child{opacity:0}.sp-copy[data-copied] .sp-done{opacity:1}.sp-copy:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.sp-copy:hover{background:var(--accent-strong)}}.sp-note{font-size:var(--s-small);color:var(--muted);max-width:40em;margin-top:12px}.sp-note+.sp-note{margin-top:6px}.sp-note .link,.sp-note .ic{color:var(--ink)}.sp-cmd{background:var(--surface);border-radius:var(--r);font:.875rem/1.6 var(--mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;padding:12px 16px 12px 18px}html:not(.js) .sp-panel[hidden]{margin-top:24px;display:block}@media (max-width:640px){.sp-box{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){.sp-copy{transition-property:background-color}}.setup{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);margin-top:clamp(64px,8vw,112px);display:grid}.setup h2{font-size:var(--s-head);grid-column:1/span 4;line-height:1.12}.setup .sp{grid-column:5/span 8}.setup+.statement{margin-top:clamp(64px,8vw,112px)}@media (max-width:1100px){.setup h2,.setup .sp{grid-column:1/-1}.setup .sp{margin-top:24px}}.tell-sp{margin:16px 0 28px}.ag .tell .sp .sp-prompt{margin:0}.ag .tell .sp .sp-note{margin-top:12px}.ag .tell .sp .sp-note+.sp-note{margin-top:6px}