.sg{display:grid;gap:.875rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1rem}.sg-title{margin:0;font-size:1.375rem;line-height:1.2;font-weight:800;letter-spacing:-.01em;text-wrap:balance}.sg-lead{margin:0;font-size:1rem;line-height:1.4;color:var(--text-muted)}.sg-lead strong{color:var(--text)}.sg-steps{list-style:none;margin:0;padding:0;display:grid;gap:.875rem}.sg-step{display:grid;grid-template-columns:2.25rem 1fr;gap:.75rem;align-items:start}.sg-num{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;font-size:1.0625rem}.sg-tap{font-size:1.125rem;line-height:1.3;font-weight:700;padding-top:.25rem}.sg-note{margin-top:.125rem;font-size:.9375rem;line-height:1.4;color:var(--text-muted)}.sg-glyph{display:inline-block;width:1.25rem;height:1.25rem;vertical-align:-.2rem;color:var(--accent)}.sg-then{margin:0;padding:.75rem .875rem;border-radius:.75rem;font-size:1rem;line-height:1.4;background:color-mix(in srgb,var(--accent) 10%,transparent)}.sg-tracks{display:inline-flex;justify-self:start;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px}.sg-track{border:0;background:none;font:inherit;font-size:.875rem;font-weight:600;color:var(--text-muted);padding:.375rem .875rem;border-radius:999px;cursor:pointer;min-height:2.25rem}.sg-track.is-on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgb(0 0 0/.12)}.sg-wrap{display:grid;gap:.75rem}