.guide-fig{margin:.35rem 0 1.5rem;padding:14px 16px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow-x:auto}.guide-fig figcaption{margin:0 0 8px;font:600 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.guide-fig .sx{width:max-content;max-width:100%;overflow:visible}.guide-fig .sx-title{font-family:var(--font-sans);letter-spacing:-.02em}.guide-fig .sx-body{min-width:0}.guide-fig .sx:not(:has([data-rail])) .sx-body{padding:0}.guide-fig .sx:has([data-rail]) .sx-body{padding:0 48px 28px 0}.guide-fig .sx code{background:transparent;border:0;padding:0;color:inherit;font:inherit}.guide-pair{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:12px;margin:.35rem 0 1.5rem;justify-content:start}.guide-pair .guide-fig{margin:0}@media(max-width:50rem){.guide-pair{grid-template-columns:1fr}}