.sp-guide{padding-block:clamp(36px,5vw,72px) clamp(56px,7vw,104px)}.sp-guide .sp-guide__inner{display:grid;gap:32px;grid-template-columns:minmax(0,1fr);max-width:1180px}@media (min-width:1024px){.sp-guide .sp-guide__inner{align-items:start;gap:64px;grid-template-columns:236px minmax(0,780px)}}.sp-guide .sp-guide__toc{background:var(--sp-surface-2);border:1px solid var(--sp-line);border-radius:var(--sp-radius);font-family:var(--sp-font);font-size:14px;line-height:1.45;padding:18px 18px 16px}@media (min-width:1024px){.sp-guide .sp-guide__toc{background:transparent;border:0;border-radius:0;border-right:1px solid var(--sp-line);max-height:calc(100vh - 48px);overflow:auto;padding:0 20px 0 0;position:sticky;top:24px}}.sp-guide .sp-guide__toc-title{color:var(--sp-fg-muted);font:600 11.5px/1.2 var(--sp-mono);letter-spacing:.2em;margin:0 0 10px;text-transform:uppercase}.sp-guide .sp-guide__toc ol{list-style:none;margin:0;padding:0}.sp-guide .sp-guide__toc>ol>li{margin:0 0 7px}.sp-guide .sp-guide__toc>ol>li>a{color:var(--sp-fg);font-weight:600}.sp-guide .sp-guide__toc ol ol{border-left:1px solid var(--sp-line);margin:4px 0 8px 12px;padding-left:10px}.sp-guide .sp-guide__toc ol ol li{margin:0 0 4px}.sp-guide .sp-guide__toc a{color:var(--sp-fg-body);text-decoration:none}.sp-guide .sp-guide__toc a:hover{color:var(--sp-accent);text-decoration:underline;text-underline-offset:2px}.sp-guide .sp-guide__doc{color:var(--sp-fg-body);font-family:var(--sp-font);font-size:16.5px;line-height:1.6;min-width:0;text-wrap:pretty}.sp-guide .sp-guide__doc>:first-child{margin-top:0}.sp-guide .sp-guide__title{color:var(--sp-fg);font-family:var(--sp-font);font-size:clamp(32px,3.4vw,46px);font-variation-settings:"wdth" 90;font-weight:800;letter-spacing:-.02em;line-height:1.04;margin:0 0 18px}.sp-guide .sp-guide__doc h2{border-top:1px solid var(--sp-line);color:var(--sp-fg);font-family:var(--sp-font);font-size:clamp(24px,2.3vw,30px);font-variation-settings:"wdth" 92;font-weight:800;letter-spacing:-.015em;line-height:1.15;margin:52px 0 14px;padding-top:22px}.sp-guide .sp-guide__doc h3{color:var(--sp-fg);font-family:var(--sp-font);font-size:20px;font-weight:700;line-height:1.25;margin:34px 0 10px}.sp-guide .sp-guide__doc h4{color:var(--sp-fg-muted);font:600 12px/1.3 var(--sp-mono);letter-spacing:.14em;margin:24px 0 8px;text-transform:uppercase}.sp-guide .sp-guide__doc h2:hover .sp-guide__anchor,.sp-guide .sp-guide__doc h3:hover .sp-guide__anchor{opacity:1}.sp-guide .sp-guide__anchor{color:var(--sp-muted-3);font-weight:400;margin-left:8px;opacity:0;text-decoration:none;transition:opacity .15s}.sp-guide .sp-guide__anchor:after{content:"#"}.sp-guide .sp-guide__anchor:hover{color:var(--sp-accent)}.sp-guide .sp-guide__doc p{margin:0 0 14px}.sp-guide .sp-guide__doc>p:first-of-type{font-size:clamp(17px,1.3vw,19.5px);line-height:1.5}.sp-guide .sp-guide__doc strong{color:var(--sp-fg);font-weight:700}.sp-guide .sp-guide__doc a{color:var(--sp-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.sp-guide .sp-guide__doc a:hover{color:var(--sp-fg)}.sp-guide .sp-guide__doc ol,.sp-guide .sp-guide__doc ul{margin:0 0 16px;padding-left:22px}.sp-guide .sp-guide__doc li,.sp-guide .sp-guide__doc li>p{margin:0 0 6px}.sp-guide .sp-guide__doc li::marker{color:var(--sp-fg-muted)}.sp-guide .sp-guide__doc hr{border:0;border-top:1px solid var(--sp-line);margin:36px 0}.sp-guide .sp-guide__doc blockquote{background:var(--sp-surface-6);border-left:3px solid var(--sp-green-deep);border-radius:0 var(--sp-radius-sm) var(--sp-radius-sm) 0;font-size:15.5px;margin:0 0 18px;padding:12px 18px}.sp-guide .sp-guide__doc blockquote p:last-child{margin-bottom:0}.sp-guide .sp-guide__doc code{background:var(--sp-chip-bg);border-radius:4px;color:var(--sp-fg);font:500 .86em/1.4 var(--sp-mono);overflow-wrap:anywhere;padding:1px 5px}.sp-guide .sp-guide__doc pre{background:var(--sp-surface-2);border:1px solid var(--sp-line);border-radius:var(--sp-radius-sm);color:var(--sp-fg);font:400 13px/1.5 var(--sp-mono);margin:0 0 18px;overflow:auto;padding:14px 16px}.sp-guide .sp-guide__doc pre code{background:transparent;font:inherit;padding:0}.sp-guide .sp-guide__scroll{margin:0 0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--sp-line);border-radius:var(--sp-radius-sm)}.sp-guide .sp-guide__doc table{background:var(--sp-surface);border-collapse:collapse;font-size:14px;line-height:1.45;min-width:480px;width:100%}.sp-guide .sp-guide__doc thead th{background:var(--sp-surface-2);border-bottom:1px solid var(--sp-line);color:var(--sp-fg-muted);font:600 11.5px/1.3 var(--sp-mono);letter-spacing:.08em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.sp-guide .sp-guide__doc tbody td{border-bottom:1px solid var(--sp-line-soft);color:var(--sp-fg-body);padding:9px 12px;vertical-align:top}.sp-guide .sp-guide__doc tbody tr:last-child td{border-bottom:0}.sp-guide .sp-guide__doc tbody td:first-child{color:var(--sp-fg);font-weight:600;white-space:nowrap}.sp-guide .sp-guide__doc td code,.sp-guide .sp-guide__doc th code{white-space:nowrap}.sp-guide .sp-guide__doc .sp-guide__meta,.sp-guide .sp-guide__doc>p:last-child{color:var(--sp-fg-muted);font-size:13.5px}@media (max-width:640px){.sp-guide .sp-guide__doc{font-size:16px}.sp-guide .sp-guide__doc h2{margin-top:40px}.sp-guide .sp-guide__doc table{font-size:13.5px;min-width:420px}}