.knowledgebase-container{display:flex;flex-direction:row;gap:20px;justify-content:flex-start;margin-top:20px}.sidebar{background-color:#fff;border-radius:6px;padding:10px 15px;width:284px}.knowledgebase-content{background-color:#fff;flex-grow:1;max-width:calc(100% - 284px);padding:20px}.content{color:#333;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}.menu--vertical{list-style:none;margin:0;padding-left:0}.menu__item{margin:0}.menu__link{align-items:center;border-left:4px solid transparent;border-radius:4px;color:#4b5563;display:flex;font-size:14px;padding:8px 12px;text-decoration:none;transition:background .2s ease,color .2s ease}.menu__link:focus,.menu__link:hover{background-color:#f3f4f6;color:#1f2937}.menu__arrow{font-size:12px;margin-left:auto;transform:rotate(0deg);transition:transform .2s ease}.menu__item.open>.menu__link .menu__arrow{transform:rotate(90deg)}.submenu-container{display:none;padding-left:15px}.menu__item.open>.submenu-container{display:block;max-height:1000px;transition:max-height .3s ease-out}.menu__item.is-active>.menu__link{background-color:#e5e7eb;color:#1f2937;font-weight:600}@media screen and (max-width:768px){.sidebar{width:100%}.knowledgebase-container{flex-direction:column}.sidebar__nav{display:none}.knowledgebase-sidebar{margin-bottom:20px;max-width:100%;position:relative;width:100%}.knowledgebase-content{max-width:100%}.sidebar__nav.visible{display:block}}@media screen and (min-width:769px){.knowledgebase-container{flex-direction:row}.sidebar__nav{display:block}.toggle-sidebar{display:none!important}}