.integration-detail{padding-top:24px;padding-bottom:72px}.detail-breadcrumb{display:flex;gap:10px;align-items:center;color:#72728a;font-size:.88rem;margin:12px 0 38px}.detail-breadcrumb a{color:inherit;text-decoration:none}.detail-breadcrumb a:hover{color:#554dc0}.detail-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);gap:48px;align-items:center;padding:34px 0 64px;border-bottom:1px solid #e5e4ee}.detail-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;max-width:850px;margin:18px 0}.detail-hero .lead{font-size:1.2rem;line-height:1.65;max-width:760px;color:#4a4a5c}.detail-audience{color:#69697b;font-size:.98rem;line-height:1.6;max-width:690px}.detail-actions{display:flex;gap:24px;align-items:center;margin-top:26px}.detail-identity{background:#f4f3fa;border:1px solid #e4e2f0;padding:28px;max-width:320px}.identity-mark{width:56px;height:56px;display:grid;place-items:center;background:#6259cf;color:white;font-size:1.45rem;font-weight:700;border-radius:14px}.detail-identity p{line-height:1.6;color:#555568}.detail-identity a,.detail-doc-link a,.detail-related a{color:#5148bd;text-decoration:none;font-weight:600}.detail-setup{padding:64px 0;border-bottom:1px solid #e5e4ee}.detail-section-heading{max-width:760px;margin-bottom:28px}.detail-section-heading h2,.detail-feature h2,.detail-permissions h2,.detail-faq-section h2,.detail-related h2{font-size:clamp(1.8rem,3.2vw,2.7rem);letter-spacing:-.04em;line-height:1.08;margin:12px 0}.detail-section-heading p,.detail-feature p,.detail-permissions p{color:#5b5b6c;line-height:1.75;max-width:760px}.detail-steps{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-step{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:22px;border:1px solid #e6e5ee;background:white}.step-number{color:#655bd0;font:600 1rem ui-monospace,monospace;padding-top:2px}.detail-step h3{font-size:1.03rem;margin:0 0 8px}.detail-step p{font-size:.95rem;line-height:1.65;color:#5c5c6c;margin:0}.detail-step code{font-size:.87em;word-break:break-word;background:#f3f2f7;padding:2px 5px;border-radius:3px}.detail-doc-link{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #ecebf2;color:#777789}.detail-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;padding:62px 0;border-bottom:1px solid #e5e4ee}.detail-feature:nth-of-type(even){grid-template-columns:.85fr 1.15fr}.detail-feature:nth-of-type(even) .detail-points{order:-1}.detail-points{margin:24px 0 0;padding:0;list-style:none}.detail-points li{padding:13px 0 13px 24px;border-bottom:1px solid #e9e8ef;color:#515163;line-height:1.55;position:relative}.detail-points li:before{content:"";width:7px;height:7px;border-radius:50%;background:#6b62d4;position:absolute;left:1px;top:21px}.detail-permissions{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:42px;margin:64px 0;background:#f5f4fa;border:1px solid #e5e3f0}.detail-permissions p{max-width:690px;margin-bottom:0}.detail-permissions>a{white-space:nowrap;color:#5148bd;text-decoration:none;font-weight:600}.detail-faq-section{padding:24px 0 64px;max-width:900px}.detail-faq-list{margin-top:26px;border-top:1px solid #e7e6ee}.detail-faq{border-bottom:1px solid #e7e6ee;padding:18px 0}.detail-faq summary{font-weight:650;cursor:pointer;line-height:1.5}.detail-faq p{color:#5b5b6c;line-height:1.7;max-width:800px}.detail-related{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:42px 0;border-top:1px solid #e5e4ee}.detail-related nav{display:flex;flex-wrap:wrap;gap:14px 24px}.detail-closing{background:#6259cf;color:white;padding:52px;margin:40px 0 0}.detail-closing h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin:14px 0}.detail-closing p{max-width:680px;line-height:1.65;color:#f0efff}.detail-closing .button{margin-top:14px}@media(max-width:780px){.detail-hero,.detail-feature,.detail-feature:nth-of-type(even){grid-template-columns:1fr;gap:20px}.detail-identity{max-width:none}.detail-steps{grid-template-columns:1fr}.detail-feature:nth-of-type(even) .detail-points{order:initial}.detail-permissions,.detail-related{display:block;padding:28px}.detail-permissions>a{display:inline-block;margin-top:18px}.detail-related nav{margin-top:24px}.detail-doc-link{display:block}.detail-doc-link a{display:block;margin-top:8px}.detail-actions{flex-wrap:wrap}.detail-closing{padding:32px 24px}}
.detail-code{margin:28px 0 34px;padding:22px;border:1px solid #e5e4ee;background:#f7f6fa}.detail-code h3{margin:0 0 8px;font-size:1.05rem}.detail-code p{margin:0 0 14px;color:#606071;line-height:1.6}.detail-code pre{margin:0;overflow-x:auto;padding:16px;background:#232332;color:#f2f1fa;line-height:1.6;font: .9rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.detail-code code{font:inherit;white-space:pre}
