.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}
.docs-nav{position:sticky;top:24px;padding:40px 12px 40px 4px;margin-left:-4px;max-height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;transition:scrollbar-color .2s}
/* The scrollbar is a slim thumb in the theme's colours, shown only while the menu is used. */
.docs-nav:hover,.docs-nav:focus-within{scrollbar-color:var(--line-strong) transparent}
.docs-nav::-webkit-scrollbar{width:6px}
.docs-nav::-webkit-scrollbar-track{background:transparent}
.docs-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.docs-nav:hover::-webkit-scrollbar-thumb,.docs-nav:focus-within::-webkit-scrollbar-thumb{background:var(--line-strong)}
.docs-search{margin:0 0 20px}
.docs-search input{box-sizing:border-box;width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:14px}
.docs-search input::placeholder{color:var(--faint)}
.docs-search input:hover{border-color:var(--line-strong)}
.docs-search input:focus{outline:none;border-color:var(--yellow)}
.docs-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.docs-search-results{margin-top:10px}
.docs-search-result{display:block;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px}
.docs-search-result:hover,.docs-search-result:focus-visible{border-color:var(--line-strong);background:var(--surface);outline:none}
.docs-search-result strong{font-weight:600}
.docs-search-kind{display:inline-block;margin-right:8px;padding:1px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;vertical-align:1px}
.docs-search-heading{color:var(--muted)}
.docs-search-result p{margin:4px 0 0;color:var(--faint);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.docs-search-empty{margin:0;padding:10px 12px;color:var(--muted);font-size:14px;font-style:italic}
.docs-nav.is-searching .docs-nav-group{display:none}
.docs-nav-group+.docs-nav-group{margin-top:8px}
.docs-nav-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;cursor:pointer;list-style:none;border-radius:6px}
.docs-nav-group summary::-webkit-details-marker{display:none}
.docs-nav-group summary::after{content:"";flex:none;width:6px;height:6px;margin-right:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);transition:transform .25s ease,border-color .15s}
.docs-nav-group[open]>summary::after{transform:rotate(45deg)}
.docs-nav-group summary:hover h2,.docs-nav-group[open]>summary h2{color:var(--text)}
.docs-nav-group summary:hover::after{border-color:var(--yellow)}
.docs-nav-group summary:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.docs-nav h2{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin:0;transition:color .15s}
.docs-nav-drawer{box-sizing:border-box;overflow:hidden;padding:4px 0 8px}
.docs-nav-group.is-animating>.docs-nav-drawer{transition:height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}
@media(prefers-reduced-motion:reduce){.docs-nav-group summary::after{transition:none}.docs-nav-group.is-animating>.docs-nav-drawer{transition:none}}
.docs-nav ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.docs-nav li a{display:block;margin-left:-1px;padding:6px 8px 6px 16px;border-left:1px solid transparent;color:var(--text);font-size:14px;text-decoration:none}
.docs-nav li a:hover{color:var(--yellow)}
.docs-nav li a:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px;border-radius:6px;color:var(--yellow)}
.docs-nav li a[aria-current="page"]{color:var(--yellow);border-left-color:var(--yellow)}
.docs-nav-empty{margin:0;padding-left:16px;border-left:1px solid var(--line);color:var(--muted);font-size:13px;font-style:italic;line-height:2}
.docs-content{max-width:780px;padding:36px 0 80px}
.docs-content h1{font-family:Manrope,sans-serif;font-size:clamp(36px,5vw,56px);line-height:1.15;letter-spacing:-2px;margin:18px 0 24px}
.docs-content p,.docs-content li{color:var(--muted);line-height:1.85;font-size:15px}
.docs-content .docs-intro{font-size:18px}
.docs-content section{margin-top:42px}
.docs-content h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.6px}
.docs-content p a,.docs-content li a{color:var(--yellow);text-decoration:underline;text-underline-offset:4px}
.docs-content pre{background:#0b162b;border:1px solid var(--line);border-radius:8px;font-size:14px}
.docs-content .button{margin-top:8px}
.docs-content ul{padding-left:22px}
.docs-content li{margin:14px 0}
.docs-content h3{font-family:Manrope,sans-serif;font-size:18px;margin:32px 0 0}
.docs-content pre{margin:18px 0}
.docs-content pre code{font-size:inherit;line-height:inherit;color:inherit}
.docs-content :not(pre)>code{font-size:.88em;padding:2px 6px;border-radius:5px;background:#0b162b;border:1px solid var(--line);color:var(--text)}
.docs-content strong{color:var(--text)}
.docs-article h2{margin:48px 0 0}
.docs-content ol{padding-left:22px}
/* On a phone the sidebar sits above the page, so it folds behind a button. */
.docs-nav-toggle{display:none}
@media(max-width:860px){.docs-layout{display:block}.docs-nav{position:static;max-height:none;overflow:visible;scrollbar-gutter:auto;padding:24px 0 0;margin-left:0}.docs-nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.docs-nav-toggle::after{content:"";flex:none;width:6px;height:6px;margin:-3px 4px 0 0;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .25s ease}.docs-nav-toggle:hover,.docs-nav-toggle[aria-expanded="true"]{border-color:var(--yellow)}.docs-nav-toggle[aria-expanded="true"]::after{margin-top:3px;transform:rotate(-135deg)}.docs-nav-toggle:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.docs-nav-menu{padding:20px 0 8px}.docs-nav.is-folded .docs-nav-menu{display:none}.version-picker{margin-bottom:16px}.docs-search{margin-bottom:12px}.docs-content{padding-top:20px}}
@media(max-width:600px){.docs-content{padding:24px 0 55px}.docs-content .docs-intro{font-size:16px}}
.docs-content pre .hl-comment{color:#7f8da8;font-style:italic}
.docs-content pre .hl-keyword{color:var(--yellow)}
.docs-content pre .hl-function{color:#8ecbff}
.docs-content pre .hl-module,.docs-content pre .hl-variant{color:var(--pink)}
.docs-content pre .hl-operator{color:#ff9d7a}
.docs-content pre .hl-string,.docs-content pre .hl-number{color:var(--mint)}
.version-picker{position:relative;margin:0 0 32px;font-size:14px}
.version-picker summary{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;padding:7px 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;list-style:none;font-weight:600}
.version-picker summary::-webkit-details-marker{display:none}
.version-picker summary::after{content:"▾";color:var(--muted);font-size:12px}
.version-picker[open] summary,.version-picker summary:hover{border-color:var(--yellow)}
.version-picker ul{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;box-sizing:border-box;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.version-picker li a{display:block;margin:0;padding:7px 10px;border:0;border-radius:6px;color:var(--text);text-decoration:none}
.version-picker li a:hover{background:#1c2c4b;color:var(--yellow)}
.version-picker li a[aria-current="page"]{color:var(--yellow)}
.version-banner{margin:56px 0 -32px;padding:14px 18px;border:1px solid #5a4a1c;border-radius:8px;background:#2a2615;color:var(--text);font-size:15px;line-height:1.6}
.version-banner a{color:var(--yellow);text-decoration:underline;text-underline-offset:4px}
.docs-since{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 9px;border:1px solid var(--mint);border-radius:999px;color:var(--mint);font:600 11px/1.6 'DM Sans',sans-serif;letter-spacing:.8px;text-transform:uppercase}
.docs-packages{border-collapse:collapse;margin:18px 0;font-size:14px;min-width:320px}
.docs-packages th,.docs-packages td{padding:8px 16px 8px 0;border-bottom:1px solid var(--line);text-align:left}
.docs-packages th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.docs-packages td{color:var(--text)}
.docs-content .docs-install{padding:14px 18px;overflow:auto;font-size:13px}