.docs-site-header { display:contents; }
.docs-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:64px; padding-block:40px 112px; align-items:start; min-height:calc(100dvh - 190px); }
.docs-sidebar { position:sticky; top:104px; display:flex; flex-direction:column; max-height:calc(100dvh - 132px); min-width:0; padding-right:24px; border-right:1px solid #303030; }
.docs-home { font-size:17px; font-weight:600; color:#f2f2f2; margin-bottom:22px; }
.docs-tools { display:flex; gap:8px; margin-bottom:18px; }
.docs-search { display:flex; align-items:center; gap:10px; min-width:0; width:100%; padding:11px 12px; border-radius:8px; background:#282828; color:#a3a3a3; }
.docs-search:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.docs-search .icon { width:17px; height:17px; flex-shrink:0; }
.docs-search input { width:100%; min-width:0; border:0; outline:0; padding:0; background:transparent; color:#eee; font:inherit; font-size:13px; }
.docs-search input::placeholder { color:#aaa; opacity:1; }
.docs-navigation { overflow-y:auto; min-height:0; overscroll-behavior:contain; scrollbar-width:none; padding:2px; margin-inline:-2px; }
.docs-navigation::-webkit-scrollbar { display:none; }
.docs-navigation ul { list-style:none; padding:0; margin:0; }
.docs-nav-group { margin-bottom:3px; }
.docs-nav-heading { display:flex; align-items:center; }
.docs-navigation a { display:block; padding:9px 10px; color:#acacac; font-size:13px; line-height:1.45; border-radius:6px; transition:background .15s,color .15s; }
.docs-nav-heading>a { flex:1; min-width:0; font-weight:500; }
.docs-navigation a:hover { color:#fff; background:#242424; }
.docs-navigation a[aria-current] { color:var(--on-accent); background:var(--accent); }
.docs-nav-heading button { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; padding:0; border:0; border-radius:5px; background:transparent; color:#aaa; }
.docs-nav-heading button:hover { background:#303030; color:#eee; }
.docs-nav-heading .icon { width:14px; height:14px; transition:transform .15s; }
.docs-nav-heading button[aria-expanded=true] .icon { transform:rotate(180deg); }
.docs-nav-group>ul { margin:3px 0 10px 11px; padding-left:10px; border-left:1px solid #383838; }
.docs-nav-group>ul[hidden] { display:none; }
.docs-nav-group>ul a { padding-block:7px; font-size:12px; }
.docs-back { display:flex; align-items:center; gap:9px; padding:18px 10px 0; margin-top:18px; border-top:1px solid #303030; color:var(--accent-text); font-size:13px; }
.docs-back .icon { width:16px; height:16px; }
.docs-results a { margin-bottom:8px; padding:12px; background:#222; }
.docs-results strong { display:block; color:#eee; font-size:14px; }
.docs-result-section { display:block; color:var(--accent-text); font-size:11px; margin-top:4px; }
.docs-result-snippet { display:block; margin-top:7px; color:#aaa; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.docs-no-results { padding:12px 8px; font-size:13px; color:#aaa; overflow-wrap:anywhere; }
.docs-menu-toggle { display:none; }
.docs-layout .documentation { width:100%; min-width:0; margin:0; font-size:15px; line-height:1.8; }
.docs-layout .documentation h1 { margin:0 0 20px; max-width:650px; font-size:36px; line-height:1.2; letter-spacing:-.8px; }
.docs-layout .documentation h2 { margin:56px 0 20px; padding-top:28px; border-top:1px solid #333; font-size:27px; letter-spacing:-.4px; }
.docs-layout .documentation h3 { margin:36px 0 16px; font-size:20px; }
.docs-layout .documentation :is(h2,h3) { scroll-margin-top:16px; }
.docs-layout .documentation p { margin:16px 0; }
.docs-layout .documentation li { margin-block:6px; }
.docs-layout .documentation :not(pre)>code { background:#26222d; padding:2px 5px; border-radius:4px; }
.docs-layout .documentation pre { border:0; padding:20px 22px; background:#222; line-height:1.7; }
.docs-layout .documentation th { background:#262626; color:#e5e5e5; font-weight:600; }
.docs-layout .documentation :is(td,th) { border-color:#353535; padding:12px 14px; vertical-align:top; }
.docs-layout .documentation a { text-underline-offset:3px; }
.docs-layout .documentation a:hover { text-decoration:underline; }
@media(max-width:1000px) {
  .docs-layout { grid-template-columns:225px minmax(0,1fr); gap:32px; }
  .docs-sidebar { padding-right:18px; }
}
@media(max-width:767px) {
  .docs-layout { display:block; padding-top:0; }
  .docs-sidebar { top:72px; z-index:2; max-height:none; padding:14px 0; border-right:0; border-bottom:1px solid #303030; background:#171717; margin-bottom:28px; }
  .docs-home,.docs-back { display:none; }
  .docs-tools { margin:0; }
  .docs-search { padding-block:13px; }
  .docs-menu-toggle { display:grid; place-items:center; width:44px; border:0; border-radius:8px; color:#eee; background:#333; flex-shrink:0; }
  .docs-navigation { display:none; position:absolute; top:100%; left:0; right:0; padding:12px; margin:0; max-height:60dvh; border-radius:0 0 8px 8px; background:#202020; box-shadow:0 18px 30px #0006; }
  .docs-navigation.is-open { display:block; }
  .docs-layout .documentation h1 { font-size:30px; letter-spacing:-.5px; }
  .docs-layout .documentation h2 { font-size:24px; margin-top:40px; }
  .docs-layout .documentation :is(h2,h3) { scroll-margin-top:76px; }
  .docs-layout .documentation table { font-size:13px; }
  .docs-layout .documentation :is(td,th) { padding:10px; }
}