.integration-guide .docs-main{min-width:0}.integration-hero{margin-bottom:3rem}.integration-hero .docs-public{align-items:center;gap:.5rem;display:inline-flex}.integration-hero h1{text-wrap:balance;max-width:18ch;margin-top:1.25rem;line-height:1.12}.integration-meta{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.5rem 0;font-size:.82rem;display:flex}.integration-flow{border:1px solid var(--border);background:#f1f6f2;border-radius:14px;flex-wrap:wrap;gap:1rem;margin:1.75rem 0 0;padding:1.25rem;list-style:none;display:flex}.integration-flow li{flex:160px;align-items:center;gap:.65rem;font-size:.86rem;line-height:1.5;display:flex}.integration-flow-index{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:700}.integration-flow svg{color:var(--primary);flex-shrink:0;margin-inline-start:auto}.integration-guide .quickstart-prose ol{padding-inline-start:1.4rem;list-style:decimal}.integration-guide .quickstart-prose li{margin:.6rem 0}.integration-guide .quickstart-prose :not(pre)>code{overflow-wrap:anywhere}.integration-figures{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;margin:2rem 0;display:grid}.integration-guide .integration-screenshot{width:100%;min-width:0;max-width:640px;margin:0 auto}.integration-guide .integration-mini{max-width:440px}.integration-screenshot a{cursor:zoom-in;display:block}.integration-screenshot img{border:1px solid var(--border);background:#f4f4ed;border-radius:14px;width:100%;height:auto;display:block}.integration-screenshot figcaption{color:var(--muted);padding:.8rem .2rem 0;font-size:.79rem;line-height:1.7}.integration-screenshot figcaption span{color:var(--primary);margin-top:.25rem;display:block}.integration-guide[dir=rtl] .integration-flow svg{transform:scaleX(-1)}.integration-guide code{direction:ltr;unicode-bidi:isolate}.integration-finish{border:1px solid var(--border);background:#f1f6f2;border-radius:14px;align-items:flex-start;gap:1rem;padding:1.75rem;display:flex}.integration-finish>svg{color:var(--primary);flex-shrink:0}.integration-guide .integration-finish h2{margin:0 0 1rem;font-size:1.15rem}@media (min-width:1100px){.integration-figure-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.integration-hero h1{font-size:2.4rem}.integration-flow{flex-direction:column}.integration-flow li{flex-basis:auto}.integration-flow svg{display:none}.integration-figures{gap:2rem}.integration-guide .quickstart-prose table{min-width:480px}}.integration-guide .quickstart-breadcrumbs ol{padding:0;list-style:none}.integration-guide .integration-hero .docs-lead{color:var(--muted);font-size:17px;font-weight:400;line-height:1.9}.integration-guide .integration-flow{padding:1.25rem;list-style:none}