.docs-layout{max-width:1480px;margin:auto;padding:32px 28px 72px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:44px}.docs-sidebar{align-self:start;position:sticky;top:105px;max-height:calc(100vh - 120px);overflow:auto;padding:6px 18px 18px 0}.docs-sidebar summary{font-weight:650;cursor:pointer;margin-bottom:20px}.docs-sidebar h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#536b7b;margin:22px 0 7px}.docs-sidebar ul,.docs-toc ul{list-style:none;padding:0;margin:0}.docs-sidebar li{margin:3px 0}.docs-sidebar a{display:block;padding:7px 10px;border-radius:6px;color:#354c5d;text-decoration:none;font-size:.9rem}.docs-sidebar a[aria-current]{background:#dce9f0;color:#233d50;font-weight:650}.docs-content{min-width:0;max-width:990px}.docs-breadcrumb{font-size:.8rem;margin:0 0 24px;color:#516578}.docs-search{padding:18px;background:#eaf1f5;border:1px solid #c4d5df;border-radius:10px;margin-bottom:30px}.docs-search label{display:block;font-weight:600;margin-bottom:8px}.docs-search>div:first-of-type{display:flex;gap:8px}.docs-search input{min-width:0;flex:1;border:1px solid #9bb1c0;border-radius:6px;padding:10px 12px;font:inherit;background:white;color:#283044}.docs-search button,.docs-copy{border:1px solid #9bb1c0;background:#fff;border-radius:6px;padding:8px 12px;font:inherit;color:#283044;cursor:pointer}.docs-search-hint{font-size:.78rem;color:#4c6272;margin:8px 0 0}.docs-search ul{padding-left:22px}.docs-search li p{font-size:.85rem;margin:4px 0 14px}.docs-article h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;margin-bottom:12px}.docs-intro{font-size:1.1rem;color:#4c6272}.docs-toc{border:1px solid #c4d5df;border-radius:8px;padding:16px 20px;margin:26px 0}.docs-toc summary{cursor:pointer;font-weight:600}.docs-toc ul{display:flex;flex-wrap:wrap;gap:7px 20px;margin-top:12px;font-size:.86rem}.docs-article{font-size:.97rem;line-height:1.8;overflow-wrap:anywhere}.docs-article h2{font-size:1.5rem;margin-top:42px;scroll-margin-top:115px}.docs-article h3{font-size:1.15rem;margin-top:25px;scroll-margin-top:115px}.docs-article li{margin-bottom:8px}.docs-article a,.docs-pagination a,.docs-breadcrumb a{color:#315f7a;text-underline-offset:3px}.docs-article code{font-size:.88em;background:#edf2f6;padding:2px 5px;border-radius:4px}.docs-article pre{position:relative;background:#edf2f6;border:1px solid #c4d5df;border-radius:8px;overflow:auto;padding:18px 18px 52px}.docs-article pre code{padding:0;white-space:pre;font-size:.85rem}.docs-copy{position:absolute;bottom:9px;right:9px;font-size:.8rem}.docs-article blockquote{border-left:4px solid #739cb5;background:#edf2f6;margin:22px 0;padding:10px 20px}.docs-article blockquote p{margin:5px 0}.docs-article table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.docs-article th,.docs-article td{border:1px solid #c4d5df;padding:9px 12px;text-align:left}.docs-article th{background:#e5eef4}.docs-pagination{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c4d5df;margin-top:42px;padding-top:22px}.docs-screenshot{margin:28px 0}.docs-screenshot img{display:block;width:100%;height:auto;border:1px solid #c4d5df;border-radius:8px}.docs-screenshot figcaption h3{font-size:1rem;margin:12px 0 3px}.docs-screenshot figcaption p{font-size:.82rem;color:#4c6272;margin:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #315f7a;outline-offset:3px}#gallery-image{min-width:0}@media(max-width:900px){.docs-layout{grid-template-columns:200px minmax(0,1fr);gap:22px;padding:24px 18px}.site-nav{flex-wrap:wrap}}@media(max-width:680px){.docs-layout{display:block;padding:18px 14px 45px}.docs-sidebar{position:static;max-height:none;padding:0;margin-bottom:24px}.docs-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.docs-content{width:100%}.docs-article{font-size:.93rem}.docs-search{padding:12px}.docs-pagination{font-size:.85rem}.docs-search input{width:100%}.docs-article ol,.docs-article ul{padding-left:23px}}

.docs-mobile-bar, .docs-toc-mobile { display: none; }
@media (min-width: 900px) {
  .docs-layout { grid-template-columns: 245px minmax(0,1fr); gap: 44px; padding: 32px 28px 72px; }
}
@media (max-width: 899px) {
  .docs-mobile-bar { display: block; border-bottom: 1px solid #bdced9; background: #e5eef4; }
  .docs-mobile-menu > summary { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 24px; gap: 2px 12px; padding: 12px 18px; min-height: 64px; list-style: none; cursor: pointer; }
  .docs-mobile-menu > summary::-webkit-details-marker { display: none; }
  .docs-mobile-menu > summary > span:first-child { font-size: .76rem; color: #4c6272; }
  .docs-mobile-menu > summary strong { grid-column: 1; font-size: .93rem; line-height: 1.5; color: #283044; overflow-wrap: anywhere; }
  .docs-menu-chevron { grid-column: 2; grid-row: 1 / 3; align-self: center; justify-self: center; font-size: 24px; }
  .docs-mobile-menu[open] .docs-menu-chevron { transform: rotate(180deg); }
  .docs-mobile-menu nav { padding: 0 14px 16px; border-top: 1px solid #bdced9; }
  .docs-mobile-menu nav section { margin-top: 20px; }
  .docs-mobile-menu nav h2 { font-size: .76rem; text-transform: uppercase; letter-spacing: .06em; color: #4c6272; margin: 0 8px 7px; }
  .docs-mobile-menu nav ul { list-style: none; padding: 0; margin: 0; }
  .docs-mobile-menu nav li { margin: 3px 0; }
  .docs-mobile-menu nav a { display: flex; align-items: center; min-height: 44px; padding: 9px 12px; border-radius: 6px; text-decoration: none; line-height: 1.5; font-size: .9rem; }
  .docs-mobile-menu nav a[aria-current="page"] { border-left: 3px solid #365d76; padding-left: 9px; background: #cbdde8; color: #233d50; font-weight: 700; }
  .docs-sidebar, .docs-toc-desktop { display: none; }
  .docs-layout { display: block; padding: 22px 18px 48px; }
  .docs-content { width: 100%; margin: 0 auto; }
  .docs-toc-mobile { display: block; }
  .docs-toc ul { display: block; }
  .docs-toc li a { display: block; padding: 7px 0; }
  .docs-breadcrumb { margin-bottom: 18px; }
}
@media (max-width: 360px) {
  .docs-layout { padding-inline: 14px; }
  .docs-mobile-menu > summary { padding-inline: 14px; }
}

@media (max-width: 899px) {
  .docs-mobile-menu nav { max-height: min(65vh, 620px); overflow-y: auto; overscroll-behavior: contain; scroll-padding-block: 12px; }
}

@media (max-width: 899px) {
  .docs-mobile-menu nav section > ul {
    margin-left: 12px;
    padding-left: 10px;
    border-left: 1px solid #b7cbd8;
  }
}