.guide-content{--g-ground: var(--background);--g-surface: var(--background-secondary);--g-code-bg: var(--background-tertiary);--g-ink: var(--foreground);--g-ink-2: var(--foreground-muted);--g-off: var(--foreground-subtle);--g-rule: var(--border);--g-rule-strong: var(--foreground);--g-accent: var(--brand-600);--g-accent-soft: color-mix(in srgb, var(--brand-500) 14%, var(--background));--g-alt: var(--info-foreground);--g-alt-soft: color-mix(in srgb, var(--info) 14%, var(--background));--g-ok: var(--success-foreground);--g-ok-soft: color-mix(in srgb, var(--success) 16%, var(--background));--g-warn: var(--warning-foreground);--g-warn-soft: color-mix(in srgb, var(--warning) 20%, var(--background));--g-err: var(--error-foreground);--g-err-soft: color-mix(in srgb, var(--error) 14%, var(--background))}.dark .guide-content{--g-accent: var(--brand-400);--g-alt: var(--info);--g-ok: var(--success);--g-warn: var(--warning);--g-err: var(--error)}.guide-numbered{counter-reset:g-sec}.guide-numbered>h2{counter-increment:g-sec;counter-reset:g-sub}.guide-numbered>h2:before{content:"§" counter(g-sec);margin-right:.6em;font-family:var(--font-mono);font-size:.5em;font-weight:600;color:var(--g-accent);vertical-align:.3em}.guide-numbered>h3{counter-increment:g-sub}.guide-numbered>h3:before{content:counter(g-sec) "." counter(g-sub);margin-right:.6em;font-family:var(--font-mono);font-size:.65em;font-weight:600;color:var(--g-ink-2)}.guide-content h2,.guide-content h3{scroll-margin-top:6rem}.guide-content table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;font-size:.9em;margin:1.25em 0 1.75em}.guide-content th,.guide-content td{text-align:left;vertical-align:top;padding:.5em .9em .5em 0;border-bottom:1px solid var(--g-rule)}.guide-content th{font-family:var(--font-mono);font-size:.72em;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--g-ink-2);border-bottom:1.5px solid var(--g-rule-strong)}.guide-content td code{overflow-wrap:anywhere}.guide-figure{margin:1.5em 0 2em}.guide-figure .fig-scroll{overflow-x:auto;background:var(--g-surface);border:1px solid var(--g-rule);border-radius:var(--radius-lg);padding:14px}.guide-figure svg{display:block;width:100%;height:auto;min-width:560px;color:var(--g-ink)}.guide-figure figcaption{font-size:.875em;color:var(--g-ink-2);margin-top:.5em}.guide-content .svg-box{fill:var(--g-surface);stroke:currentColor;stroke-width:1.3}.guide-content .svg-box.acc{fill:var(--g-accent-soft);stroke:var(--g-accent)}.guide-content .svg-box.alt{fill:var(--g-alt-soft);stroke:var(--g-alt)}.guide-content .svg-box.warn{fill:var(--g-warn-soft);stroke:var(--g-warn)}.guide-content .svg-box.err{fill:var(--g-err-soft);stroke:var(--g-err)}.guide-content .svg-box.dash{fill:none;stroke:var(--g-ink-2);stroke-dasharray:4 3}.guide-content .svg-box.code{fill:var(--g-code-bg);stroke:none}.guide-content .svg-label{font-family:var(--font-mono);font-size:11.5px;fill:currentColor}.guide-content .svg-sub{font-family:var(--font-mono);font-size:10px;fill:var(--g-ink-2)}.guide-content .svg-big{font-family:var(--font-mono);font-size:11px;font-weight:600;fill:var(--g-accent)}.guide-content .svg-code{font-family:var(--font-mono);font-size:12px;fill:currentColor}.guide-content .svg-comment{font-family:var(--font-mono);font-size:12px;font-style:italic;fill:var(--g-ink-2)}.guide-content .svg-edge{stroke:var(--g-ink-2);stroke-width:1.3;fill:none}.guide-content .svg-edge.dash{stroke-dasharray:4 3}.guide-content .svg-edge.accent{stroke:var(--g-accent);stroke-width:1.5}.guide-content .svg-edge.alt{stroke:var(--g-alt);stroke-width:1.6;stroke-dasharray:5 3}.guide-content .svg-head{fill:var(--g-ink-2)}.guide-content .svg-head.accent{fill:var(--g-accent)}.guide-content .svg-head.alt{fill:var(--g-alt)}.guide-code{margin:1.25em 0 1.75em}.guide-code .cap{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:.72rem;color:var(--g-ink-2);padding:0 2px 6px}.guide-code pre{margin:0!important}.guide-steps>ol{list-style:none!important;padding:0!important;margin:1em 0 1.5em!important;counter-reset:g-step}.guide-steps>ol>li{counter-increment:g-step;position:relative;padding:.55em 0 .55em 2.2em;margin:0!important;border-top:1px solid var(--g-rule)}.guide-steps>ol>li:first-child{border-top:0}.guide-steps>ol>li:before{content:counter(g-step);position:absolute;left:0;top:.65em;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--g-accent);border:1.5px solid var(--g-accent);border-radius:50%;width:1.9em;height:1.9em;display:grid;place-items:center}.guide-steps>ol>li>p{margin:0}.guide-bench{margin:1.5em 0 2em;border:1.5px solid var(--g-rule-strong);border-radius:var(--radius-lg);background:var(--g-surface);color:var(--g-ink);font-size:15px;line-height:1.5;overflow:hidden}.guide-bench button{font:inherit;color:inherit}.guide-bench .bench-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;align-items:baseline;padding:12px 16px;border-bottom:1px solid var(--g-rule)}.guide-bench .bench-head h4{margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-ink)}.guide-bench .bench-head p{margin:0;font-size:14px;color:var(--g-ink-2);max-width:56ch}.guide-bench .group-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--g-ink-2);margin:14px 0 6px}.guide-bench .group-label:first-child{margin-top:0}.guide-bench .chips{display:flex;flex-wrap:wrap;gap:5px}.guide-bench .chip{font:600 12px/1 var(--font-mono);padding:6px 9px;border:1px solid var(--g-rule);border-radius:3px;background:var(--g-ground);color:var(--g-ink-2);cursor:pointer}.guide-bench .chip[aria-pressed=true]{border-color:var(--g-accent);background:var(--g-accent-soft);color:var(--g-ink)}.guide-bench .chip:hover{border-color:var(--g-ink-2)}.guide-bench .btn{font:600 12.5px/1 var(--font-mono);padding:8px 11px;border-radius:3px;border:1px solid var(--g-rule-strong);background:transparent;color:var(--g-ink);cursor:pointer}.guide-bench .btn:hover{background:var(--g-accent-soft)}.guide-bench :focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.guide-content>h2{font-size:var(--font-size-3xl);line-height:1.15;padding-top:1.25em;border-top:1px solid var(--g-rule)}.guide-content>h2:first-child{padding-top:0;border-top:0}.guide-content>h3{font-size:var(--font-size-xl);line-height:1.25}.guide-content h4{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--g-ink-2)}