.ikbase-style-classic {
	--ikbase-classic-border: #e1e5eb;
	--ikbase-classic-muted: #6f7a8b;
	--ikbase-classic-blue: #0878f9;
	--ikbase-classic-sidebar: 224px;
	width: 100%;
	min-height: 70vh;
	background: #fff;
	color: #111827;
	font-family: var(--ikbase-font-family);
}

.ikbase-style-classic *,
.ikbase-style-classic *::before,
.ikbase-style-classic *::after {
	box-sizing: border-box;
}

.ikbase-classic-search-header {
	display: flex;
	justify-content: center;
	min-height: 48px;
	padding: 4px 16px;
	border-bottom: 1px solid var(--ikbase-classic-border);
	position: relative;
	z-index: 50;
}

.ikbase-classic-search-form {
	position: relative;
	width: min(448px, 100%);
	z-index: 51;
}

.ikbase-classic-search-form > .dashicons {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 13px;
	width: 17px;
	height: 17px;
	margin-top: -8px;
	font-size: 17px;
	color: #778293;
}

.ikbase-classic-search-form input[type="search"] {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 14px 0 41px;
	border: 1px solid #d7dce4;
	border-radius: 8px;
	outline: 0;
	background: #f8f9fb;
	box-shadow: none;
	color: #172033;
	font-size: 13px !important;
}

.ikbase-classic-search-form input[type="search"]:focus {
	border-color: #9cc6fb;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(8, 120, 249, .1);
}

.ikbase-classic-search-form .ikbase-search-results:empty {
	display: none;
}

.ikbase-style-classic .ikbase-classic-search-form.ikbase-search-focused {
	transform: none;
	box-shadow: none !important;
}

.ikbase-style-classic .ikbase-classic-search-form .ikbase-search-dropdown {
	top: calc(100% + 5px);
	right: 0;
	left: 0;
	z-index: 10000;
	max-height: 326px;
	border: 1px solid #dfe3e9;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(15, 23, 42, .14);
	overflow: hidden;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-header,
.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-footer {
	display: none;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-results {
	max-height: 305px;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-item {
	padding: 10px 15px;
	border-bottom: 1px solid #e5e7eb;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-item:hover {
	padding-left: 15px;
	background: #f8fafc;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-item::before {
	display: none;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-title {
	margin: 0 0 3px !important;
	color: #202938;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-excerpt {
	display: block;
	overflow: hidden;
	margin: 0 !important;
	color: #788395;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ikbase-style-classic .ikbase-search-dropdown .ikbase-dropdown-meta {
	display: none;
}

.ikbase-classic-shell {
	display: grid;
	grid-template-columns: var(--ikbase-classic-sidebar) minmax(0, 1fr);
	min-height: calc(100vh - 48px);
}

.ikbase-classic-sidebar {
	min-width: 0;
	padding: 12px 12px 36px;
	border-right: 1px solid var(--ikbase-classic-border);
	background: #fcfdff;
}

.ikbase-classic-nav-group {
	margin: 0 0 16px;
}

.ikbase-classic-nav-group .ikbase-classic-nav-group {
	margin: 0;
}

.ikbase-classic-nav-heading {
	display: block;
	margin: 0 0 5px;
	padding: 4px 8px;
	border-radius: 4px;
	color: #667386;
	font-size: 11px !important;
	font-weight: 750;
	line-height: 1.25 !important;
	letter-spacing: .025em;
	text-decoration: none;
	text-transform: uppercase;
}

h2.ikbase-classic-nav-heading {
	font-family: inherit;
	font-size: 11px !important;
	font-weight: 750 !important;
}

.ikbase-classic-nav-accordion {
	border: 0;
}

.ikbase-classic-nav-accordion > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	cursor: pointer;
	list-style: none;
}

.ikbase-classic-nav-accordion > summary::-webkit-details-marker {
	display: none;
}

.ikbase-classic-nav-chevron {
	flex: 0 0 6px;
	width: 6px;
	height: 6px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .18s ease;
}

.ikbase-classic-nav-accordion[open] > summary .ikbase-classic-nav-chevron {
	transform: rotate(225deg) translate(-1px, -1px);
}

.ikbase-classic-nav-panel {
	padding-top: 2px;
}

.ikbase-classic-nav-accordion:not([open]) > .ikbase-classic-nav-panel {
	display: none;
}

.ikbase-classic-nav-heading.is-active {
	background: #eaf2ff;
	color: var(--ikbase-classic-blue);
}

.ikbase-classic-nav-link {
	display: block;
	margin: 0;
	padding: 4px 8px 4px 16px;
	border-radius: 4px;
	color: #6d788a;
	font-size: 12px !important;
	font-weight: 400;
	line-height: 1.35 !important;
	text-decoration: none;
}

.ikbase-classic-depth-2 .ikbase-classic-nav-link {
	padding-left: 25px;
}

.ikbase-classic-nav-link:hover,
.ikbase-classic-nav-link.is-active {
	background: #eef4fd;
	color: #116fd8;
}

.ikbase-classic-sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ikbase-classic-main {
	min-width: 0;
	padding: 20px 24px 60px;
}

.ikbase-classic-topic-header {
	margin: 0 0 15px;
}

.ikbase-classic-topic-header h1 {
	margin: 0 0 3px;
	color: #0f172a;
	font-family: inherit;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.ikbase-classic-topic-header p {
	margin: 0;
	color: var(--ikbase-classic-muted);
	font-size: 12px !important;
	line-height: 1.5;
}

.ikbase-classic-article-list {
	overflow: hidden;
	border: 1px solid var(--ikbase-classic-border);
	border-radius: 8px;
}

.ikbase-classic-article-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	min-height: 66px;
	margin: 0;
	padding: 10px 14px 10px 16px;
	border-bottom: 1px solid var(--ikbase-classic-border);
	background: #fff;
}

.ikbase-classic-article-row:last-child {
	border-bottom: 0;
}

.ikbase-classic-article-row:hover {
	background: #fbfcfe;
}

.ikbase-classic-article-copy {
	min-width: 0;
	text-decoration: none;
}

.ikbase-classic-article-copy h2 {
	margin: 0 0 3px;
	color: #111827;
	font-family: inherit;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

.ikbase-classic-article-copy p {
	overflow: hidden;
	margin: 0;
	color: var(--ikbase-classic-muted);
	font-size: 11px !important;
	line-height: 1.4 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ikbase-classic-article-meta,
.ikbase-classic-article-meta span {
	display: flex;
	align-items: center;
}

.ikbase-classic-article-meta {
	gap: 12px;
	color: #737f90;
	font-size: 11px;
	white-space: nowrap;
}

.ikbase-classic-article-meta span {
	gap: 4px;
}

.ikbase-classic-article-meta .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
}

.ikbase-classic-tag {
	padding: 3px 7px;
	border-radius: 999px;
	background: #f5f7fa;
	color: #394457;
}

.ikbase-classic-empty {
	padding: 32px;
	border: 1px solid var(--ikbase-classic-border);
	border-radius: 8px;
	text-align: center;
}

.ikbase-classic-article-shell {
	display: grid;
	grid-template-columns: var(--ikbase-classic-sidebar) minmax(0, 1fr) 192px;
	min-height: calc(100vh - 1px);
	border-top: 1px solid var(--ikbase-classic-border);
}

.ikbase-classic-article-main {
	min-width: 0;
	max-width: 1000px;
	padding: 18px 24px 70px;
}

.ikbase-classic-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin-bottom: 25px;
	color: #738094;
	font-size: 12px !important;
}

.ikbase-classic-breadcrumbs a {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	color: #667386;
	text-decoration: none;
}

.ikbase-classic-breadcrumbs a:hover {
	color: var(--ikbase-classic-blue);
}

.ikbase-classic-breadcrumbs .dashicons {
	width: 15px;
	height: 15px;
	font-size: 15px;
}

.ikbase-classic-article-meta {
	margin-bottom: 24px;
	font-size: 12px !important;
}

.ikbase-classic-article-title {
	margin: 0 0 26px;
	color: #0b1220;
	font-family: inherit;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.ikbase-style-classic .ikbase-article-body {
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #202938;
	font-size: 15px !important;
	line-height: 1.65 !important;
}

.ikbase-style-classic .ikbase-article-body h2 {
	margin-top: 46px;
	font-size: 19px !important;
}

.ikbase-style-classic .ikbase-article-body h3 {
	margin-top: 34px;
	font-size: 16px !important;
}

.ikbase-style-classic .ikbase-article-body h4 {
	font-size: 15px !important;
}

.ikbase-classic-outline {
	position: sticky;
	top: 0;
	align-self: start;
	height: 100vh;
	padding: 18px 13px;
	border-left: 1px solid var(--ikbase-classic-border);
	background: #fcfdff;
	overflow: auto;
}

.ikbase-classic-outline > h2 {
	margin: 0 0 12px;
	color: #7a8596;
	font-family: inherit;
	font-size: 10px !important;
	font-weight: 750 !important;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.ikbase-style-classic .ikbase-toc-item {
	margin: 0;
}

.ikbase-style-classic .ikbase-toc-link {
	display: block;
	padding: 3px 0;
	color: #737e8f;
	font-size: 11px !important;
	line-height: 1.35 !important;
	text-decoration: none;
}

.ikbase-style-classic .ikbase-toc-link.level-3 {
	padding-left: 9px;
}

.ikbase-style-classic .ikbase-toc-link.active,
.ikbase-style-classic .ikbase-toc-link:hover {
	color: var(--ikbase-classic-blue);
}

@media (max-width: 1100px) {
	.ikbase-classic-article-shell {
		grid-template-columns: var(--ikbase-classic-sidebar) minmax(0, 1fr);
	}

	.ikbase-classic-outline {
		display: none;
	}
}

@media (max-width: 760px) {
	.ikbase-classic-search-header {
		padding: 8px 12px;
	}

	.ikbase-classic-shell,
	.ikbase-classic-article-shell {
		grid-template-columns: 1fr;
	}

	.ikbase-classic-sidebar {
		max-height: 300px;
		border-right: 0;
		border-bottom: 1px solid var(--ikbase-classic-border);
		overflow: auto;
	}

	.ikbase-classic-main,
	.ikbase-classic-article-main {
		padding: 20px 16px 50px;
	}

	.ikbase-classic-article-row {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.ikbase-classic-article-copy p {
		white-space: normal;
	}
}