.docs-hero,.docs-detail-hero{overflow:hidden}
.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.docs-card{display:flex;flex-direction:column;min-width:0}
.docs-card h2{font-size:1.22rem;line-height:1.25;margin:.7rem 0}
.docs-card p{flex:1;color:#4f5b6d}
.docs-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:40px;align-items:start}
.docs-content{padding-top:0}
.docs-content section{scroll-margin-top:110px;padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid rgba(20,29,45,.09)}
.docs-content section:last-child{border-bottom:0}
.docs-meta{margin-top:22px}
.docs-steps{counter-reset:docs-step;list-style:none!important;padding-left:0!important;display:grid;gap:12px}
.docs-steps li{position:relative;padding:14px 16px 14px 54px;background:#fff;border:1px solid rgba(20,29,45,.08);border-radius:14px}
.docs-steps li:before{counter-increment:docs-step;content:counter(docs-step);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#7659e8;color:#fff;font-weight:800}
.docs-warning{margin:18px 0;padding:16px 18px;border-radius:14px;background:rgba(122,99,225,.09);border:1px solid rgba(122,99,225,.17);color:#384358}
.docs-side{display:grid;gap:18px}
.docs-toc nav{display:grid;gap:4px;margin-top:10px}
.docs-toc a{display:block;padding:9px 10px;border-radius:9px;text-decoration:none;color:#3d495d}
.docs-toc a:hover{background:rgba(122,99,225,.08);color:#6b4fe0}
.docs-callout{max-width:980px;margin:0 auto}
.docs-content code,.docs-side code{font-size:.88em}
@media(max-width:980px){.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{grid-template-columns:1fr}.docs-side{position:static}}
@media(max-width:640px){.docs-grid{grid-template-columns:1fr}.docs-steps li{padding-left:50px}.docs-content section{scroll-margin-top:85px}}