.mermaid-example-container[data-v-41230d84]{align-items:center;background-color:#1f2937;border-radius:.5rem;display:flex;justify-content:center;padding:1rem}[data-v-41230d84] .mermaid-example svg{height:auto;max-width:100%}.example-pair{margin-bottom:1.5rem}.example-label{color:var(--dim);font-size:.8125rem;font-weight:600;margin-bottom:8px}.example-grid{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.example-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.example-card-header{align-items:center;background:var(--raised);border-bottom:1px solid var(--border);display:flex;padding:7px 14px}.example-source{background:var(--surface);color:var(--dim);font-family:SF Mono,Fira Mono,monospace;font-size:.8125rem;line-height:1.7;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.example-preview,.example-source{overflow-x:auto;padding:14px 16px}.example-preview{font-size:.9375rem}.example-preview>*{color:var(--text)}.example-preview>*>:first-child{margin-top:0}.example-preview .mermaid-example-container{background:transparent;padding:0}.example-preview .mermaid-example svg,.example-preview svg{height:auto;max-width:100%}@media (max-width:900px){.example-grid{grid-template-columns:minmax(0,1fr)}}.guide-block{margin-bottom:2.75rem;scroll-margin-top:72px}.block-heading{border-bottom:1px solid var(--border);font-size:1.0625rem;font-weight:700;margin-bottom:10px;padding-bottom:10px}.block-desc{color:var(--dim);font-size:.9375rem;line-height:1.65;margin-bottom:1.25rem}.block-desc code{background:var(--raised);border-radius:3px;color:var(--orange);font-family:SF Mono,Fira Mono,monospace;font-size:.82em;padding:2px 5px}.code-lang{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.guide-callout{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--dim);display:flex;flex-wrap:wrap;font-size:.875rem;gap:4px;line-height:1.65;margin-bottom:1.25rem;padding:12px 16px}.shortcut-grid{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.shortcut-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:5px;display:flex;justify-content:space-between;padding:9px 14px}.shortcut-label{color:var(--dim);font-size:.875rem}.shortcut-keys{align-items:center;display:flex;gap:2px}.shortcut-kbd{align-items:center;background:var(--raised);border:solid var(--border);border-radius:3px;border-width:1px 1px 2px;color:var(--dim);display:inline-flex;font-family:SF Mono,monospace;font-size:.68rem;font-weight:600;height:22px;justify-content:center;min-width:26px;padding:0 6px}.shortcut-plus{color:var(--muted);font-size:.65rem;margin:0 1px}@media (max-width:600px){.shortcut-grid{grid-template-columns:1fr}}