.learning-center-wrapper {
	max-width: 100%;
	margin: auto;
}

.lc-top-tabs {
	display: flex;
	background: #fbfbfb;
	gap: 10px;
	margin-bottom: 20px;
	padding: 14px 20px 0px 20px;
	position: sticky;
	top: 75px;
	z-index: 999;
	border-bottom: 1px solid #e5e7eb;
}

aside.lc-left-panel {
	border-right: 1px solid #ddd;
}

.lc-kb-tab {
	padding: 10px;
	cursor: pointer;
	background: transparent;
	border: 0px;
	color: #4c4c4c;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 13.5px;
}

.lc-kb-tab.active {
	color: #2d6ee1;
	border: 0px;
	border-bottom: 4px solid;
}

#lc-sidebar {
	min-height: 700px;
    line-height: 30px;
	padding: 20px;
}

ul.category-list,
ul.doc-list {
	padding-left: 12px;
}

#lc-content {
	flex: 1;

	padding: 30px;
}

.lc-search-box {
	padding: 15px;
	border-bottom: 1px solid #e5e7eb;
	background: #fff;
}

#lc-search {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}

#lc-search:focus {
	border-color: #2563eb;
}

.lc-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #6b7280;
	margin-bottom: 20px;
}

.lc-breadcrumb span {
	color: #6b7280;
}

.lc-breadcrumb .separator {
	color: #c4c4c4;
}

.page-template-page-learning-center div#content {
	padding-top: 0px !important;
}

.page-template-page-learning-center .content-wrapper.container {
	margin: auto;
	min-width: 100%;
}

.page-template-page-learning-center div#content {
	padding-top: 0px !important;
}
.category-list{
    list-style:none;
    margin:0;
    padding:0;
}

.doc-category{
    list-style:none;
    font-size: 14px;
}

.category-title{
    display:flex;
    align-items:center;
    gap:2px;
    cursor:pointer;
    font-weight:600;
    user-select:none;
}

.category-title:hover{
    background:#f8fafc;
}

.toggle-icon {
    display: inline-block;
    width: 16px;
    margin-right: 8px;
    font-size: 12px;
    color: #6b7280;
}

.toggle-icon::before {
    content: "\276F";   /* ▶ */
    transition: transform .2s ease;
}

.doc-category.open > .category-title .toggle-icon::before {
    content: "\276F";   /* ▼ */
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    transform: rotate(90deg);
}

.category-children{
    display:none;
    margin-left:18px;
}

.doc-category.open>.category-children{
    display:block;
}

/* Main Layout */
.lc-container {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-top: 80px;
}

/* Left Sidebar */
.lc-left-panel {
    min-width: 320px;
    position: sticky;
    top: 80px;              /* Change to match your header height */
    height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    border-right: 1px solid #e5e7eb;
    background: #fff;
}

li.doc-category {margin-top:4px}
li.doc-category:first-child {margin-top:0px}
li.doc-category::marker{color:#9bb8e9}
/* Right Content */
.lc-right-panel {
    flex: 1;
    min-width: 0;
}
.lc-left-panel::-webkit-scrollbar {
    width: 6px;
}

.lc-left-panel::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.lc-left-panel::-webkit-scrollbar-thumb {
    background: #c7c7c7;
    border-radius: 20px;
}

.lc-left-panel::-webkit-scrollbar-thumb:hover {
    background: #999;
}
li.doc-item > a {
    color: #54595F;
}
li.doc-item.active > a {
    color: #2d6ee1;
}
#lc-sidebar .category-list .category-children .category-title {font-weight:500}
@media (min-width: 992px){
    body.page-template-page-learning-center {
        font-size: 13.5px;
    }
}