.docs-header{position:sticky;z-index:60;top:0;padding:12px 0;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(22px)}.docs-topbar{display:flex;width:min(1240px,calc(100% - 40px));min-height:64px;align-items:center;gap:24px;margin:auto;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:20px;background:var(--panel-soft);box-shadow:0 15px 50px rgba(0,0,0,.18)}.docs-topbar nav{display:flex;gap:25px;margin-left:auto}.docs-topbar nav a{color:var(--muted);font-size:13px;font-weight:750}.docs-topbar nav a:hover{color:var(--text)}.documents-main{width:min(1240px,calc(100% - 40px));margin:auto;padding:70px 0 20px}.documents-intro{max-width:800px;margin-bottom:42px}.documents-intro>span,.document-view-head>span{color:#8d70ff;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.documents-intro h1{margin:13px 0 17px;font-size:clamp(48px,7vw,84px);line-height:.94;letter-spacing:-.07em}.documents-intro h1 em{color:#8d70ff;font-style:normal}.documents-intro p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.65}.documents-workspace{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.documents-sidebar{position:sticky;top:102px;display:grid;gap:7px;padding:17px;border:1px solid var(--line);border-radius:25px;background:var(--panel-soft);box-shadow:var(--shadow)}.documents-sidebar>span{padding:7px 10px 13px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.documents-sidebar button{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;min-height:60px;padding:8px;border:1px solid transparent;border-radius:15px;color:var(--muted);background:transparent;text-align:left;cursor:pointer;transition:.2s}.documents-sidebar button:hover,.documents-sidebar button.is-active{border-color:var(--line);color:var(--text);background:var(--panel)}.documents-sidebar button.is-active{box-shadow:0 10px 30px rgba(0,0,0,.15);transform:translateX(4px)}.documents-sidebar i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#8d70ff;background:rgba(141,112,255,.12);font-size:11px;font-style:normal;font-weight:900}.documents-sidebar b{font-size:13px;line-height:1.25}.documents-sidebar>a{display:grid;gap:4px;margin-top:10px;padding:16px;border:1px solid rgba(111,225,174,.22);border-radius:16px;background:rgba(80,213,151,.07)}.documents-sidebar>a small{color:var(--muted)}.documents-sidebar>a strong{color:#75e0b4;font-size:13px}.document-view{min-height:700px;padding:clamp(26px,5vw,52px);border:1px solid var(--line);border-radius:30px;opacity:0;background:radial-gradient(circle at 100% 0,rgba(141,112,255,.15),transparent 28%),var(--panel);box-shadow:var(--shadow);transform:translateY(12px);transition:opacity .35s,transform .35s}.document-view.is-visible{opacity:1;transform:none}.document-view-head h2{margin:12px 0 12px;font-size:clamp(34px,5vw,57px);line-height:1;letter-spacing:-.06em}.document-view-head p{max-width:700px;color:var(--muted);font-size:16px;line-height:1.65}.document-view-head small{display:block;margin-top:15px;color:var(--muted)}.document-sections{display:grid;gap:0;margin-top:34px}.document-sections section{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:25px 0;border-top:1px solid var(--line)}.document-sections i{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#8d70ff;background:rgba(141,112,255,.1);font-size:11px;font-style:normal;font-weight:900}.document-sections h3{margin:3px 0 8px;font-size:19px}.document-sections p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.document-support{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:20px;border:1px solid rgba(111,225,174,.22);border-radius:18px;background:rgba(80,213,151,.07)}.document-support small,.document-support b{display:block}.document-support small{color:var(--muted)}.document-support a{color:#75e0b4;font-weight:850}
@media(max-width:820px){.docs-topbar nav{display:none}.documents-main{padding-top:45px}.documents-workspace{grid-template-columns:1fr}.documents-sidebar{position:static;display:flex;overflow:auto;padding:10px}.documents-sidebar>span,.documents-sidebar>a{display:none}.documents-sidebar button{min-width:190px}.document-view{min-height:600px}}
@media(max-width:520px){.docs-topbar{width:min(100% - 24px,1240px)}.documents-main{width:min(100% - 28px,1240px)}.documents-intro h1{font-size:47px}.document-view{padding:24px 19px;border-radius:24px}.document-sections section{grid-template-columns:1fr}.document-support{align-items:flex-start;flex-direction:column}}