.docs-page header {
  position:sticky;
  top:0;
  height:76px;
  z-index:4
}
.docs-header {
  max-width:1600px;
  padding:0 35px;
  margin:auto;
  height:100%;
  display:flex;
  align-items:center;
  gap:28px
}
.docs-label {
  padding-left:25px;
  border-left:1px solid var(--line);
  font-size:15px;
  color:var(--muted)
}
.back-home {
  margin-left:auto;
  font-size:14px;
  color:var(--muted)
}
.docs-layout {
  display:grid;
  grid-template-columns:275px minmax(0,820px) 200px;
  max-width:1500px;
  margin:auto;
  gap:45px;
  padding:0 35px
}
.docs-sidebar {
  position:sticky;
  top:76px;
  height:calc(100dvh - 76px);
  overflow-y:auto;
  padding:26px 18px 45px 0;
  border-right:1px solid var(--line);
  scrollbar-width:thin
}
.docs-sidebar section {
  margin-bottom:25px
}
.docs-sidebar h2,.docs-mobile-nav h2 {
  font-size:13px;
  color:var(--ink);
  line-height:1.6;
  margin:0 0 8px;
  font-weight:600
}
.docs-sidebar a,.docs-mobile-nav nav a {
  display:block;
  font-size:14px;
  padding:8px 12px;
  margin:2px 0;
  border-radius:5px;
  color:var(--muted);
  line-height:1.5
}
.docs-sidebar a:hover,.docs-mobile-nav nav a:hover {
  background:var(--soft);
  color:var(--blue)
}
.docs-sidebar a[aria-current],.docs-mobile-nav a[aria-current] {
  background:#eef1ff;
  color:var(--blue);
  font-weight:600
}
.docs-main {
  min-width:0;
  padding:43px 0 75px
}
.docs-breadcrumb {
  font-size:13px;
  color:var(--muted);
  margin:0 0 28px
}
.prose {
  font-size:17px;
  line-height:1.85;
  overflow-wrap:anywhere
}
.prose h1 {
  font-size:36px;
  line-height:1.3;
  letter-spacing:-1px;
  font-weight:600;
  margin:0 0 32px
}
.prose h2 {
  font-size:25px;
  font-weight:600;
  margin:42px 0 18px;
  line-height:1.4;
  scroll-margin-top:100px
}
.prose h3 {
  font-size:20px;
  font-weight:600;
  margin:30px 0 15px;
  scroll-margin-top:100px
}
.prose p {
  line-height:1.85;
  margin:18px 0;
  color:#37415a
}
.prose ul,.prose ol {
  padding-left:24px;
  color:#37415a
}
.prose li {
  padding-left:4px;
  margin:12px 0
}
.prose strong {
  color:var(--ink)
}
.prose a {
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:4px
}
.prose blockquote {
  border-left:3px solid var(--blue);
  padding:8px 22px;
  margin:25px 0;
  background:var(--soft)
}
.prose hr {
  border:0;
  border-top:1px solid var(--line);
  margin:35px 0
}
.table-scroll {
  overflow-x:auto;
  margin:25px 0
}
.prose table {
  border-collapse:collapse;
  min-width:100%;
  font-size:14px
}
.prose th,.prose td {
  padding:13px 15px;
  text-align:left;
  border:1px solid var(--line);
  min-width:180px;
  vertical-align:top;
  line-height:1.65
}
.prose th:first-child,.prose td:first-child {
  min-width:140px
}
.prose th {
  background:var(--soft);
  font-weight:600
}
.docs-toc {
  position:sticky;
  top:76px;
  height:max-content;
  max-height:calc(100dvh - 100px);
  overflow:auto;
  padding-top:45px;
  font-size:13px
}
.docs-toc strong {
  font-size:13px
}
.docs-toc ul {
  list-style:none;
  padding:0;
  margin:15px 0
}
.docs-toc ul ul {
  padding-left:13px
}
.docs-toc li {
  margin:12px 0;
  line-height:1.5;
  color:var(--muted)
}
.docs-toc a:hover {
  color:var(--blue)
}
.chapter-pagination {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:65px;
  padding-top:30px;
  border-top:1px solid var(--line)
}
.chapter-pagination a {
  border:1px solid var(--line);
  border-radius:8px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:9px
}
.chapter-pagination a:hover {
  border-color:var(--blue)
}
.chapter-pagination small {
  font-size:12px;
  color:var(--muted)
}
.chapter-pagination span {
  font-size:15px;
  line-height:1.5
}
.chapter-pagination>a:last-child {
  text-align:right
}
.coming-soon {
  font-size:30px;
  color:var(--blue);
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:10px;
  padding:48px 30px;
  margin:35px 0;
  letter-spacing:-.5px
}
.docs-mobile-nav {
  display:none
}
@media(max-width:1200px) {
  .docs-layout {
  grid-template-columns:245px minmax(0,1fr);
  gap:35px
}
.docs-toc {
  display:none
}

}
@media(max-width:1024px) {
  .docs-page header {
  height:76px
}
.docs-header {
  padding:0 20px;
  gap:14px
}
.docs-label,.back-home {
  display:none
}
.docs-header .language-picker {
  margin-left:auto
}
.docs-layout {
  display:block;
  padding:0 22px
}
.docs-sidebar {
  display:none
}
.docs-main {
  padding-top:22px
}
.docs-mobile-nav {
  display:block;
  border:1px solid var(--line);
  border-radius:7px;
  margin-bottom:28px;
  background:white
}
.docs-mobile-nav>summary {
  padding:13px 16px;
  cursor:pointer;
  color:var(--blue);
  font-size:14px
}
.docs-mobile-nav>nav {
  max-height:60dvh;
  overflow:auto;
  overscroll-behavior:contain;
  padding:10px 16px
}
.docs-mobile-nav section {
  margin-bottom:22px
}
.prose h1 {
  font-size:29px;
  letter-spacing:-.5px
}
.prose h2 {
  font-size:23px
}
.prose {
  font-size:16px
}
.docs-breadcrumb {
  font-size:12px
}
.chapter-pagination {
  gap:10px
}
.chapter-pagination a {
  padding:13px
}
.chapter-pagination span {
  font-size:14px
}
.coming-soon {
  padding:35px 22px
}

}


.docs-sidebar a, .docs-mobile-nav nav a  {
   min-height: 44px;
   display: flex;
   align-items: center;
   
}

.docs-group-title  {
   font-size: 13px;
   color: var(--ink);
   line-height: 1.6;
   margin: 0 0 8px;
   font-weight: 600;
   
}

.table-scroll  {
   overscroll-behavior-x: contain;
   
}

.prose pre  {
   overflow-x: auto;
   padding: 16px;
   background: var(--soft);
   
}

.docs-main, .chapter-pagination > *  {
   min-width: 0;
   
}

@media (max-width: 1024px)  {
  
 .docs-layout  {
   max-width: 820px;
   padding-inline: 28px;
   
}

 .docs-header  {
   padding-inline: 28px;
   
}

 .docs-main  {
   padding-top: 24px;
   
}

 .docs-mobile-nav > summary  {
   min-height: 48px;
   
}

 .docs-mobile-nav > nav  {
   padding: 16px;
   
}

 .prose h1  {
   font-size: 32px;
   
}


}

@media (max-width: 600px)  {
  
 .docs-layout, .docs-header  {
   padding-inline: 20px;
   
}

 .docs-header  {
   gap: 12px;
   
}

 .prose h1  {
   font-size: 28px;
   
}

 .prose h2  {
   font-size: 23px;
   
}

 .chapter-pagination  {
   gap: 10px;
   
}


}