.ba-docs { display:grid; grid-template-columns:210px minmax(0,1fr); gap:clamp(24px,5vw,72px); padding-block:48px 80px; align-items:start; }
.ba-docs-sidebar { position:sticky; top:92px; max-height:calc(100vh - 106px); overflow:auto; padding-right:12px; border-right:1px solid #e1e4f1; }
.ba-docs-sidebar nav { display:grid; gap:3px; }
.ba-docs-sidebar nav p { margin:18px 8px 3px; font-size:.76rem; font-weight:750; letter-spacing:.05em; text-transform:uppercase; color:#535b76; }
.ba-docs-sidebar a { display:block; padding:7px 9px; border-radius:8px; font-size:.88rem; color:#343d59; text-decoration:none; }
.ba-docs-sidebar a.ba-docs-nav-title { color:#241661; font-weight:800; font-size:1rem; }
.ba-docs-sidebar a:hover,.ba-docs-sidebar a[aria-current] { color:#3f27a0; background:#ece8ff; }
.ba-docs .ba-docs-content { width:100%; max-width:100%; margin:0; min-width:0; }
.ba-docs-content [id] { scroll-margin-top:100px; }
.ba-docs-hero { background:radial-gradient(ellipse at 92% 12%,#e3daff,transparent 52%),#f4f1ff; border:1px solid #e2d9fb; border-radius:24px; padding:clamp(22px,4vw,44px); margin-bottom:22px; }
.ba-docs-hero h1 { margin:0 0 10px; font-size:clamp(1.85rem,4.4vw,3.35rem); letter-spacing:-.045em; overflow-wrap:anywhere; }
.ba-docs-hero p { margin:0 0 20px; color:#373451; }
.ba-docs-hero p.ba-docs-label { color:#48329a; font-weight:750; font-size:.83rem; margin-bottom:10px; }
.ba-docs-search { position:relative; max-width:560px; }
.ba-docs-search label { display:block; font-size:.85rem; font-weight:700; margin-bottom:6px; }
.ba-docs-search input { width:100%; box-sizing:border-box; padding:13px 15px; border:1px solid #b4a6db; border-radius:12px; color:#211939; background:white; font:inherit; }
.ba-docs-search ul { position:absolute; z-index:5; top:100%; inset-inline:0; margin:6px 0 0; padding:6px; list-style:none; border:1px solid #ddd6f0; border-radius:12px; background:white; box-shadow:0 12px 35px #25145026; }
.ba-docs-search a { display:block; border-radius:7px; padding:9px 10px; }
.ba-docs-search a:hover,.ba-docs-search a:focus-visible { background:#f0ebff; }
.ba-docs-search-status { display:block; font-size:.86rem; color:#4e4768; }
.ba-docs-search-status:not(:empty) { margin-top:8px; }
.ba-docs-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:32px; }
.ba-docs-paths section { display:flex; flex-direction:column; align-items:flex-start; padding:22px; border:1px solid #e1def0; background:#fff; border-radius:18px; }
.ba-docs-paths h2 { font-size:1.18rem; margin:12px 0 6px; }
.ba-docs-paths p { margin:0 0 14px; color:#444c65; }
.ba-docs-symbol { display:grid; place-items:center; min-width:42px; height:42px; padding-inline:5px; border-radius:11px; background:#eee9ff; color:#472fa5; font-weight:800; }
.ba-docs-text-link { margin-top:10px; font-weight:700; font-size:.9rem; }
.ba-docs-content > .ba-form { border-radius:16px; }
.ba-docs-code-copy { display:block; margin:10px 0 4px auto; padding:6px 10px; border:1px solid #cfc7e7; border-radius:8px; background:#fff; color:#3f268c; font:inherit; font-size:.82rem; cursor:pointer; }
.ba-docs a:focus-visible,.ba-docs button:focus-visible,.ba-docs input:focus-visible { outline:2px solid #5941c3; outline-offset:2px; }
@media (max-width:850px) { .ba-docs { display:block; padding-block:20px 52px; } .ba-docs-sidebar { position:static; border:0; padding:0; margin-bottom:14px; } .ba-docs-sidebar nav { display:flex; flex-wrap:wrap; gap:5px; } .ba-docs-sidebar nav p,.ba-docs-sidebar a.ba-docs-nav-title { display:none; } .ba-docs-sidebar a { background:#eeedf7; } }
@media (max-width:520px) { .ba-docs-paths { grid-template-columns:1fr; } }