/**
 * Knowledge base design for automatorplugin.com.
 *
 * The knowledge base pages come from the Heroic Knowledge Base plugin templates.
 * This file only loads on the knowledge base (home, topics, tags, articles and
 * the knowledge base search), after the plugin's styles, and every rule is
 * scoped to the plugin's markup (#hkb, .hkb-*, body.ht-kb).
 * These styles lived in Additional CSS (Customizer) until November 2026.
 */

#hkb .hkb-container {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box;
}
#hkb .hkb-mainpage {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
#hkb .hkb-mainpage__main {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
#hkb .hkb-mainpage-wrapper {
	padding: 100px 24px !important;
}
#hkb .hkb-site-search__field {
	border: 1px solid #cfd6de !important;
	border-radius: 150px !important;
	background-color: #fff !important;
	font-size: 16px !important;
	color: #0d0f12 !important;
	box-shadow: none !important;
}
.hkb-template-archive .hkb-searchbox-wrapper {
	background: radial-gradient(120% 80% at 50% 0%,#eaf5fd 0%,#ffffff 60%) !important;
	padding: 104px 24px 100px !important;
}
.hkb-template-archive .hkb-searchbox-wrapper .hkb-container {
	max-width: 750px !important;
	height: auto;
}
.hkb-template-archive .hkb-searchbox {
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.hkb-template-archive .hkb-searchbox__title {
	color: #0d0f12 !important;
	font-size: 56px !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -.02em;
	margin: 0 0 32px !important;
}
.hkb-template-archive .hkb-site-search {
	max-width: 640px;
	margin: 0 auto;
	height: auto;
}
.hkb-template-archive .hkb-site-search__field {
	height: 54px !important;
}
.hkb-template-archive .hkb-mainpage-wrapper {
	background: #f6f7f9 !important;
}
.hkb-template-archive .hkb-mainpage__main {
	width: 100% !important;
	max-width: none !important;
}
.hkb-template-archive .hkb-archivetitle {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 48px !important;
	text-align: center;
	font-size: 44px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	color: #0d0f12 !important;
}
.hkb-template-archive .hkb-archive {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 20px;
	margin: 0 !important;
	width: 100% !important;
}
.hkb-template-archive .hkb-archive::before,
.hkb-template-archive .hkb-archive::after {
	display: none !important;
}
.hkb-template-archive .hkb-category {
	float: none !important;
	clear: none !important;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 28px !important;
	background: #fff;
	border: 1px solid #ebecef !important;
	border-radius: 16px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.hkb-template-archive .hkb-category::before,
.hkb-template-archive .hkb-category::after {
	display: none !important;
}
.hkb-template-archive .hkb-article-list li:nth-child(n+6) {
	display: none !important;
}
.hkb-template-archive .hkb-article-list {
	margin-bottom: 16px;
}
.hkb-template-archive .hkb-category__view-all,
.hkb-template-archive .hkb-category>a:last-child {
	margin-top: auto;
}
#hkb .hkb-categoryhead__title,
#hkb .hkb-categoryhead__title a {
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #0d0f12 !important;
}
#hkb .hkb-categoryhead__description {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #676b6f !important;
}
#hkb .hkb-article-list li a {
	font-size: 15px !important;
	line-height: 1.5 !important;
	color: #2b2e33 !important;
}
#hkb .hkb-subheader {
	background: #f6f7f9 !important;
	padding: 20px 24px !important;
}
#hkb .hkb-subheader .hkb-container {
	display: flex !important;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	height: auto;
}
#hkb .hkb-subheader .hkb-site-search {
	float: none !important;
	flex: 0 0 320px;
	width: 320px !important;
	margin: 0 !important;
	height: auto;
}
#hkb .hkb-breadcrumbs-wrap {
	float: none !important;
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	margin: 0 !important;
}
#hkb .hkb-breadcrumbs,
#hkb .hkb-breadcrumbs a,
#hkb .hkb-breadcrumbs li,
#hkb .hkb-breadcrumbs span {
	color: #5b6168 !important;
	font-size: 14px !important;
}
#hkb .hkb-mainpage--sidebarright {
	display: flex !important;
	align-items: flex-start;
	gap: 48px;
}
#hkb .hkb-mainpage--sidebarright .hkb-mainpage__main {
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	max-width: none !important;
}
#hkb .hkb-mainpage--sidebarright .hkb-mainpage__sidebar {
	float: none !important;
	flex: 0 0 300px;
	width: 300px !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
#hkb .hkb-mainpage__sidebar .widget {
	margin: 0 !important;
}
#hkb .hkb_widget_toc,
#hkb .hkb_widget_articles {
	background: #fff !important;
	border: 1px solid #ebecef;
	border-radius: 16px;
	padding: 28px !important;
	box-sizing: border-box;
}
#hkb .hkb_widget_toc .widget-title,
#hkb .hkb_widget_articles .widget-title {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #0d0f12 !important;
}
#hkb .hkb_widget_toc a {
	font-size: 15px !important;
	line-height: 1.5 !important;
}
#hkb .hkb_widget_toc li.active>a {
	background: #eaf5fd !important;
	color: #0478c3 !important;
	border-radius: 8px;
}
#hkb .hkb-categoryheader {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 32px !important;
}
#hkb .hkb-categoryheader__title {
	font-size: 44px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	color: #0d0f12 !important;
	margin: 0 0 16px !important;
}
#hkb .hkb-categoryheader__description {
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #676b6f !important;
}
#hkb .hkb-article-grid {
	display: flex;
	flex-direction: column;
	gap: 12px;
	border: 0 !important;
}
#hkb .hkb-articlepreview {
	background: #fff;
	border: 1px solid #ebecef !important;
	border-radius: 16px;
	padding: 22px 24px !important;
	margin: 0 !important;
}
#hkb .hkb-articlepreview__title,
#hkb .hkb-articlepreview__title a {
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: #0d0f12 !important;
	margin: 0 !important;
}
#hkb .hkb-subcats {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
	margin: 0 0 32px !important;
}
#hkb .hkb-subcats .hkb-categoryhead {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	background: #fff;
	border: 1px solid #ebecef;
	border-radius: 16px;
	padding: 24px !important;
}
#hkb .hkb-article .hkb-article__title {
	font-size: 44px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	color: #0d0f12 !important;
	margin: 0 0 24px !important;
}
#hkb .hkb-article__content {
	font-size: 17px;
	line-height: 1.7;
	color: #2b2e33;
}
#hkb .hkb-article__content h2 {
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: #0d0f12 !important;
}
#hkb .hkb-article__content h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #0d0f12 !important;
}

@media (max-width:1024px) {
	.hkb-template-archive .hkb-archive {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.hkb-template-archive .hkb-searchbox__title {
		font-size: 46px !important;
	}
	.hkb-template-archive .hkb-archivetitle,
	#hkb .hkb-categoryheader__title,
	#hkb .hkb-article .hkb-article__title {
		font-size: 38px !important;
	}
	#hkb .hkb-mainpage--sidebarright {
		flex-direction: column;
		gap: 40px;
	}
	#hkb .hkb-mainpage--sidebarright .hkb-mainpage__main,
	#hkb .hkb-mainpage--sidebarright .hkb-mainpage__sidebar {
		flex: none;
		width: 100% !important;
	}
}

@media (max-width:767px) {
	.hkb-template-archive .hkb-archive,
	#hkb .hkb-subcats {
		grid-template-columns: minmax(0,1fr);
		gap: 16px;
	}
	.hkb-template-archive .hkb-searchbox__title {
		font-size: 36px !important;
	}
	.hkb-template-archive .hkb-archivetitle,
	#hkb .hkb-categoryheader__title,
	#hkb .hkb-article .hkb-article__title {
		font-size: 32px !important;
	}
	.hkb-template-archive .hkb-archivetitle {
		margin-bottom: 32px !important;
	}
	.hkb-template-archive .hkb-searchbox-wrapper {
		padding: 72px 20px !important;
	}
	#hkb .hkb-mainpage-wrapper {
		padding: 100px 20px !important;
	}
	.hkb-template-archive .hkb-category {
		padding: 22px !important;
	}
	#hkb .hkb-subheader {
		padding: 16px 20px !important;
	}
	#hkb .hkb-subheader .hkb-container {
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 12px;
	}
	#hkb .hkb-subheader .hkb-site-search {
		flex: none;
		width: 100% !important;
	}
	#hkb .hkb-article__content {
		font-size: 16px;
	}
}
.hkb-template-archive .hkb-searchbox__title::before,
.hkb-template-archive .hkb-archivetitle::before {
	display: block !important;
	margin: 0 0 14px !important;
	color: #0790e8 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}
.hkb-template-archive .hkb-searchbox__title::before {
	content: "Knowledge base" !important;
}
.hkb-template-archive .hkb-archivetitle::before {
	content: "Browse by topic" !important;
}
.hkb-template-archive .hkb-category__view-all {
	font-size: 16px !important;
}
#hkb .hkb-subcats,
#hkb .hkb-mainpage__main {
	border: 0 !important;
}
#hkb .hkb-subcats::after {
	display: none !important;
}

/* Search: same as the Recipes page */
#hkb .hkb-site-search {
	display: flex !important;
	align-items: stretch;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	height: auto;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
}
#hkb .hkb-site-search:focus-within {
	border-color: #0790e8;
	box-shadow: 0 0 0 3px rgba(7,144,232,.15);
}
#hkb .hkb-site-search__field {
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 16px 18px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
	color: #2b2e33 !important;
	font-size: 17px !important;
	line-height: 1.6 !important;
	text-align: left !important;
}
#hkb .hkb-site-search__button {
	display: block !important;
	flex: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 26px;
	border: 0;
	border-radius: 0;
	background: #0790e8;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
#hkb .hkb-site-search__button span {
	display: inline !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
}
#hkb .hkb-site-search__button:hover {
	background: #0478c3;
}
#hkb .hkb-site-search__icon {
	display: none !important;
}
#hkb .hkb-subheader .hkb-container {
	flex-direction: row-reverse !important;
}
#hkb .hkb-subheader .hkb-site-search {
	flex: 0 0 400px;
	width: 400px !important;
	margin: 0 !important;
}
#hkb .hkb-subheader .hkb-site-search__field {
	padding: 10px 14px !important;
	font-size: 15px !important;
}
#hkb .hkb-subheader .hkb-site-search__button {
	padding: 0 18px;
}
#hkb .hkb-subheader .hkb-site-search__button span {
	font-size: 14px;
}
#hkb .hkb-article-list li::before,
#hkb .hkb_widget_articles li::before {
	content: "" !important;
	width: 16px !important;
	height: 16px !important;
	background: url("https://automatorplugin.com/wp-content/uploads/2026/10/file-lines-duotone-blue.svg") no-repeat center/contain !important;
}

/* View all: blue link, no arrow */
#hkb .hkb-category__view-all {
	padding-left: 0 !important;
	color: #0790e8 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}
#hkb .hkb-category__view-all::before {
	display: none !important;
}

@media (max-width:767px) {
	#hkb .hkb-site-search__field {
		font-size: 16px !important;
	}
	#hkb .hkb-subheader .hkb-site-search {
		flex: none;
		width: 100% !important;
		max-width: none;
	}
	#hkb .hkb-subheader .hkb-container {
		flex-direction: column !important;
	}
}

/* Search width and button */
#hkb .hkb-searchbox {
	max-width: 750px !important;
	width: 100% !important;
}
#hkb .hkb-site-search__button {
	box-shadow: none !important;
}

/* Search results: theme title band */
body.search.ht-kb .page-header {
	background: radial-gradient(120% 80% at 50% 0%,#eaf5fd 0%,#ffffff 60%) !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 72px 24px 40px !important;
}
body.search.ht-kb .page-header-inner {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center;
}
body.search.ht-kb .page-header-title,
body.search.ht-kb .page-header-title span {
	color: #0d0f12 !important;
	font-size: 44px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
}
body.search.ht-kb .site-breadcrumbs {
	display: none !important;
}

@media (max-width:1024px) {
	body.search.ht-kb .page-header-title,
	body.search.ht-kb .page-header-title span {
		font-size: 38px !important;
	}
}

@media (max-width:767px) {
	body.search.ht-kb .page-header-title,
	body.search.ht-kb .page-header-title span {
		font-size: 32px !important;
	}
	body.search.ht-kb .page-header {
		padding: 48px 20px 32px !important;
	}
}

/* Breadcrumbs on the left, search on the right */
#hkb .hkb-subheader .hkb-container {
	flex-direction: row !important;
	justify-content: space-between;
}
#hkb .hkb-breadcrumbs-wrap {
	order: 1;
}
#hkb .hkb-subheader .hkb-site-search {
	order: 2;
}

@media (max-width:767px) {
	#hkb .hkb-subheader .hkb-container {
		flex-direction: column !important;
		align-items: stretch;
	}
	#hkb .hkb-subheader .hkb-site-search {
		order: 1;
	}
	#hkb .hkb-breadcrumbs-wrap {
		order: 2;
	}
	#hkb .hkb-site-search__field {
		padding: 14px !important;
		font-size: 15px !important;
	}
	#hkb .hkb-site-search__button {
		padding: 0 16px;
	}
}

/* Search: exact values from the Recipes page */
#hkb .hkb-site-search__field::placeholder {
	color: #2b2e33 !important;
	opacity: .7 !important;
}
#hkb .hkb-site-search__button {
	background: #0790e8 !important;
	color: #fff !important;
	font-size: 17px !important;
}
#hkb .hkb-site-search__button:hover {
	background: #0478c3 !important;
}
#hkb .hkb-site-search__button span {
	color: #fff !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
}
#hkb .hkb-subheader .hkb-site-search__button {
	font-size: 15px !important;
}
#hkb .hkb-subheader .hkb-site-search__button span {
	font-size: 15px !important;
}

/* Document icon centred on the first line of text */
#hkb .hkb-article-list li,
#hkb .hkb_widget_articles li {
	position: relative !important;
	padding-left: 24px !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}
#hkb .hkb-article-list li a,
#hkb .hkb_widget_articles li a {
	line-height: 1.5 !important;
}
#hkb .hkb-article-list li::before,
#hkb .hkb_widget_articles li::before {
	position: absolute !important;
	left: 0 !important;
	top: calc((1.5em - 16px) / 2) !important;
	margin: 0 !important;
}
#hkb .hkb-site-search__button {
	width: auto !important;
	padding: 0 26px !important;
	border-radius: 0 !important;
}
#hkb .hkb-subheader .hkb-site-search__button {
	padding: 0 18px !important;
}

/* The plugin focuses the field on load, so no blue ring: it looks like the Recipes search at rest */
#hkb .hkb-site-search:focus-within {
	border-color: #cfcfcf !important;
	box-shadow: none !important;
}

@media (max-width:767px) {
	#hkb .hkb-site-search__button,
	#hkb .hkb-subheader .hkb-site-search__button {
		padding: 0 16px !important;
	}
}
#hkb .hkb-site-search__button {
	min-width: 0 !important;
}

/* View all at the bottom of every card */
.hkb-template-archive .hkb-archive {
	align-items: stretch !important;
}
#hkb .hkb-category {
	display: flex !important;
	flex-direction: column !important;
}
#hkb .hkb-category .hkb-article-list {
	margin-bottom: 20px !important;
}
#hkb .hkb-category .hkb-category__view-all {
	display: block !important;
	margin-top: auto !important;
}

/* Old promo box out of the sidebar */
#hkb .hkb-mainpage__sidebar #custom_html-5,
#hkb .hkb-mainpage__sidebar #custom_html-7 {
	display: none !important;
}

/* Topics: no sidebar left once the promo box is gone, so the content takes the full width */
.hkb-template-category .hkb-mainpage__sidebar {
	display: none !important;
}
.hkb-template-category .hkb-mainpage--sidebarright {
	display: block !important;
}
.hkb-template-category .hkb-mainpage--sidebarright .hkb-mainpage__main {
	width: 100% !important;
	max-width: none !important;
}
.hkb-template-category .hkb-article-grid {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px !important;
}
.hkb-template-category .hkb-subcats {
	grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

@media (max-width:1024px) {
	.hkb-template-category .hkb-subcats {
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	}
}

@media (max-width:767px) {
	.hkb-template-category .hkb-article-grid,
	.hkb-template-category .hkb-subcats {
		grid-template-columns: minmax(0,1fr) !important;
		gap: 16px !important;
	}
}

/* Search with no results: same title band */
body:has(#hkb).search .page-header {
	background: radial-gradient(120% 80% at 50% 0%,#eaf5fd 0%,#ffffff 60%) !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 72px 24px 40px !important;
}
body:has(#hkb).search .page-header-inner {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center;
}
body:has(#hkb).search .page-header-title,
body:has(#hkb).search .page-header-title span {
	color: #0d0f12 !important;
	font-size: 44px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
}
body:has(#hkb).search .site-breadcrumbs {
	display: none !important;
}

@media (max-width:1024px) {
	body:has(#hkb).search .page-header-title,
	body:has(#hkb).search .page-header-title span {
		font-size: 38px !important;
	}
}

@media (max-width:767px) {
	body:has(#hkb).search .page-header-title,
	body:has(#hkb).search .page-header-title span {
		font-size: 32px !important;
	}
	body:has(#hkb).search .page-header {
		padding: 48px 20px 32px !important;
	}
}

/* Topics and search results: a list with the document icon, no boxes */
#hkb .hkb-articlepreview {
	position: relative !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 0 0 24px !important;
	margin: 0 !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}
#hkb .hkb-articlepreview::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc((1.5em - 16px) / 2);
	width: 16px;
	height: 16px;
	background: url("https://automatorplugin.com/wp-content/uploads/2026/10/file-lines-duotone-blue.svg") no-repeat center/contain;
}
#hkb .hkb-articlepreview__title,
#hkb .hkb-articlepreview__title a {
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #2b2e33 !important;
	margin: 0 !important;
}
#hkb .hkb-article-grid {
	gap: 8px 20px !important;
}

/* Subtopics: the same cards as the knowledge base home */
#hkb .hkb-subcats .hkb-categoryhead {
	display: flex !important;
	flex-direction: column !important;
	padding: 28px !important;
	box-sizing: border-box;
}
#hkb .hkb-subcats .hkb-article-list {
	margin: 16px 0 20px !important;
	padding: 0 !important;
	list-style: none !important;
}
#hkb .hkb-subcats .hkb-category__view-all {
	display: block !important;
	margin-top: auto !important;
}

/* Breadcrumbs: same as Recipes, starting at Knowledge Base */
#hkb .hkb-breadcrumbs {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #676b6f !important;
}
#hkb .hkb-breadcrumbs li {
	display: inline !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #676b6f !important;
}
#hkb .hkb-breadcrumbs li:first-child {
	display: none !important;
}
#hkb .hkb-breadcrumbs li::before {
	display: none !important;
}
#hkb .hkb-breadcrumbs li:not(:last-child)::after {
	content: ">";
	margin-left: 8px;
	color: #676b6f;
}
#hkb .hkb-breadcrumbs a,
#hkb .hkb-breadcrumbs a span {
	color: #0790e8 !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	text-decoration: none;
}
#hkb .hkb-breadcrumbs li:last-child span {
	display: inline !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	overflow: visible !important;
	color: #676b6f !important;
	font-size: 14px !important;
}

/* Less space under the grey band */
#hkb .hkb-subheader ~ .hkb-mainpage-wrapper {
	padding-top: 48px !important;
}

/* Sidebar: every widget in the same container */
#hkb .hkb-mainpage__sidebar .widget.hkb_widget_articles:not(#_),
#hkb .hkb-mainpage__sidebar .widget.hkb_widget_categories:not(#_) {
	background: #fff !important;
	border: 1px solid #ebecef !important;
	border-radius: 16px !important;
	padding: 28px !important;
	box-sizing: border-box;
}
#hkb .hkb_widget_articles li:nth-child(n+6) {
	display: none !important;
}
#hkb .hkb_widget_categories .widget-title {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #0d0f12 !important;
}
#hkb .hkb_widget_categories li {
	display: flex !important;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 8px !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}
#hkb .hkb_widget_categories li a {
	flex: 1 1 0;
	min-width: 0;
	font-size: 15px !important;
	line-height: 1.5 !important;
	color: #2b2e33 !important;
}
#hkb .hkb_widget_categories .cat-count-span {
	float: none !important;
	flex: none;
	color: #9a9ea3 !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

@media (max-width:767px) {
	#hkb .hkb-subheader ~ .hkb-mainpage-wrapper {
		padding-top: 40px !important;
	}
	#hkb .hkb-article-grid {
		gap: 8px !important;
	}
	#hkb .hkb-subcats .hkb-categoryhead {
		padding: 22px !important;
	}
}

/* Search: the title sits under the grey band, right above the results */
body:has(#hkb).search #main {
	display: flex !important;
	flex-direction: column !important;
}
body:has(#hkb).search #hkb,
body:has(#hkb).search .hkb-fullwcontainer {
	display: contents !important;
}
body:has(#hkb).search .hkb-subheader {
	order: 1;
}
body:has(#hkb).search .page-header {
	order: 2;
	background: none !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 48px 24px 0 !important;
}
body:has(#hkb).search .hkb-mainpage-wrapper {
	order: 3;
}
body:has(#hkb).search .page-header-inner {
	text-align: left !important;
}
body:has(#hkb).search .page-header-title,
body:has(#hkb).search .page-header-title span {
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	overflow-wrap: anywhere;
}
body:has(#hkb).search #hkb .hkb-subheader ~ .hkb-mainpage-wrapper {
	padding-top: 24px !important;
}
#hkb .hkb-mainpage__main .hkb-pagination {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin: 32px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
#hkb .hkb-pagination a {
	display: inline-block !important;
	padding: 6px 20px !important;
	margin: 0 !important;
	background: #fff !important;
	border: 2px solid #0b87e8 !important;
	border-radius: 150px !important;
	color: #0790e8 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 26.4px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
#hkb .hkb-pagination a:hover {
	background: #eaf5fd !important;
}
#hkb .hkb-pagination a::before,
#hkb .hkb-pagination a::after,
#hkb .hkb-pagination span::before,
#hkb .hkb-pagination span::after {
	content: none !important;
	display: none !important;
}
#hkb .hkb-pagination__next {
	margin-left: auto;
}

@media (max-width:1024px) {
	body:has(#hkb).search .page-header-title,
	body:has(#hkb).search .page-header-title span {
		font-size: 26px !important;
	}
}

@media (max-width:767px) {
	body:has(#hkb).search .page-header {
		padding: 40px 20px 0 !important;
	}
	body:has(#hkb).search .page-header-title,
	body:has(#hkb).search .page-header-title span {
		font-size: 24px !important;
	}
}

/* No results: smaller than the title above it */
#hkb .hkb-search-noresults__title {
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #0d0f12 !important;
	margin: 0 0 8px !important;
}
#hkb .hkb-search-noresults p,
#hkb .hkb-search-noresults__title + p {
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #676b6f !important;
}

/* Previous and Next: plain links */
#hkb .hkb-pagination a {
	display: inline !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #0790e8 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}
#hkb .hkb-pagination a:hover {
	background: none !important;
	color: #0478c3 !important;
}
#hkb .hkb-pagination [class*="__next"] a::after {
	content: " >" !important;
	display: inline !important;
}
#hkb .hkb-pagination [class*="__prev"] a {
	font-size: 0 !important;
}
#hkb .hkb-pagination [class*="__prev"] a::before {
	content: "\3C \20 Previous" !important;
	font-size: 15px !important;
}

/* An article in two topics (a topic and one of its subtopics) gets one trail per topic: show only the first, the full path through the subtopic. */
#hkb .hkb-breadcrumbs-wrap .hkb-breadcrumbs ~ .hkb-breadcrumbs {
	display: none !important;
}

/* The plugin's full-width wrapper is 100vw minus 9px, which puts the knowledge base 4px left of the header. Its parent is already full width, so fill it instead: everything lines up with the logo. */
#hkb .hkb-fullwcontainer {
	width: 100% !important;
	left: auto !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}