.bsk-help-sidebar { width: 310px; flex: 0 0 310px; padding: 0 36px 60px 0; color: var(--bsk-text-primary); }
.bsk-help-sidebar h4 { margin: 0; padding: 22px 0; color: var(--bsk-text-primary); font-size: 20px; font-weight: 800; line-height: 1.4; }
.bsk-help-sidebar-search { display: flex; width: 100%; height: 52px; padding: 0 16px; align-items: center; gap: 8px; border: 1px solid var(--bsk-border); border-radius: 12px; background: #fff; }
.bsk-help-sidebar-search img { display: block; width: 16px; height: 16px; opacity: .6; }
.bsk-help-sidebar-search input { width: 100%; height: 50px; padding: 0; border: 0; outline: 0; background: transparent; box-shadow: none; color: var(--bsk-text-primary); font: 500 16px/1.5 var(--bsk-font-base); }
.bsk-help-sidebar-search input::placeholder { color: var(--bsk-text-tertiary); }
.bsk-help-sidebar-tree { display: flex; margin-top: 28px; flex-direction: column; gap: 16px; }
.bsk-help-sidebar-node { min-width: 0; }
.bsk-help-sidebar-item { display: flex; min-width: 0; align-items: flex-start; gap: 8px; color: var(--bsk-text-secondary); }
.bsk-help-sidebar-item + .bsk-help-sidebar-children { margin-top: 16px; }
.bsk-help-sidebar-item button { position: relative; display: block; width: 16px; height: 25px; padding: 0; flex: 0 0 16px; border: 0; background: transparent; cursor: pointer; }
.bsk-help-sidebar-item button span,
.bsk-help-sidebar-leaf-arrow { display: block; width: 7px; height: 7px; flex: 0 0 7px; border-top: 1.5px solid var(--bsk-text-tertiary); border-right: 1.5px solid var(--bsk-text-tertiary); transform: rotate(45deg); transition: transform .2s ease, border-color .2s ease; }
.bsk-help-sidebar-item button span { position: absolute; top: 50%; left: 50%; transform: translate(-60%, -50%) rotate(45deg); }
.bsk-help-sidebar-leaf-arrow { margin: 9px 4.5px 0; }
.bsk-help-sidebar-leaf-arrow.is-expanded { transform: rotate(135deg); }
.bsk-help-sidebar-node.is-expanded > .bsk-help-sidebar-item button span { transform: translate(-50%, -65%) rotate(135deg); }
.bsk-help-sidebar-item a { min-width: 0; color: inherit; text-decoration: none; }
.bsk-help-sidebar-item.is-root a { font-size: 18px; font-weight: 800; line-height: 1.4; }
.bsk-help-sidebar-item.is-child a { font-size: 16px; font-weight: 400; line-height: 1.5; }
.bsk-help-sidebar-item.is-active { color: var(--bsk-text-primary); }
.bsk-help-sidebar-item.is-child.is-active a { font-weight: 600; }
.bsk-help-sidebar-item.is-active button span,
.bsk-help-sidebar-item.is-active .bsk-help-sidebar-leaf-arrow { border-color: var(--bsk-text-primary); }
.bsk-help-sidebar-children { display: flex; padding-left: 24px; flex-direction: column; gap: 16px; }
.bsk-help-sidebar-children[hidden] { display: none; }
.bsk-help-sidebar-articles { display: flex; margin: 12px 0 0; padding: 0 0 0 24px; flex-direction: column; gap: 12px; list-style: none; }
.bsk-help-sidebar-articles a { display: block; color: var(--bsk-text-tertiary); font-size: 14px; font-weight: 400; line-height: 1.5; text-decoration: none; }
.bsk-help-sidebar-articles a.is-active { color: var(--bsk-text-primary); font-weight: 600; }
.bsk-help-sidebar-articles a:hover,
.bsk-help-sidebar-articles a:focus { color: var(--bsk-primary); }